v0.15.0-beta.1

Take what you want, I don't care

Seriously, take whatever you want, Vuetify now supports a la carte. It has been a very large effort with hundreds of dev hours and I cannot wait for you to get your hands on it. In light of the large changes, we are doing a beta release to make sure there is nothing critical breaking in applications. Big shoutout to @nekosaur and @mfferreira for all their effort that they've put into this patch, from writing tests (100+), to helping restructure the entire repository to be compatible for single component exporting. Also, a big thanks to all of the community members that have provided constructive feedback and PR's.

Accompanying this release will be an update to https://dev.vuetifyjs.com in order for you to browse through all of the new features and functionality. Keep in mind, that they are still a work in progress and should not have documentation based issues raised (such as missing text or links). However, for the beta release, I encourage you to report bugs that you find. When doing so, please ensure to follow the provided boilerplate as it will help the team better establish triage for bugs so that we can get 0.15 fully released asap.

Things we added

• New v-form component
• New v-bottom-sheet component
• New v-avatar component
• #454 v-text-field now supports the Material Design box design
• #974 Added new global object to determine the current break-point. Can be accessed by this.$vuetify.breakpoint. It can be used like this: :class="{ 'pa-3': $vuetify.breakpoint.xsOnly }"

Things we fixed

• #1309 Fixed a bug where certain input types (time, date, etc) were being overlapped by the label when empty and not focused
• #1319 Fixed a bug where v-date-picker would select the wrong week day in certain locales
• #1330 Fixed background hover when mousing over v-data-table rows
• #1331 Fixed a bug where v-time-picker was setting the improper time period
• #1333 Fixed a bug where v-text-field was propagating input events to v-navigation-drawer
• #1352 Fixed a bug where a v-list-tile with multiple v-list-tile-action's or v-list-tile-avatar's would only apply styles to the next sibling element
• #1357, #1359 Fixed a bug where the active-class prop was not properly applying the active class (doh!)
• #1368 Fixed a bug where v-toolbar-side-icon was not working with directives
• #1373 Fixed a bug where the .native modifier was still needed when applying @ events on v-select
• #1374 Fixed a bug where v-list-tile's would not properly display as active when not inside of a v-list-group
• #1375 Fixed a bug where Typography headers were not changing color with theme
• #1377 Fixed a bug where v-select with the auto prop was not aligning the selected item over the selected value text
• #1393 Fixed a bug where v-text-field would cause an error when referencing the internal input
• #1397 Fixed a bug where v-edit-dialog was not properly changing theme when its parent v-data-table was set to dark
• #1403 Fixed a bug that disallowed deselecting an option in v-btn-toggle when using the mandatory prop even if it was not the only selection
• #1405 Fixed improper padding on v-toolbar
• #1409 Fixed a bug where when evaluating older years in certain locales, that the v-date-picker would show the improper months
• #1419 Fixed improper applying of opacity on disabled v-btn's
• ddf74aa Fixed a bug where user bound @click events would be overwritten for all route-link implementing components
• fd93077 Fixed a bug where certain heading helper classes were trying to apply a non-existent line-height and letter-spacing
• 23eb7b3 Fixed a bug where v-menu was not properly applying the origin prop for its transition

Things we changed

• breaking Refactored v-tabs to be a little more intuitive. No longer needs to designate slots, now requires a v-tabs-items component around v-tabs-content
• breaking The v-ripple directive is no longer automatically applied to all route-link mixin implementing components
• breaking The v-text-field props counter and required no longer automatically apply any validation but are instead purely cosmetic. You will need to set up validation rules for these using either the built-in rules prop or external libraries.
• Improved v-select and v-menu performance by up to 33%. Now has more intuitive keyboard navigation and search feel
• Improved v-edit-dialog styles
• Added label slot to all form components
• Added babel-polyfill to dev build to allow for testing in ie
• #1417 Added more finite control over the visible length of v-pagination and improve mobile support
• 1523c37 Removed the ability to tab to disabled form components
• breaking b4c7c6a v-layout will no longer apply negative margins when not inside of a v-container
• #1166 #1376 Added dark theme to v-expansion-panel and a target-able class on its content

Things you added

• A big shoutout to @Phlow2001 , @jacekkarczmarczyk and the countless others that helped add numerous tests throughout the framework
• #1289 Added prop to all form components that allows the defining of the toggle-keys (thanks @ckaczor)

