Bump @nextcloud/vue from 5.3.1 to 7.0.0

[dependabot[bot]]

Bumps @nextcloud/vue from 5.3.1 to 7.0.0.

Release notes

Sourced from @​nextcloud/vue's releases.

v7.0.0

:boom: Breaking changes

• This component library release requires Nextcloud 25 or later
• We changed the container layout to adapt to the design changes with Nextcloud 25
• The body is no longer the main scroll area but instead the app content - Please do careful testing of your user interface, especially in regards to the following components and scroll behaviour: - NcContent - NcAppNavigation - NcAppContent - NcAppSidebar
• Properties and slot names of NcEmptyContent changed. Also, everything outside a slot is ignored now
• Inside NcActions, only Vue components are considered as children

Migration guide

• Scroll listeners need to be adapted to watch for the scroll on the NcAppContent container instead of the main document
• If you are using sticky headers in your app you might need to adjust the css top property as the app content container is now the scrollable element. For any contained sticky that had a header height top spacing before you should be able to set that to 0
• Make sure that everything in NcEmptyContent is in one of the supported slots
• Make sure that NcActions contain only Vue components. If they contain plain HTML, move this into a separate Vue component

:rocket: Enhancements

• Add advanced fields to color picker #3324 (@​Pytal)
• Enables ESM Modules #3283 (@​vinicius73)
• Add styleguide example for non-user avatar #3270 (ChristophWurst)
• Live refresh image and displayname based avatar on update #3266 (Pytal)
• Forward the autofocus attribute to input field component #3245 (kesselb)
• Allow 'search' as type prop for NcTextField #3190 (artonge)
• Add gap between nav entry #3235 (CarlSchwan)
• Fix for border-radius being too large for 3-line entries like in Mail #3136 (jancborchardt)
• Add related resources panel component #3081 (Pytal)
• Add a native datetime picker #3063 (JuliaKirschenheuter)
• Always show NcAppSettingsDialog title #3074 (raimund-schluessler)

:bug: Fixed bugs

• Also use menuOpen state in NcAppNavigationItem #3350 (@​st3iny)
• Update cypress base snapshots after changes to server #3352 (@​raimund-schluessler)
• Fix app content growing too wide #3329 (@​st3iny)
• Fix SCSS to CSS variable assignment #3261 (@​susnux)
• Fix non-user avatar on complex background #3272 (ChristophWurst)
• Fix initials color of new non-user avatars #3271 (ChristophWurst)
• Mark resource button styles as important to fix styles in some contexts #3259 (Pytal)
• Make app navigation settings pixel perfect-ish #3256 (ChristophWurst)
• Move the close button to the end of the content #3230 (marcoambrosini)
• Fix NcEmptyContent used inside NcModal #3253 (nickvergessen)
• Add proper margin to the counter #3250 (marcoambrosini)
• Fix avatar border color #3244 (nickvergessen)
• Fix single action detection #3212 (st3iny)

... (truncated)

Changelog

Sourced from @​nextcloud/vue's changelog.

v7.0.0 - 2022-10-12

:boom: Breaking changes

• This component library release requires Nextcloud 25 or later
• We changed the container layout to adapt to the design changes with Nextcloud 25
• The body is no longer the main scroll area but instead the app content
  • Please do careful testing of your user interface, especially in regards to the following components and scroll behaviour:
    • NcContent
    • NcAppNavigation
    • NcAppContent
    • NcAppSidebar
• Properties and slot names of NcEmptyContent changed. Also, everything outside a slot is ignored now
• Inside NcActions, only Vue components are considered as children

Migration guide

• Scroll listeners need to be adapted to watch for the scroll on the NcAppContent container instead of the main document
• If you are using sticky headers in your app you might need to adjust the css top property as the app content container is now the scrollable element. For any contained sticky that had a header height top spacing before you should be able to set that to 0
• Make sure that everything in NcEmptyContent is in one of the supported slots
• Make sure that NcActions contain only Vue components. If they contain plain HTML, move this into a separate Vue component

:rocket: Enhancements

• Add advanced fields to color picker #3324 (@​Pytal)
• Enables ESM Modules #3283 (@​vinicius73)
• Add styleguide example for non-user avatar #3270 (ChristophWurst)
• Live refresh image and displayname based avatar on update #3266 (Pytal)
• Forward the autofocus attribute to input field component #3245 (kesselb)
• Allow 'search' as type prop for NcTextField #3190 (artonge)
• Add gap between nav entry #3235 (CarlSchwan)
• Fix for border-radius being too large for 3-line entries like in Mail #3136 (jancborchardt)
• Add related resources panel component #3081 (Pytal)
• Add a native datetime picker #3063 (JuliaKirschenheuter)
• Always show NcAppSettingsDialog title #3074 (raimund-schluessler)

:bug: Fixed bugs

• Also use menuOpen state in NcAppNavigationItem #3350 (@​st3iny)
• Update cypress base snapshots after changes to server #3352 (@​raimund-schluessler)
• Fix app content growing too wide #3329 (@​st3iny)
• Fix SCSS to CSS variable assignment #3261 (@​susnux)
• Fix non-user avatar on complex background #3272 (ChristophWurst)
• Fix initials color of new non-user avatars #3271 (ChristophWurst)
• Mark resource button styles as important to fix styles in some contexts #3259 (Pytal)
• Make app navigation settings pixel perfect-ish #3256 (ChristophWurst)
• Move the close button to the end of the content #3230 (marcoambrosini)
• Fix NcEmptyContent used inside NcModal #3253 (nickvergessen)
• Add proper margin to the counter #3250 (marcoambrosini)
• Fix avatar border color #3244 (nickvergessen)

... (truncated)

Commits

• 225533c Merge pull request #3355 from nextcloud/v7.0.0
• 4698eea Mention NcEmptyContent and NcActions breaking changes in release notes
• 2f3f40e v7.0.0
• 8722992 Merge pull request #3307 from nextcloud/fix/maxcontrast-text-appnavigation
• 182fc7b Fix maxcontrast text contrast on blurred background
• f70ddbd Merge pull request #3341 from nextcloud/dependabot/npm_and_yarn/jest-29.1.2
• 6cfd8c9 Merge pull request #3343 from nextcloud/fix/emoji-focus
• a3bc44e Fix emoji picker and Popover no-Auto-Focus
• 58d6276 Merge pull request #3349 from nextcloud/dependabot/npm_and_yarn/sass-loader-1...
• a9f2443 Merge pull request #3339 from nextcloud/dependabot/npm_and_yarn/nextcloud/axi...
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot[bot]]

The following labels could not be found: 3. to review, dependencies.

[dependabot[bot]]

Superseded by #74.