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

package/CHANGELOG.md

@@ -1,8 +1,38 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-next-20220602.0...v) (2022-06-02)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.4...v) (2022-06-17)
 
 
 
-# [3.0.0-next-20220602.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.3...v3.0.0-next-20220602.0) (2022-06-02)
+# [3.0.0-beta.4](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.3...v3.0.0-beta.4) (2022-06-17)
+
+
+### 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))
+
+
+### 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))
 
 
 

package/dist/_component-variables.sass

@@ -0,0 +1,61 @@
+@forward '../lib/components/VAlert/_variables.scss'
+@forward '../lib/components/VAppBar/_variables.scss'
+@forward '../lib/components/VAutocomplete/_variables.scss'
+@forward '../lib/components/VAvatar/_variables.scss'
+@forward '../lib/components/VBadge/_variables.scss'
+@forward '../lib/components/VBanner/_variables.scss'
+@forward '../lib/components/VBottomNavigation/_variables.scss'
+@forward '../lib/components/VBreadcrumbs/_variables.scss'
+@forward '../lib/components/VBtn/_variables.scss'
+@forward '../lib/components/VBtnGroup/_variables.scss'
+@forward '../lib/components/VBtnToggle/_variables.scss'
+@forward '../lib/components/VCard/_variables.scss'
+@forward '../lib/components/VCarousel/_variables.scss'
+@forward '../lib/components/VCheckbox/_variables.scss'
+@forward '../lib/components/VChip/_variables.scss'
+@forward '../lib/components/VChipGroup/_variables.scss'
+@forward '../lib/components/VCode/_variables.scss'
+@forward '../lib/components/VColorPicker/_variables.scss'
+@forward '../lib/components/VCombobox/_variables.scss'
+@forward '../lib/components/VCounter/_variables.scss'
+@forward '../lib/components/VDialog/_variables.scss'
+@forward '../lib/components/VDivider/_variables.scss'
+@forward '../lib/components/VExpansionPanel/_variables.scss'
+@forward '../lib/components/VField/_variables.scss'
+@forward '../lib/components/VFileInput/_variables.scss'
+@forward '../lib/components/VFooter/_variables.scss'
+@forward '../lib/components/VIcon/_variables.scss'
+@forward '../lib/components/VImg/_variables.scss'
+@forward '../lib/components/VInput/_variables.scss'
+@forward '../lib/components/VItemGroup/_variables.scss'
+@forward '../lib/components/VKbd/_variables.scss'
+@forward '../lib/components/VLabel/_variables.scss'
+@forward '../lib/components/VList/_variables.scss'
+@forward '../lib/components/VMain/_variables.scss'
+@forward '../lib/components/VMenu/_variables.scss'
+@forward '../lib/components/VMessages/_variables.scss'
+@forward '../lib/components/VNavigationDrawer/_variables.scss'
+@forward '../lib/components/VOverlay/_variables.scss'
+@forward '../lib/components/VPagination/_variables.scss'
+@forward '../lib/components/VProgressCircular/_variables.scss'
+@forward '../lib/components/VProgressLinear/_variables.scss'
+@forward '../lib/components/VRadioGroup/_variables.scss'
+@forward '../lib/components/VRating/_variables.scss'
+@forward '../lib/components/VSelect/_variables.scss'
+@forward '../lib/components/VSelectionControl/_variables.scss'
+@forward '../lib/components/VSelectionControlGroup/_variables.scss'
+@forward '../lib/components/VSheet/_variables.scss'
+@forward '../lib/components/VSlideGroup/_variables.scss'
+@forward '../lib/components/VSlider/_variables.scss'
+@forward '../lib/components/VSnackbar/_variables.scss'
+@forward '../lib/components/VSwitch/_variables.scss'
+@forward '../lib/components/VSystemBar/_variables.scss'
+@forward '../lib/components/VTable/_variables.scss'
+@forward '../lib/components/VTabs/_variables.scss'
+@forward '../lib/components/VTextField/_variables.scss'
+@forward '../lib/components/VTextarea/_variables.scss'
+@forward '../lib/components/VTimeline/_variables.scss'
+@forward '../lib/components/VToolbar/_variables.scss'
+@forward '../lib/components/VTooltip/_variables.scss'
+@forward '../lib/components/VWindow/_variables.scss'
+@forward '../lib/directives/ripple/_variables.scss'

package/dist/json/attributes.json