Things you fixed

• #548 Fixed a bug where when a v-carousel was cycling through images and the focused tab changed, after a period if time, when returning to the tab, the carousel would show a black screen (thanks @jacekkarczmarczyk)
• #1258 Fixed a bug where when using v-text-field with a type of number would cause the label to not work properly if the input was given a valid but incomplete number, such as 0. (thanks @jacekkarczmarczyk)
• #1350 Fixed a bug where v-progress-circular with the indeterminate prop did not work properly on IE11 (thanks @jacekkarczmarczyk)
• #1355 Fixed a bug where the border was not displaying properly on v-navigation-drawer when using the right prop (thanks @squarebeard)
• #1356 Fixed a bug where v-select did not properly update when the multiple prop was dynamically changed (thanks @squarebeard)
• #1407 Fixed a bug in v-slider with a shared v-model and using the min prop (thanks @jacekkarczmarczyk)

Things you changed

• #1273 Added new prop filter for defining the function used for filtering v-select items (thanks @vanhoavn)
  #1342 Removed css blur on overlay (thanks @c4software)

Upgrade Guide

• Coming soon

v0.14.11

Re-released 0.14.10 as its dist css file was not properly minified.

v0.14.10

Things we fixed

• #1324 Improved/fixed weird hover behavior with v-menu
• #1323 Fixed a bug where the improper activeClass was being applied to v-breadcrumbs-item
• #1321 Fixed a bug where v-select with the autocomplete prop was not actually filtering

v0.14.9

A special thanks

I'd like to give a special thanks to @ChavaSobreyra . This community member and Patreon backer took it upon himself to design a new, more material-esque home page AND implemented it. It's absolutely amazing and I'm thankful for his contribution, as well as thousands of other developers that help make this a dream to work on.

Things we fixed

• #1225 Fixed a bug where v-data-table's page selection would throw a warning in vuex strict mode
• #1076 Fixed a bug where the v-navigation-drawer border would not always extend full height
• #1230 Fixed a bug where v-time-picker with the format prop set to 24hr would emit am/pm in certain situations
• #1222 Fixed a bug where v-list had its background theme declaration removed (oops)
• #1152 Decreased defined margin for v-date-picker so that it would not overflow improperly (will still overflow on iphone5 resolutions)
• #1233 #1293 Fixed a bug where I thought it would be a good idea to key an element forcing re-renders
• #1154 Fixed a bug where options with long titles would improperly overflow in v-select
• #1218 Fixed a bug where v-text-field was emitting 2 events on blur
• #1248 Enhanced v-pagination so that it will properly validate a number to be an integer (was failing if a float was passed)
• #1254 Fixed a bug where v-switch was not being properly aligned in v-list-tile-action
• #1241 Fixed a bug where the animation of v-slider could overlap in certain situations
• #1226 Fixed a bug where v-edit-dialog with a v-text-field would not actually focus the input, only the input group wrapper. *Also fixed misnamed transition while I was in there
• bc2e061 Removed hardcoded background value for menu__content. This could be a breaking change for you if you relied on the background (you didn't wrap content in a v-card for example) Just add a v-card or use a helper class in the content-class prop (white)
• #1295 Fixed a bug where the input-group inside of v-data-table was having its details container hidden explicitly by css
• #1278 Fixed a bug in v-select menu positioning with the autocomplete prop on very small devices
• #1195 Fixed a bug where an evaluation on element width could occur if the element was being destroyed
• #1169 Fixed a bug where v-edit-dialog was getting an improper input value
• #1048 Fixed a bug where v-menu with the hover prop could get stuck open
• #1303 Fixed a bug where the items were not wrapping properly inside of v-layout with the row prop on iPad

Things we added

• Added 3 new directives, v-resize, v-scroll and v-touch more information on docs, v-resize, v-scroll and v-touch
• #1216 Added dark theme support for v-data-table
• #1269 Added ability to change icon in v-toolbar-side-icon
• 3cdfe42 Removed explicit height declaration of img inside of v-avatar outside of a v-list. You can now scale it however you please by adjusting the img width or height (Avatar docs coming soon I promise!)
• #1244 Added lazy loading prop to v-tabs-content
• #379 Added scroll-off-screen prop to v-toolbar
• #879 Added new prop search-input to v-select. This can be coupled with the .sync modifier to detect when what a user is typing into the search when using the autocomplete prop

Things we changed

• #771 Moved content-class location to the proper .dialog__content element
• #1310 #1284 Updated logic for v-data-table scoped slots. You can now use custom components

Things we broke

• just kidding ;)

