[Snyk] Upgrade vuetify from 1.5.22 to 2.2.14 #5
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Snyk has created this PR to upgrade vuetify from 1.5.22 to 2.2.14.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.Warning: This is a major version upgrade, and may be a breaking change.
The recommended version fixes:
SNYK-JS-VUETIFY-474604
Release notes
Package name: vuetify
🔧 Bug Fixes
🔧 Bug Fixes
🔄 Reverts
🔧 Bug Fixes
🔧 Bug Fixes
🔧 Bug Fixes
Notes from the Author
This patch resolves multiple a11y issues with
<v-icon>
that were introduced in 86133ea. This update added tabindex to<v-icon>
when its being used as a interactive element (a bound click listener or using the link prop). While it resolved the issue, the icon wasn't responding to the enter key. This fix resolves those issues and consequently a few other ones.<v-treeview>
now has keyboard support by using tab to cycle between branches and pressing enter to expand them:As defined in the Material Specification, active icons should have an increased opacity when active and focused: In practice, it is not very easy to follow. While we have maintained the originally intended opacity of an active/focused icon, a circular outline (very similar to
<v-btn>
with the icon prop) was added to better emphasize the change. Reference: https://material.io/design/iconography/system-icons.html#colorIf you have any questions, feel free to reach out to me in Discord
—John
🔧 Bug Fixes
🔧 Bug Fixes
🔧 Bug Fixes
Notes from the Author
To help bring the framework styles better in line with what Material Design dictates, the default application background color for both light and dark variants has been fixed. In addition, multiple components were updated to properly match the dark theme specification.
Affected styles:
Light Theme
application background color
- #FAFAFA -> #FFFFFFDark Theme
application background color
- #303030 -> #121212v-app-bar
- #212121 -> #272727v-bottom-navigation
- #424242 -> #2E2E2Ev-card
- #424242 -> #2E2E2Ev-navigation-drawer
- #424242 -> #363636v-toolbar
- #212121 -> #272727You can revert to the previous values by setting up a SASS Variables
variables.s(a|c)ss
file with the following snippet:There is also a new SASS variable that contains the color value for each elevation outlined on the Material Design Specification for dark variants.
If you have any additional questions, please reach out to me in the Release Migration channel of the community.
🔧 Bug Fixes
Notes from the Author
Selection controls (
v-checkbox
,v-radio
,v-switch
) have had their default color changed from accent to primary; Specification reference. You can revert this by setting the color prop to accent.The
v-navigation-drawer
mini-variant has had it's default width changed from 80px -> 56px. This was to ensure icons were properly aligned when in mini mode; Reference issue. You can revert this by setting the mini-variant-width prop to 80.If you have any additional questions, please reach out to me in the Release Migration channel of the community.
🔧 Bug Fixes
Commit messages
Package name: vuetify
Compare
Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.
For more information:
🧐 View latest project report
🛠 Adjust upgrade PR settings
🔕 Ignore this dependency or unsubscribe from future upgrade PRs