@@ -205,7 +205,7 @@
   },
   "v-alert/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-alert-title/tag": {
     "type": "string",
@@ -255,10 +255,18 @@
     "type": "boolean",
     "description": ""
   },
+  "v-autocomplete/menu": {
+    "type": "boolean",
+    "description": ""
+  },
   "v-autocomplete/menu-icon": {
     "type": "string|function|object",
     "description": ""
   },
+  "v-autocomplete/menu-props": {
+    "type": "object",
+    "description": ""
+  },
   "v-autocomplete/model-value": {
     "type": "any",
     "description": ""
@@ -779,6 +787,10 @@
     "type": "any",
     "description": "Displays the button as a flex-column."
   },
+  "v-btn/loading": {
+    "type": "any",
+    "description": ""
+  },
   "v-btn/ripple": {
     "type": "boolean",
     "description": ""
@@ -873,7 +885,7 @@
   },
   "v-btn/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-btn-group/divided": {
     "type": "any",
@@ -909,7 +921,7 @@
   },
   "v-btn-group/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-btn-toggle/model-value": {
     "type": "any",
@@ -1061,7 +1073,7 @@
   },
   "v-card/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-card-avatar/tag": {
     "type": "string",
@@ -1143,14 +1155,6 @@
     "type": "any",
     "description": ""
   },
-  "v-checkbox/indeterminate": {
-    "type": "any",
-    "description": "Sets an indeterminate state for the checkbox"
-  },
-  "v-checkbox/indeterminate-icon": {
-    "type": "string|function|object",
-    "description": "The icon used when in an indeterminate state"
-  },
   "v-checkbox/id": {
     "type": "string",
     "description": ""
@@ -1211,6 +1215,18 @@
     "type": "any",
     "description": ""
   },
+  "v-checkbox/validation-value": {
+    "type": "any",
+    "description": ""
+  },
+  "v-checkbox/indeterminate": {
+    "type": "boolean",
+    "description": "Sets an indeterminate state for the checkbox"
+  },
+  "v-checkbox/indeterminate-icon": {
+    "type": "string|function|object",
+    "description": "The icon used when in an indeterminate state"
+  },
   "v-checkbox/color": {
     "type": "string",
     "description": ""
@@ -1263,6 +1279,94 @@
     "type": "string",
     "description": "Specify a theme for this component and all of its children"
   },
+  "v-checkbox-btn/indeterminate": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/indeterminate-icon": {
+    "type": "string|function|object",
+    "description": ""
+  },
+  "v-checkbox-btn/color": {
+    "type": "string",
+    "description": ""
+  },
+  "v-checkbox-btn/disabled": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/error": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/id": {
+    "type": "string",
+    "description": ""
+  },
+  "v-checkbox-btn/inline": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/label": {
+    "type": "string",
+    "description": ""
+  },
+  "v-checkbox-btn/false-icon": {
+    "type": "string|function|object",
+    "description": ""
+  },
+  "v-checkbox-btn/true-icon": {
+    "type": "string|function|object",
+    "description": ""
+  },
+  "v-checkbox-btn/ripple": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/multiple": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/name": {
+    "type": "string",
+    "description": ""
+  },
+  "v-checkbox-btn/readonly": {
+    "type": "boolean",
+    "description": ""
+  },
+  "v-checkbox-btn/true-value": {
+    "type": "any",
+    "description": "Sets value for truthy state"
+  },
+  "v-checkbox-btn/false-value": {
+    "type": "any",
+    "description": "Sets value for falsy state"
+  },
+  "v-checkbox-btn/model-value": {
+    "type": "any",
+    "description": ""
+  },
+  "v-checkbox-btn/type": {
+    "type": "string",
+    "description": ""
+  },
+  "v-checkbox-btn/value": {
+    "type": "any",
+    "description": ""
+  },
+  "v-checkbox-btn/value-comparator": {
+    "type": "function",
+    "description": ""
+  },
+  "v-checkbox-btn/theme": {
+    "type": "string",
+    "description": "Specify a theme for this component and all of its children"
+  },
+  "v-checkbox-btn/density": {
+    "type": "string",
+    "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**."
+  },
   "v-chip/active-class": {
     "type": "any",
     "description": ""
@@ -1389,7 +1493,7 @@
   },
   "v-chip/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-chip-group/column": {
     "type": "any",
@@ -1441,7 +1545,7 @@
   },
   "v-chip-group/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-code/tag": {
     "type": "string",
@@ -1555,10 +1659,18 @@
     "type": "boolean",
     "description": ""
   },
