v7.4.0-beta.0

v7.4.0-beta.0 (2023-01-11)

Full Changelog

🚀 Enhancements

• Use common webpack config #3633 (raimund-schluessler)
• Add NcIconSvgWrapper to public API #3630 (Pytal)
• feat(AppNavigationItem): Add href support #3612 (skjnldsv)
• Add NcSavingIndicatorIcon #3575 (susnux)
• feat(AppNavigationItem): Allow native title attribute control #3617 (skjnldsv)

🐛 Fixed bugs

• Do not add aria-label when avatar is not interactive #3618 (Pytal)
• Fix action input styles #3614 (Pytal)
• fix(ProgressBar): Fix progress rounded corners #3613 (skjnldsv)
• fix(NcAppNavigationItem): Make sure that icon-collapse styles take precendense over NcButton styles #3608 (juliushaertl)
• Fix appNavigationItem collapse labels #3598 (skjnldsv)
• Adjust border thickness of NcRichContenteditable #3637 (Chartman123)
• Create aria-label for icon link #3597 (JuliaKirschenheuter)

Closed pull requests

• Fix lint errors #3640 (raimund-schluessler)
• Fix minor typo in NcContent docs #3632 (raimund-schluessler)
• Simplify NcListItemIcon default slot usage #3620 (raimund-schluessler)
• Use material design icons in documentation everywhere #3619 (raimund-schluessler)
• Add console warning messages for deprecated multiselect components #3573 (Pytal)

v7.3.0

v7.3.0 (2022-12-23)

Full Changelog

🚀 Enhancements

• Add title prop to components for native tooltips #3569 (JuliaKirschenheuter)
• Allow accessible labels for NcActionInput #3517 (Pytal)

🐛 Fixed bugs

• Fix CheckboxHeight #3584 (jotoeri)
• Add more space for unread counter so its aligned with action menu #3572 (GretaD)

v7.2.0

v7.2.0 (2022-12-09)

Full Changelog

🚀 Enhancements

• Add NcHeaderMenu #3489 (skjnldsv)

🐛 Fixed bugs

• Add button role for NcButton with href #3532 (Pytal)
• Fix focus returning to top of page instead of actions toggle button #3530 (Pytal)
• Fix icon repeat and position for AppNavigationItem #3539 (skjnldsv)
• Fix jsdoc: Add missing documentation for events #3545 (susnux)
• Increase input field border contrast #3551 (Pytal)
• Increase NcSelect border contrast #3552 (Pytal)
• Revert "fix sidebar scrolling for small displays" #3559 (skjnldsv)
• Scope global #content styles via extra class #3537 (st3iny)

v7.1.0

v7.1.0 (2022-11-29)

Full Changelog

🚀 Enhancements

• Add accessible NcSelect and NcSelectTags components #3435 (Pytal)
• Extend NcInputField props and forward $attrs to NcPasswordField and NcTextField #3485 (skjnldsv)
• Move loadState to data for better mockability #3502 (skjnldsv)
• Widen container prop type passed to NcPopover #3462 (Pytal)
• Allow querying for resources with complex item ids #3404 (Pytal)
• Allow to provide a custom palette to the ColorPicker #3384 (skjnldsv)
• Export NcMentionBubble and NcAutoCompleteResult #3373 (vinicius73)
• Add guest content component #3369 (ChristophWurst)

🐛 Fixed bugs

• Fix multiselect checkmark and plus icon #3513 (skjnldsv)
• Make gap in NcAppNavigation consistent in nested lists #3506 (juliushaertl)
• Fix value type for DateTimePickerNative #3491 (skjnldsv)
• Define global focus trap #3478 (skjnldsv)
• fix the size of the popper element #3445 (szaimen)
• fix sidebar scrolling for small displays #3444 (szaimen)
• Fix dark themed color picker and use button component #3411 (Pytal)
• Fix password_policy fallback handling #3408 (nickvergessen)
• Fix missing half-empty dashboard empty content view #3407 (nickvergessen)
• Fix DateTimePicker example and translation #3405 (skjnldsv)
• Fix outdated variables #3367 (jancborchardt)
• Comment placeholder wording fix #3454 (Jerome-Herbinet)
• Expand color picker width only when using advanced fields #3410 (Pytal)
• Fix empty content height in NcDashboardWidget in N in N in N #3372 (CarlSchwan)

