v8.0.0

What's Changed

More information could be found on this tracking issue: #4223

💥 Breaking Changes

• Migrate from deprecated title prop by @raimund-schluessler in #4052
• Remove deprecated popovermenu component by @raimund-schluessler in #4081
• Remove excludeClickOutsideClasses from clickOutsideOptions by @raimund-schluessler in #4088
• Remove deprecated NcAppNavigationCounter component by @raimund-schluessler in #4096
• Rename title props and slots to name by @raimund-schluessler in #4106
• Remove deprecated NcMultiselect and NcMultiselectTags components by @susnux in #4281
• chore: Drop install entry point and replace it with an Vue Plugin by @susnux in #4349
• feat(NcEmptyContent)!: make empty content centered by default instead of 20vh margin by @ShGKme in #4506
• chore!: Rename Datetime to DateTime in component names by @susnux in #4560
• feat(NcIconSvgWrapper)!: remove ID from svg by @ShGKme in #4607

🚀 Enhancements

• Emit event when NcAppContent list pane is resized by @julien-nc in #4071
• Allow setting modal size when registering a custom picker component by @julien-nc in #3866
• Add info NoteCard by @moan0s in #4063
• feat: Add slot for description of NcEmptyContent by @susnux in #3895
• collapse sections by default to make the styleguide a bit lucid by @szaimen in #4152
• enh(NcSelect): Keep dropdown open while loading by @Pytal in #4209
• Append custom aria-describedby to input field by @Pytal in #4225
• fix progress-bar on chromium browsers by @szaimen in #4238
• adjust border-radius of ncpopover by @szaimen in #4237
• NcDatetime: New component for displaying timestamps as time relative from now by @susnux in #4219
• Migrate building CommonJS module entrypoint to vite by @susnux in #4329
• NcButton: Add alignment property to change icon and text ordering by @susnux in #4366
• fix(NcButton): Improve alignment documentation to show all variants. by @susnux in #4392
• NcCheckboxRadioSwitch - adjust border color by @szaimen in #4427
• Add accessible label to textarea by @Pytal in #4448
• Remove border from sidebar tabs by @marcoambrosini in #4449
• Make smart picker modal close button tertiary by @julien-nc in #4441
• Add menuitem role to action link by @Pytal in #4436
• feat(NcModal): Allow to configure if the modal is closed when clicked outside by @susnux in #4454
• Feature: Add visible inner label for NcInputField on border by @susnux in #4394
• Bring back label outside of the input for NcActionInput by @juliushaertl in #4484
• feat(NcRichContenteditable) - add different output appearance in examples by @Antreesy in #4485
• perf(NcEmojiPicker): decrease mounting time and memory by moving large constants initialization and storing out from instance's reactive data by @ShGKme in #4479
• enh(NcAppNavigationCaption): Forward listeners by @Pytal in #4494
• enh(a11y): Use button as header menu trigger by @Pytal in #4481
• enh(a11y): Add nav to header menu by @Pytal in #4487
• feat(NcIconSvgWrapper): allow to render raw svg paths by @raimund-schluessler in #4643
• feat(NcDialog): New component (moved from @nextcloud/dialogs) by @susnux in #4550
• feat(NcSelect): Allow to filter users by email notation by @susnux in #4653
• enh(NcAppSidebarTabs): Make tab navigation accessible by @Pytal in #4663
• Add the resource type on RelatedResourcesPanel by @GretaD in #4662
• feat(NcTextArea): implement new textarea component by @st3iny in #4605
• Add header prop to NcRelatedResourcesPanel by @GretaD in #4703
• feat(NcAppNavigationItem): Add active property to set active state & use aria-current by @susnux in #4716
• feat(NcActionButton): support menu styling by @skjnldsv in #4724
• Made description dynamic on related resources by @GretaD in #4729
• fix(NcTimezonePicker): Allow to set ID of inner select component by @susnux in #4734
• Allow preventing link insertion in RichContentEditable by @julien-nc in #3890
• [NcAppSettingsDialog] Allow to add icons to the navigation sections by @susnux in #4745
• NcButton: Allow to format text of button by @susnux in #4367