Things you fixed

• #1143 Fixed a bug where where a helper fn comparison would fail unit testing (thanks @OniVe)
• #1237 Fixed a bug where activeClass was not being properly applied to v-list-tile, v-tabs-item, v-breadcrumbs-item (thanks @ChavaSobreyra)
• #1178 Fixed a naming error in v-text-field for the autofocus prop (thanks @hrayr-artunyan)
• #1259 Fixed a bug where the label in v-text-field (all inputs really) was not properly adding the for attribute (thanks @Phlow2001)

Things you added

• #1163 Added activate/deactivate events to v-menu (thanks @cawa-93)
• #1231 Added vue version comparison for better warnings when not using a proper version with Vuetify (thanks @jacekkarczmarczyk)
• #1252 Added offset-{size}-0 to support removing offset on small resolutions when large resolutions contain it (thanks @jacekkarczmarczyk)
• 092b2bd Added typescript definitions for Vuetify and all of its helper utilities (thanks @isaaclyman)
• 10f587b Added new debug-build script to package.json (thanks @Phlow2001)
• #1265 Added the label scoped slot in v-text-field (thanks @vanhoavn)
• #1277 Added .vs (vscode editor) to .gitignore (thanks @Phlow2001)
• #1281 Added numerous accessibility changes and tests (thanks @Phlow2001)
• #1264 Added explicit css declaration for pointer-events on labels (thanks @vanhoavn)
• #1306 Added test for the timeout prop in v-snackbar (thanks @qw3n)

v0.14.8

Things we fixed

• #1141 Fixed a bug where v-text-field with a label and the prepend-icon prop that caused label to shake in the improper position
• #1089 Fixed a bug that broke v-data-table sorting when a comparing against null values
• 80e0d2f Fixed a bug that was introduced by fixing the v-icon location inside a v-btn component with the icon prop into Safari
• #1142 Fixed a bug in v-data-table where if destroyed right after being loaded would throw a warning
• #1150 Fixed a bug where a fix for the breakpoint calculation of landscape v-toolbar was not added to v-navigation-drawer
• #1151 Fixed a bug where v-data-table was mutating the pagination prop, causing an error with strict vuex
• 78307a4 Fixed a bug where v-select with the overflow, segmented or editable prop was not applying the correct hover styles
• #1160 Fixed a bug where v-toolbar was not properly removing the extension if the prop was toggled
• #1121 Fixed a bug where v-tabs-bar would allow you to move all of the items out of view
• #1194 Added back accidentally removed mobile-break-point prop on v-navigation-drawer
• c0ac1c3 Fixed a bug where the v-ripple was not being properly applied
• #1207 Fixed a bug where using v-speed-dial with no children you would receive an error
• #1204 Fixed a bug where display breakpoint sm-and-up was not working

Things we added

• #1155 Increased the maximum width of labels in form components to 90%
• #1199 Added user-select none to v-btn
• #1190 Added footer slot to v-data-table
• #1211 Added proper styles for v-btn with the fab and small or large prop
• #1202 Added proper style inheriting to v-icon when inside of a v-btn
• #1180 Fixed a bug where v-select would always display a scroll bar
• #1209 Fixed a bug where v-app was not properly setting the height of the main v-container when using v-footer with the fixed prop

Things we changed

• 40c2e0c Removed theme application to lists within drawers
• 8436cce Removed deprecated v-card-row component

Things you fixed

• #1144 Fixed a bug where v-divider was not properly using the dark theme (thanks @cawa-93)
• #1173 Fixed a bug where the v-ripple directive was not being properly imported in v-list-tile (thanks @loduis)
• c97bd7c Fixed a bug where v-breadcrumbs-item was not properly showing font icons on edge (thanks @Phlow2001)
• fd032b6 6a9455f Added warning's for improperly matched Vuetify and Vue versions (thanks @Kylart and @Phlow2001)
• #1041 Fixed a bug that caused v-edit-dialog to overflow off of screen (thanks @Kylart)

v0.14.7