+  "v-combobox/menu": {
+    "type": "boolean",
+    "description": ""
+  },
   "v-combobox/menu-icon": {
     "type": "string|function|object",
     "description": ""
   },
+  "v-combobox/menu-props": {
+    "type": "object",
+    "description": ""
+  },
   "v-combobox/model-value": {
     "type": "any",
     "description": ""
@@ -2003,6 +2115,10 @@
     "type": "array",
     "description": ""
   },
+  "v-file-input/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-file-input/append-inner-icon": {
     "type": "string|function|object",
     "description": ""
@@ -2455,6 +2571,10 @@
     "type": "any",
     "description": ""
   },
+  "v-input/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-item-group/model-value": {
     "type": "any",
     "description": "Represents the selected item(s). Will be an array if **multiple** prop is used."
@@ -2701,7 +2821,7 @@
   },
   "v-list/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-list-subheader/color": {
     "type": "any",
@@ -2849,7 +2969,7 @@
   },
   "v-list-item/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-list-item-action/start": {
     "type": "any",
@@ -3337,7 +3457,7 @@
   },
   "v-pagination/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-parallax/scale": {
     "type": "number|string",
@@ -3519,6 +3639,10 @@
     "type": "any",
     "description": ""
   },
+  "v-radio-group/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-radio-group/color": {
     "type": "string",
     "description": ""
@@ -3635,6 +3759,10 @@
     "type": "array",
     "description": ""
   },
+  "v-range-slider/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-range-slider/max": {
     "type": "number|string",
     "description": ""
@@ -3835,10 +3963,18 @@
     "type": "boolean",
     "description": "Do not display in the select menu items that are already selected"
   },
+  "v-select/menu": {
+    "type": "boolean",
+    "description": ""
+  },
   "v-select/menu-icon": {
     "type": "string|function|object",
     "description": ""
   },
+  "v-select/menu-props": {
+    "type": "object",
+    "description": "Pass props through to the `v-menu` component. Accepts either a string for boolean props `menu-props=\"auto, overflowY\"`, or an object `:menu-props=\"{ auto: true, overflowY: true }\"`"
+  },
   "v-select/model-value": {
     "type": "any",
     "description": ""
@@ -3857,7 +3993,7 @@
   },
   "v-select/items": {
     "type": "array",
-    "description": "Can be an array of objects or array of strings. When using objects, will look for a text, value and disabled keys. This can be changed using the **item-text**, **item-value** and **item-disabled** props.  Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
+    "description": "Can be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the **item-title**, **item-value** and **item-disabled** props.  Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
   },
   "v-select/item-title": {
     "type": "string|array|function",
@@ -4251,6 +4387,10 @@
     "type": "number|string",
     "description": ""
   },
+  "v-slider/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-snackbar/app": {
     "type": "any",
     "description": "Respects boundaries of—and will not overlap with—other `app` components like `v-app-bar`, `v-navigation-drawer`, and `v-footer`."
@@ -4293,7 +4433,7 @@
   },
   "v-snackbar/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-snackbar/transition": {
     "type": "boolean|string|object",
@@ -4375,6 +4515,10 @@
     "type": "any",
     "description": ""
   },
+  "v-switch/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-switch/color": {
     "type": "string",
     "description": ""
@@ -4751,6 +4895,10 @@
     "type": "any",
     "description": ""
   },
+  "v-textarea/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-textarea/append-inner-icon": {
     "type": "string|function|object",
     "description": ""
@@ -4915,6 +5063,10 @@
     "type": "any",
     "description": ""
   },
+  "v-text-field/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-text-field/append-inner-icon": {
     "type": "string|function|object",
     "description": ""
@@ -5169,7 +5321,7 @@
   },
   "v-toolbar-items/variant": {
     "type": "string",
-    "description": "Applies one of 6 styles, **contained** (default), **contained-flat**, **contained-text**, **outlined**, **plain**, and **text**."
+    "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
   "v-tooltip/id": {
     "type": "any",
@@ -5227,6 +5379,10 @@
     "type": "any",
     "description": ""
   },
+  "v-validation/validation-value": {
+    "type": "any",
+    "description": ""
+  },
   "v-window/touch": {
     "type": "object|boolean",
     "description": "Provide a custom **left** and **right** function when swiped left or right."