🐛 Fixed bugs

• fix(NcRichContenteditable): Fix avatar overlayed with empty space whe… by @nickvergessen in #4043
• fix(NcSelect): Action input usage by @Pytal in #4066
• fix(readme): Fix some typos and mention HMR enabler app by @nickvergessen in #4078
• fix(styleguide): Fix URL replacement to not be 404 by @nickvergessen in #4080
• Fix NcListItem wrong bold class by @julien-nc in #4083
• fix(NcSelect): Fix disabled state of NcSelect with dark mode by @nickvergessen in #4079
• update sidebar to really take the whole space on mobile by @szaimen in #4090
• Use the color-primary-element* variables in components by @szaimen in #4067
• target=_blank in NcSettingsSection.vue by @Rello in #4099
• Files : Left panel dropdown improvement for NC 26 by @Jerome-Herbinet in #4103
• NcAppSidebar: fix tabs with css icon by @ShGKme in #4111
• fix(NcResource): Alignment by @Pytal in #4121
• Fix alignment of nav contents by @pulsejet in #4135
• fix toggle overlapping other stuff by @szaimen in #4134
• fix visibility of default counterbubble by @szaimen in #4154
• fix(NcProviderList): Add padding around provider list by @juliushaertl in #4175
• fix(NcSelect): Hide clear and deselect when disabled by @Pytal in #4212
• Fix NcModal does set the background color but not the text color by @susnux in #4221
• NcAppNavigationCaption: Align actions with other navigation action by @susnux in #4220
• Fix Typescript support (config and babel support for transpiling) by @susnux in #4249
• fix(NcModal): fix focus-trap fallback by @skjnldsv in #4266
• NcDatetimePicker: Make sure all l10n strings are extracted by @susnux in #4272
• fix: Ensure extract-l10n extracts strings from properties by @susnux in #4274
• Fix: Leftovers of name prop migration + fix @ in user ids (richEditor) by @susnux in #4222
• NcActionLink - provide download attributes for single action button in NcAction by @Antreesy in #4263
• Remove doubling proxied event handlers in NcRichContenteditable by @ShGKme in #3875
• fix: NcIconSvgWrapper size by @skjnldsv in #4312
• Fix module entry point by migrating to vite for ESM building by @susnux in #4276
• fix(cypress): Add declaration for mount command by @susnux in #4330
• chore(CI): Add a "eslint when unrelated" so the requirement can be kept by @nickvergessen in #4341
• fix(NcListItem) - define a single place for NcActions to render by @Antreesy in #4356
• fix(NcModal): prev/next color and sizing fix by @skjnldsv in #4368
• fix(NcModal): Close button should be visible even if modal content is scrolled by @susnux in #4350
• Fix modal focus trap with additional elements and arrow navigation by @ShGKme in #4406
• fix(build): Replaced SCOPE_VERSION variable need to be stringified by @susnux in #4430
• Fix contrast for selected item by @JuliaKirschenheuter in #4434
• fix(NcListItem) - remove empty wrapper for additional elements from DOM if not needed by @Antreesy in #4438
• fix: exports field of package used deprecated syntax by @susnux in #4437
• Prevent accessible name conflicts on action menu by @Pytal in #4447
• fix: adjust active element visibility in nclistitem by @szaimen in #4158
• fix: adjust breadcrumbs component by @raimund-schluessler in #4416
• fix(NcSelect): Use named export of VueSelect to prevent issues when imported in ESM projects by @susnux in #4451
• fix(NcCheckboxRadioSwitch): If no text is provided the element should be a circle by @susnux in #4453
• fix(NcListItem) don't force blur action menu on tab by @Antreesy in #4458
• fix(NcRichText) - keep newlines in rendered Markdown by @Antreesy in #4461
• fix(NcRichText) - don't populate a first newline to properly parse blockqoute tags by @Antreesy in #4470
• fix(a11y): Remove nav and radios in sidebar tabs by @Pytal in #4456
• fix(NcSelect): Do not add border to single select option by @Pytal in #4475
• feat and fix: NcCheckboxRadioSwitch required prop and input position fix by @skjnldsv in #4488
• Align NcCheckboxRadioSwitch labels by @raimund-schluessler in #4490
• fix(EmptyContent): svg max size by @skjnldsv in #4496
• fix(NcRichContenteditable): make the default placeholder short by @ShGKme in #4408
• Stop propagation of keyboard navigation in a number of components by @ShGKme in #4501
• fix(NcRichText) - don't strip <tag>-like content when parsing markdown by @Antreesy in #4486
• fix(NcAppNavigation): Make the navigation toggle accessible again when closed by @susnux in #4546
• fix: Replace sanitize-svg with dompurify by @raimund-schluessler in #4557
• fix(NcEmojiPicker): Do not set padding for the search input label by @susnux in #4577
• fix(NcEmojiPicker): Set type to native for selected emoji by @mejo- in #4575
• fix: also export NcSettings* components by @raimund-schluessler in #4586
• fix(NcSettingsSection): remove incorrect role=note on doc link by @ShGKme in #4594
• fix(utils): Make isMobileState PURE so it can be treeshaken if not used by @susnux in #4595
• allow type property for NcAppNavigationNew by @dartcafe in #4555
• fix(EmptyContent): ensure proper custom icon size by @raimund-schluessler in #4584
• Properly align AppNavigationToggle with first navigation item by @susnux in #3278
• fix: Remove unused id from trigger by @Pytal in #4602
• fix(NcSelect): make id truly uniqual by @ShGKme in #4606
• fix: handling of empty values in NcDateTimePickerNative by @st3iny in #4540
• fix(NcIconSvgWrapper): remove new keepId prop by @ShGKme in #4609
• fix(NcInputField): Adjust styling of the internal label by @susnux in #4578
• fix: invert datepicker buttons on dark mode by @raimund-schluessler in #4618
• fix(NcListItem): adjust paddings and hover styles for list items by @Antreesy in #4628
• fix(NcActionInput): Set default trailing button label by @Pytal in #4632
• fix(NcAvatar): Ensure the aria label includes the status if there is any visible status indicator by @susnux in #4593
• fix(NcAppNavigationItem): Ensure primary styling when the item is active by @susnux in #4650
• fix(NcModal): Some modal improvments by @susnux in #4645
• fix(NcActions): Various accessibility improvements by @Pytal in #4648
• Fix NcBreadcrumbs styles to wrap buttons by @JuliaKirschenheuter in #4640
• fix(NcDashboardWidgetItem): do not assign href="" with empty link by @ShGKme in #4672
• fix(NcActions): do not pass popoverBaseClass as an attr to NcPopover by @ShGKme in #4673
• fix(NcActions): Allow to set attributes to inline actions by @susnux in #4671
• fix(NcAvatar): make it a span phrasing element by @ShGKme in #4674
• fix: Avoid closing all modals on escape if multiple are present by @juliushaertl in #4677
• fix: If a aria-selected button is present we focus on this one instead of the first entry by @juliushaertl in #4678
• fix(NcCheckboxRadioSwitch): Restore wrapper element prop by @Pytal in #4679
• fix(Nc*Field): do not pass all props to InputField BY filtering $props by @ShGKme in #4666
• fix(NcDialog): NcModal registration by @Pytal in #4682
• fix: remove empty attributes values by @ShGKme in #4686
• fix(dialog): fix component registration by @ShGKme in #4685
• fix(NcCheckboxRadioSwitch): fix circular import by @raimund-schluessler in #4691
• fix(NcCheckboxRadioSwitch): forward indeterminate prop by @raimund-schluessler in #4690
• Change heading in EmptyContent to span by @JuliaKirschenheuter in #4702
• fix(NcRelatedResourcesPanel): t is not defined by @raimund-schluessler in #4705
• fix(NcAppNavigationItem): Do not include aria-expanded attribute if there are no children by @susnux in #4715
• fix(NcDialog): register components in NcDialogButton by @ShGKme in #4725
• fix(NcActions): Detect navigation menu links correctly by @Pytal in #4707
• fix(NcSelect): Ensure selected option has enough contrast when the menu is opened by @susnux in #4733
• fix(NcEmptyContent): Fix regression that changed the color of the description text by @susnux in #4735
• fix(NcAppContent): Set normal scrollbar width on resizeable NcAppContentList by @mejo- in #4710
• fix(NcAvatar): Improve initials generation to filter out special characters by @susnux in #4737
• fix(NcAvatar): remove alt attr from span[role=img] by @ShGKme in #4748
• fix(NcSidebarTab): Ensure there is an aria-label if the aria-labelledby element does not exist by @susnux in #4736
• add scoped to all ncappnavigation components by @szaimen in #4730
• Create outline for focus-within on RadioSwitch by @JuliaKirschenheuter in #4699
• fix: NcUserBubble properties by @susnux in #4743
• fix(NcUserBubble): only forward necessary props by @raimund-schluessler in #4756
• fix(NcInputField): Bring input field height to 44px and fixes its focus feedback by @marcoambrosini in #4718
• fix(NcTimezonePicker): Add correct aria-label by @susnux in #4762
• Fix input field trailing button alignment by @marcoambrosini in #4770
• fix(NcSelectTags): Allow object type value by @Pytal in #4771
• fix(NcAppNavigation): Ensure --app-navigation-padding is set also on app-content by @susnux in #4776
• fix(NcAppNavigation): add focus trap on mobile and improve a11y by @ShGKme in #4633
• fix(NcAppNavigation): small screen support by @ShGKme in #4767
• fix: Do not depend on uncompiled vue files as dependencies by @susnux in #4777

