npm vuetify 2.0.0-beta.9
v2.0.0-beta.9

latest releases: 3.7.4, 3.7.3, 3.7.2...
5 years ago

Sorry

⚠️ For information on how to upgrade to the beta, check out the initial release.

If this completely breaks everything and you can't easily fix it, feel free to revert to beta 8 and give me a telling off on Discord

⚠️ BREAKING CHANGES

Install eslint-plugin-vuetify to fix most of these for you

  • Spacing helpers have changed to represent the number of 4px intervals from 0-12 (0-48px)
    • eg. px-7 is 7 * 4 = 28px
    • 3 -> 4
    • 4 -> 6
    • 5 -> 12
  • Most "breakpointed" and "non-breakpointed" helpers have been normalised, eg. text-xs-center is now text-center as it applies to all screen widths unless overridden
  • Children of .d-flex no longer have extra flex rules applied. This can be done manually with .flex-grow-1
  • Helper classes changed:
    • scroll-y -> overflow-y-auto
    • hide-overflow -> overflow-hidden
    • show-overflow -> overflow-visible
    • no-wrap -> text-no-wrap
    • ellipsis -> text-truncate

Use the following regex to update spacing classes:

find: ([\s"][mp][axytblr])-5
replace: $1-12

find: ([\s"][mp][axytblr])-4
replace: $1-6

find: ([\s"][mp][axytblr])-3
replace: $1-4

🔧 Bug Fixes

  • Overlayable: do not remove overlay if is still active after transitionend (dc30560), closes #7798
  • Selectable: update hasColor data property on value change (818077f), closes #7855
  • SelectionControls: tweak styles to properly match spec (7fab4bc)
  • VBottomNavigation: decrease specificity of icon margin (85ac7d4), closes #7568
  • VBtn: correct md2 fab sizes (f787b46), closes #7785
  • VBtn/Tab: normalize vertical alignment (e2fc06b), closes #7832
  • VCheckbox: normalize indeterminate behavior with native checkbox input (f7cd045)
  • VChip: show ripple (61b0b31), closes #7863
  • VDataTable: add theme styles for group header (a8634d6), closes #7853
  • VDatePicker: increased css specificity (51e49cf)
  • VExpansionPanel: increase specificity for active header icon rotate (8f83745), closes #7809
  • VExpansionPanels: increase specificity of accordion style to avoid css leak (78c806a), closes #7809
  • VFileInput: properly clear file input (dfc8948), closes #7848
  • VIcon: normalize icon styles (3d9dc50)
  • VListGroup: add missing click event propagation (204dcc6)
  • VSpeedDial: add correct margin between btns inside of the dial list (5146c85)
  • VSpeedDial: fix absolute styles and list separation from activator (c7bc9b0)
  • VTextarea: recalculate textarea height when row-height changes (489ce4c), closes #7671
  • VToolbar/VAppBar: properly show background on all browsers (f6c5cce), closes #7742
  • VWindow: hide overflow when using show-arrows-on-hover prop (af003b6), closes #7542

🚀 Features

  • Negative margin helper classes: .pr-n4 applies margin-right: -16px
  • More responsive helper classes: .pa-md-6, justify-lg-center, order-sm-first
  • Easier to use flex utilities: .flex-grow-1 and .flex-shrink-0 instead of .grow/.shrink
  • New bootstrap-style grid system (#7327) (9c122fe), closes #1434 #5168 #5272 #6020 #7733

Don't miss a new vuetify release

NewReleases is sending notifications on new releases.