Things we added

• #1097 Multiple v-card tests written

Things we fixed

• #1119 Fixed a bug where v-text-field with the multi-line and placeholder prop was overlapping when using the label prop
• #1117 Fixed a bug where v-btn with the fab prop was not centering the icon on IE11
• #1109 Fixed a bug when clicking on a v-list-group when a v-navigation-drawer was using the mini-variant prop with the .sync modifier causing the v-list-group to not properly open
• #1108 Fixed a bug in v-select when using the autocomplete prop and a scoped slot for the template the console would freak out
• #1129 #1131 Tweaked v-icon so that it properly works with v-text or v-html
• #1135 Fixed a bug where select-all and individual row selection was not working properly in v-data-table
• #1126 Fixed regression with v-select using the (overflow, segmented or editable) props causing the display to be messed up

Things you fixed

• #1115 #1116 #1137 #1136 Fixed multiple lint errors (thanks @loduis)

v0.14.6

This release includes a few additions even though it is only a PATCH. No rioting please.

Things we fixed

• #852 Fixed a bug where if a v-stepper was in a dialog and an editable step was clicked, it would close the dialog
• #1057 Fixed a bug where v-btn with the fab prop would change its position when clicked
• #1054 Fixed a bug where v-navigation-drawer would sometimes throw an error when used with vue-router
• #1070 Fixed a bug where v-select would not properly enter an error state if blurred with no set value when using the required prop
• #1073 Fixed a bug where v-btn with the fab prop did not have the proper elevation when clicked
• #1078 Fixed a regression of v-text-field with the suffix prop not properly aligning
• #1079 Added id prop to all grid components
• #1080 Fixed a bug where flex elements were not properly wrapping in v-card
• #960 Fixed a bug where v-dialog with the transition prop set to false would still render an overlay scrim
• #1081 Fixed a bug in v-select when using the multiple prop and having a value that could evaluate to false as the value, the select would return an object instead of the value when selected
• #340 Fixed a regression in v-data-table where the initial row per page value was not working propelry
• #1059 Fixed a bug where v-date-picker would interpret a selection as a swipe and change months
• #1099 Fixed a bug where v-text-field with the multi-line and auto-grow prop was not adjusting its size when text was removed
• #1041 Fixed a bug where v-menu was not properly adjusting its location if it was overflowed on the x-axis
• #1026 Fixed a bug where theme styles were not being properly applied to v-btn-toggle
• #1028 Fixed a bug where v-select with the chips prop was inheriting color styles for the close icon
• #1053 Fixed a styling issue where the v-data-table rows select was not properly aligned
• #1029 Fixed a bug where v-parallax would still try to initialize if it was destroyed immediately after created
• #977 Fixed a bug where the minimum width calculation was not displaying properly for the v-select in the v-data-table footer actions
• #1107 Fixed a bug where if the footer and toolbar props were not used on v-app, the main container would not get the proper minimum height

Things we added

• Manually named all components for better autocomplete support in webstorm IDE's
• Added theme support to subheaders
• Added textfield option to text-fields
• #937 Added dark theme support for v-stepper
• #1044 #907 #959 Changed functionality of v-icon for better support of custom fonts within components that use v-icon. A soft warning of deprecation has also been added for removal in next release
• #1092 Updated v-text-field with missing styles from April Material Design update (no text-field boxes yet)
• #1101 Added functionality to properly destroy the overlay on v-navigation-drawer if the active status was changed by a check for mobile
• #818 Added new year-icon prop on v-date-picker. Allows you to specify an icon that will display next to the year
• #946 Numerous improvements to v-carousel. Can now set a theme that will change control styles, can now change icon of left and right controls, as well as disable them
• #982 Added the ability to disable individual items in the v-select items prop. This value is defaulted to disabled, but can be changed with the item-disabled prop.

Things you fixed

• #1105 Lint fix for v-btn (thanks @loduis)

v0.14.5

Things we fixed

• #1049 Fixed a bug where v-navigation-drawer would not consistently boot
• #1046 FIxed a bug where v-tabs-item was still referencing the deprecated router prop

v0.14.4

Things I broke

• 06d7638 Fixed a bug where list-tiles inside of a v-select were not propagating their click events

v0.14.3-alpha: Fix for #1037 (#1043)

* Fix for #1037

* fixed stylus indent