Closed pull requests

• Finish emoji focus cleaning #3504 (skjnldsv)

v7.1.0-beta.2

v7.1.0-beta.2 (2022-11-23)

Full Changelog

🐛 Fixed bugs

• Fix multiselect checkmark and plus icon #3513 (skjnldsv)
• Make gap in NcAppNavigation consistent in nested lists #3506 (juliushaertl)

Closed pull requests

• Finish emoji focus cleaning #3504 (skjnldsv)

v7.1.0-beta.1

v7.1.0-beta.1 (2022-11-18)

Full Changelog

🚀 Enhancements

• Extend NcInputField props and forward $attrs to NcPasswordField and NcTextField #3485 (skjnldsv)
• Move loadState to data for better mockability #3502 (skjnldsv)

🐛 Fixed bugs

• Fix value type for DateTimePickerNative #3491 (skjnldsv)

v7.1.0-beta.0

v7.1.0-beta.0 (2022-11-15)

Full Changelog

🚀 Enhancements

• Widen container prop type passed to NcPopover #3462 (Pytal)
• Allow querying for resources with complex item ids #3404 (Pytal)
• Allow to provide a custom palette to the ColorPicker #3384 (skjnldsv)
• Export NcMentionBubble and NcAutoCompleteResult #3373 (vinicius73)
• Add guest content component #3369 (ChristophWurst)

🐛 Fixed bugs

• Define global focus trap #3478 (skjnldsv)
• fix the size of the popper element #3445 (szaimen)
• fix sidebar scrolling for small displays #3444 (szaimen)
• Fix dark themed color picker and use button component #3411 (Pytal)
• Fix password_policy fallback handling #3408 (nickvergessen)
• Fix missing half-empty dashboard empty content view #3407 (nickvergessen)
• Fix DateTimePicker example and translation #3405 (skjnldsv)
• Fix outdated variables #3367 (jancborchardt)
• Comment placeholder wording fix #3454 (Jerome-Herbinet)
• Expand color picker width only when using advanced fields #3410 (Pytal)
• Fix empty content height in NcDashboardWidget in N in N in N #3372 (CarlSchwan)

v7.0.1

v7.0.1 (2022-10-14)

Full Changelog

🐛 Fixed bugs

• use @nextcloud/focus-trap instead of focus-trap #3347 (vinicius73)

🚀 Enhancements

• Migrate to use :deep selector instead of deprecated ::v-deep #3348 (susnux)

v7.0.0

💥 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

🚀 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)

🐛 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)
• Fix loading avatar status #3204 (CarlSchwan)
• Fix overwriting placeholder property in NcDatetimePicker #3202 (Chartman123)
• Fix scrolling in styleguide #3200 (marcoambrosini)
• Right-align nav item utils #3178 (ChristophWurst)
• Fix active and focus frame #3201 (CarlSchwan)
• Fix app navigation backdrop blur #3189 (ChristophWurst)
• AppNavigationItem actions visibility #3165 (raimund-schluessler)
• Spacing in app navigation and make the setting pill style #3158 (juliushaertl)
• Actions positioning #3157 (juliushaertl)
• .active state of app list items #3147 (ChristophWurst)

Closed pull requests

• Allow opting out of automatic NcModal remounting #3219 (Pytal)
• Fix multiselect background color spilling outside the component #3252 (ChristophWurst)
• Update design of related resources panel #3236 (Pytal)
• Fix a word puzzle in NcDashboardWidget component #3225 (CarlSchwan)
• Fix NcAppNavigationItem, pass correct boundaries-element NcActions #3197 (eneiluj)
• Limit max width of the settings #3192 (CarlSchwan)
• Fix the NcPopoverMenu component #3191 (CarlSchwan)
• fix comments border-radius #3175 (szaimen)
• [PoC] Use github source css for styleguide #3139 (skjnldsv)
• Use dark themed avatar on dark theme #3119 (CarlSchwan)
• Use events provided by floating-vue #3149 (raimund-schluessler)

v6.0.0

Full Changelog

💥 Breaking Changes