Other Changes

• Fix regression of click-outside-options mixin not working since using @vueuse by @susnux in #4046
• Fix styles for long tab names in NcAppSidebarTabs by @Antreesy in #4064
• enh(NcActions): Readability by @Pytal in #4049
• Use NcActions component for NcAvatar by @raimund-schluessler in #4017
• Minor avatar cleanup by @raimund-schluessler in #4082
• Remove unused props and directives of NcResource by @raimund-schluessler in #4110
• chore: Add pull_request_template.md to emphasize better PRs by @nickvergessen in #4102
• Add aria-expanded to settings accordion button by @fenn-cs in #4109
• fix(NcCheckboxRadioSwitch): Align icon slot properly by @susnux in #4065
• Input Fields and RichContenteditable: add focus and select methods by @ShGKme in #4107
• adjust active element visibility in the sidebar by @szaimen in #4155
• enh(NcActions): Navigation link actions by @Pytal in #4084
• make navigation-collapsible always visible by @szaimen in #4153
• Export dist a11y activation util by @Pytal in #4166
• Implement app menu new-item action as button not link by @fenn-cs in #4151
• Prepare new beta: v8.0.0-beta.1 by @susnux in #4171
• Prevent tabbing into closed navigation by @PVince81 in #3114
• Increase input field helper text contrast by @Pytal in #4188
• Use display: flex in app-content-list on mobile as well by @mejo- in #4182
• Add focus-visible style for NcCheckboxRadioSwitch by @fenn-cs in #4176
• fix(NcSelect): Styles on state change by @Pytal in #4211
• fix(NcSelect): Adapt to NcListItemIcon by @Pytal in #4210
• fix: Remove leftovers of hammerJS by @susnux in #4213
• fix(NcSelect): Disabled colors by @Pytal in #4217
• docs: Add stable documentation links to the readme by @juliushaertl in #4227
• Improve NcSettingsSelectGroup - Convert to NcSelect by @susnux in #4120
• Fix missing language for scss style by @susnux in #4250
• fix(NcActionInput): Show trailing button even for empty input by @susnux in #4251
• Fix padding in the 'any link' preview component (smart picker) by @julien-nc in #4248
• Use NcSelect in NcRichtext by @julien-nc in #4247
• fix(docs): Add links to documentation for older versions by @susnux in #4275
• 8.0.0-beta.2 by @skjnldsv in #4285
• Replace <p> with <span> to ignore unneeded margin below by @JuliaKirschenheuter in #4301
• Update Changelog to reflect 8.0.0-beta.2 changes by @susnux in #4286
• NcRichContenteditable: fix IME support on Mac OSX by @ShGKme in #4294
• Set double outline to buttons in focus state by @JuliaKirschenheuter in #4323
• Update @nextcloud/stylelint-config and fix issues detected by @susnux in #4325
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4340
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4342
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4346
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4352
• fix(cypress): Escape glob pattern in cypress script to remove warning by @susnux in #4354
• feat(NcButton): Add pressed state for stateful buttons by @susnux in #4344
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4357
• chore: Fix URLs after package was transfered by @susnux in #4377
• enh(emoji-picker): allow unselecting set emoji by @max-nextcloud in #4381
• fix(ci): Set github user after project was moved by @susnux in #4387
• fix(NcButton): correctly emit click event by @raimund-schluessler in #4398
• fix: remove NcMultiselect from styleguide config by @raimund-schluessler in #4399
• Delete invalid .tx config by @nickvergessen in #4413
• fix: build module on dev by @raimund-schluessler in #4414
• try to fix header size on mobile by @szaimen in #4420
• fix(NcRichContenteditable): add aria-placeholder by @ShGKme in #4407
• v8.0.0-beta.3 by @skjnldsv in #4428
• feat: add github changelog generator by @skjnldsv in #4457
• fix(CI): Remove permission check the Org is permitted now by @nickvergessen in #4464
• v8.0.0-beta.4 by @Pytal in #4474
• v8.0.0-beta.5 by @Pytal in #4480
• feat: add v8.x (Nextcloud 28) as latest docs title by @skjnldsv in #4499
• chore[docs]: link to docs for vue3 by @raimund-schluessler in #4509
• Migrate build of single entry points from webpack to vite by @susnux in #4386
• feat(docs) - add cross-examples for rich components in docs, add mention support by @Antreesy in #4507
• v8.0.0-beta.6 by @Pytal in #4527
• chore(pkgjson): alias dev:watch to watch by @st3iny in #4536
• v8.0.0-beta.7 by @Pytal in #4588
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4597
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4598
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4600
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4601
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4603
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4608
• chore: Bump @nextcloud/vite-config to fix cjs require default by @Pytal in #4615
• v8.0.0-beta.8 by @Pytal in #4616
• Updates for project Nextcloud vue library on branch master by @transifex-integration in #4614
• Updates for project Nextcloud vue library by @transifex-integration in #4636
• Updates for project Nextcloud vue library by @transifex-integration in #4641
• Updates for project Nextcloud vue library by @transifex-integration in #4644
• Updates for project Nextcloud vue library by @transifex-integration in #4649
• Updates for project Nextcloud vue library by @transifex-integration in #4651
• fix: missing trailing comma by @raimund-schluessler in #4654
• Updates for project Nextcloud vue library by @transifex-integration in #4658
• v8.0.0-beta.9 by @Pytal in #4680
• chore: do not show NcCheckboxContent in docs by @raimund-schluessler in #4692
• Updates for project Nextcloud vue library by @transifex-integration in #4709
• fix(NcTextArea): add missing trailing comma by @raimund-schluessler in #4713
• Updates for project Nextcloud vue library by @transifex-integration in #4714
• Updates for project Nextcloud vue library by @transifex-integration in #4717
• 8.0.0-beta.10 by @skjnldsv in #4754
• Updates for project Nextcloud vue library by @transifex-integration in #4757
• Change styles for focused Select by @JuliaKirschenheuter in #4728
• Updates for project Nextcloud vue library by @transifex-integration in #4759
• Updates for project Nextcloud vue library by @transifex-integration in #4768
• Updates for project Nextcloud vue library by @transifex-integration in #4769
• Updates for project Nextcloud vue library by @transifex-integration in #4773
• feat(NcActions): focus the first action again if no action have a focus after render by @skjnldsv in #4775
• fix(NcAppNavigation): remove background square connecting toggle and navigation by @ShGKme in #4779
• chore: Prepare release of stable version 8.0.0 by @susnux in #4765

New Contributors

• @Rello made their first contribution in #4099
• @fenn-cs made their first contribution in #4109
• @moan0s made their first contribution in #4063
• @pulsejet made their first contribution in #4135

Full Changelog: v7.11.2...v8.0.0