• #2600 Migrate to floating-vue (@raimund-schluessler)
• #2867 Accessible EmptyContent component (@Pytal)
• #2630 show the action buttons on top of the modal always by default (@szaimen)
• #1946 Properly align appnavigationtoggle (@marcoambrosini)
• #2738 Move close button within modal boundaries (@marcoambrosini)
• #2720 Add icon slot to AppNavigationNew component (@raimund-schluessler)
• #2603 Comply with eslint for event name (@artonge)
• #2704 Put the children of AppNavigationItem outside of the main item (@raimund-schluessler)
• #2980 Bump @nextcloud/eslint-config from 8.0.0 to 8.1.2 (@dependabot[bot])
• #2929 Bump vue from 2.6.14 to 2.7.8 (@raimund-schluessler)
• #2923 Enforce setting section ids (@nickvergessen)
• #3058 Add Nc prefix to all components (raimund-schluessler)
• #3106 Fix emptyContent once more (jotoeri)
• #3090 Fix EmptyContent Reactivity (jotoeri)

🚀 Enhancements

• #2875 Adjust loading icon style, replace fillColor prop (@raimund-schluessler)
• #2879 Turn the button into router-link when to is there (@raimund-schluessler)
• #2565 Improve SettingsInputText component (@quentinguidee)
• #2808 Add a11y utility (@Pytal)
• #2715 Augment keyboard accessibility of AppSidebar (@Pytal)
• #2757 Alternative style for CheckboxRadioSwitch (radio type) (@eneiluj)
• #2779 Keep text in InputConfirmCancel static (@raimund-schluessler)
• #2776 Improve CheckboxRadioSwitch accessibility (@raimund-schluessler)
• #2727 Add material design loading icon (@raimund-schluessler)
• #2747 make the sidebare full-width on small screens (@szaimen)
• #2630 show the action buttons on top of the modal always by default (@szaimen)
• #2738 Move close button within modal boundaries (@marcoambrosini)
• #2577 Add ColorPicker feedback on selection (@quentinguidee)
• #2719 Add title section to settingsdialog (@marcoambrosini)
• #2718 Add actions slot to dashboard widget item (@raimund-schluessler)
• #2571 Use large border-radius in AppNavigation (@quentinguidee)
• #2713 Use large border-radius in Action Button (@GretaD)
• #2704 Put the children of AppNavigationItem outside of the main item (@raimund-schluessler)
• #2552 Make emojis selectable by tab (@skjnldsv)
• #2668 Merge Dashboard components into repository (@raimund-schluessler)
• #2654 add handle keyboard focus for accessibility (@vanpertsch)
• #2629 small cleanup of small modal size (@szaimen)
• #2911 Use render function in Actions component (@raimund-schluessler)
• #2998 Import tooltip directive only locally (@raimund-schluessler)
• #2983 Simplify webpack configuration (@raimund-schluessler)
• #2973 Allow to filter the available tags (@nickvergessen)
• #2868 Create TextField component (@marcoambrosini)
• #2856 Fix ListItem css & add compact mode (@jotoeri)
• #3060 Allow to render x items outside an Actions menu (skjnldsv)
• #3040 Allow ListItem components to link to external links (tcitworld)
• #3082 Allow more than text on EmptyContent description (jotoeri)
• #3078 Add ref to NcInputField in NcTextField (raimund-schluessler)
• #3056 📰 Update AppNavigationItem design (marcoambrosini)
• #3055 ListItem Design update (marcoambrosini)
• #3100 Improve multiselect (CarlSchwan)
• #3057 🥛 Make app navigation semi-transparent (GretaD)
• #3070 Make unread counter primary colour (GretaD)
• #3142 Make the app content list 300px min (ChristophWurst)

🐛 Fixed bugs

• #3212 Fix single action detection (st3iny)
• #3202 Fix overwriting placeholder property in NcDatetimePicker (Chartman123)
• #3186 Adjust appnavigation settings border radius (raimund-schluessler)
• #3178 Right-align nav item utils (ChristophWurst)
• #3174 Make NcMultiselect pixel perfect (CarlSchwan)
• #3169 AppNavigationItem actions visibility (raimund-schluessler)
• #3170 Actions positioning (juliushaertl)
• #3147 .active state of app list items (ChristophWurst)
• #2878 Fix single action validation (@raimund-schluessler)
• #2877 Bring back AppNavigationToggle tooltip (@raimund-schluessler)
• #2895 Fix issues with Multiselect component ([@nickverges...