@nextcloud/vue 9.0.0-rc.8 → 9.0.0

package/CHANGELOG.md

@@ -7,14 +7,15 @@
 
 All notable changes to this project will be documented in this file.
 
-## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0-rc.8) (unreleased)
-[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.30.0...v9.0.0-rc.8)
+## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0) (2025-09-25)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.31.0...v9.0.0)
 
 ### 💥 Breaking Changes
 * The package now uses Vue 3 instead of Vue 2.7
 * The package is now a native ESM package and the CommonJS entry points were dropped!
 * The package has dropped compatibility with Nextcloud before version 31.
   This mostly affects the visual appearance of components.
+* The `NcSettingsInputText` component was deprecated in v8 and is now removed.
 
 #### Plugin registering removed
 The plugin registering all the components and directives globally is removed.
@@ -75,6 +76,7 @@ This affects the following components:
   - `NcActionRouter`
   - `NcAppNavigationItem`
   - `NcBreadcrumb`
+  - `NcButton`
   - `NcListItem`
 
 #### Renaming icon slot of `Nc*Field`
@@ -149,6 +151,8 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 - `NcCounterBubble`
   - The default slot was removed
   - The `count` prop is now required [\#5997](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5997)
+- `NcHeaderMenu`
+  - `open`, `close` and `cancel` events were removed in favor of `opened` and `closed` events [\#6429](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6429)
 - `NcSettingsSection`
   - The `limitWidth` was removed (the content is now always limited width) [\#5605](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5605)
 - The `isFullscreen`, and `isMobile` mixins were removed. Use the according composables instead.
@@ -199,6 +203,9 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * feat(NcCheckboxRadioSwitch): Add support for a description field [\#7378](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7378) \([CarlSchwan](https://github.com/CarlSchwan)\)
 * feat: add NcKbd component [\#7401](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7401) \([ShGKme](https://github.com/ShGKme)\)
 * feat(NcAssistant*): provide components for consistent integrations design [\#7398](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7398) \([susnux](https://github.com/susnux)\)
+* feat(NcRadioGroup): add component to group radio buttons [\#7441](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7441) \([susnux](https://github.com/susnux)\)
+* feat(NcColorPicker): allow to clear selected value [\#7363](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7363) \([susnux](https://github.com/susnux)\)
+* feat(NcPopover): replace `closeOnClickOutside` with `noCloseOnClickOutside` [\#7525](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7525) \([ShGKme](https://github.com/ShGKme)\)
 
 ### 🐛 Fixed bugs
 * feat(NcAppSidebar): add `info` slot [#6666](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6666) ([Antreesy](https://github.com/Antreesy))
@@ -304,6 +311,23 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * fix(NcHeaderMenu): pause trap stack on opening [\#7370](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7370) \([Antreesy](https://github.com/Antreesy)\)
 * fix(NcAppNavigationSettings): bring filled icon back for Nextcloud 31 [\#7397](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7397) \([susnux](https://github.com/susnux)\)
 * fix(NcHeaderMenu): apply `ariaLabel` prop and add proper default values [\#7367](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7367) \([susnux](https://github.com/susnux)\)
+* fix(NcAssistantIcon): adjust gradient for dark theme [\#7426](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7426) \([susnux](https://github.com/susnux)\)
+* fix(NcCheckboxContent): limit wrapper width [\#7445](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7445) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcRichText): correctly render empty children list [\#7447](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7447) \([Antreesy](https://github.com/Antreesy)\)
+* fix: revert renaming template refs resulting in a breaking change [\#7448](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7448) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcDateTimePicker): use proper day names [\#7473](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7473) \([susnux](https://github.com/susnux)\)
+* fix(NcCheckboxRadioSwitch): ensure label less radio has proper size [\#7471](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7471) \([susnux](https://github.com/susnux)\)
+* fix(NcDateTime): adjust for bidi support [\#7484](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7484) \([susnux](https://github.com/susnux)\)
+* fix(NcAppNavigationItem): ensure to pass boolean where needed [\#7489](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7489) \([susnux](https://github.com/susnux)\)
+* fix(NcReferenceWidget): harden checks for reference = null [\#7478](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7478) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAvatar): make min status size visually accessible [\#7476](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7476) \([DorraJaouad](https://github.com/DorraJaouad)\)
+* fix(NcRadioGroup): fieldsets always need a label for accessibility [\#7483](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7483)
+* fix(useHotKey): use correct callback type [\#7505](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7505) \([susnux](https://github.com/susnux)\)
+* perf(NcTimezonePicker): use Intl to reduce self-size from 206kb to 2kb  [\#7522](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7522) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcPopover): revert disabling close on click outside by default [\#7524](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7524) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRadioGroupButton): adjust hight if needed [\#7544](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7544) \([susnux](https://github.com/susnux)\)
+* fix(NcAvatar): log the error object [\#7562](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7562) \([ChristophWurst](https://github.com/ChristophWurst)\)
+* fix(NcReferenceWidget): migrate to TS [\#7479](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7479) \([Antreesy](https://github.com/Antreesy)\)
 
 ### Changed
 * refactor: replace boolean properties with `default: true` with `default: false` [#6653](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6653) ([susnux](https://github.com/susnux))
@@ -452,12 +476,47 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * chore(docs): fix css modules export names in styleguidist [\#7385](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7385) \([ShGKme](https://github.com/ShGKme)\)
 * fix(NcUserStatusIcon): adjust icon colors [\#7392](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7392) \([Antreesy](https://github.com/Antreesy)\)
 * fix(NcUserStatusIcon): adjust scoped names for style variables [\#7396](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7396) \([Antreesy](https://github.com/Antreesy)\)
+* docs: enhance NcAppSidebar documentation [\#6913](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6913) \([Antreesy](https://github.com/Antreesy)\)
+* chore!: deprecate and remove `NcSettingsInputText` component [\#7486](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7486) \([susnux](https://github.com/susnux)\)
+* chore(NcCheckboxRadioSwitch): deprecate button variant in favor of `NcRadioGroup` [\#7490](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7490) \([susnux](https://github.com/susnux)\)
+* refactor(NcAppSettingsDialog): migrate to Typescript and script-setup [\#7515](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7515) \([susnux](https://github.com/susnux)\)
+* ci: fix server styling update [\#7547](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7547) \([susnux](https://github.com/susnux)\)
+* docs: document removed events and props [\#7552](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7552) \([Antreesy](https://github.com/Antreesy)\)
+
+## [v8.31.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.31.0) (2025-09-11)
+### 📝 Notes
+The `NcSettingsInputText` component was deprecated,
+it is no longer used by Nextcloud or Nextcloud apps and not recommended to be used for design reasons.
+
+### 🚀 Enhancements
+* feat: add NcKbd component [\#7407](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7407)
+* feat(NcRadioGroup): add component to group radio buttons [\#7474](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7474)
+
+### 🐛 Fixed bugs
+* fix(NcAssistantIcon): adjust gradient for dark theme [\#7430](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7430)
+* fix(NcPopover): regression with `this.getPopoverTriggerContainerElement is not a function` [\#7443](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7443) \([max-nextcloud](https://github.com/max-nextcloud)\)
+* fix(NcCheckboxRadioSwitch): ensure label less radio has proper size [\#7477](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7477)
+* fix(NcDateTime): adjust for bidi support [\#7485](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7485)
+* fix(NcReferenceWidget): harden checks for reference = null [\#7493](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7493)
+* fix(NcRadioGroup): fieldsets always need a label for accessibility [\#7495](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7495)
+* fix(NcAvatar): make min status size visually accessible [\#7480](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7480)
+* fix(NcAppNavigationItem): ensure to pass boolean where needed [\#7491](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7491)
+
+### Other Changes
+* chore(NcCheckboxRadioSwitch): deprecate button variant in favor of `NcRadioGroup` [\#7492](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7492)
+* chore: deprecate `NcSettingsInputText` component [\#7488](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7488)
+* chore: migrate to ESLint 9 and @nextcloud/eslint-config 9 [\#7418](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7418) \([ShGKme](https://github.com/ShGKme)\)
+* chore(lint): fix [\#7425](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7425) \([ShGKme](https://github.com/ShGKme)\)
+* chore(test): explicitly import from jest/globals to simplify migration to/from Vitest [\#7424](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7424) \([ShGKme](https://github.com/ShGKme)\)
+* docs: typos in 8.30.0 changelog [\#7422](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7422)
+
 
 ## [v8.30.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.30.0) (2025-09-01)
 ### 🚀 Enhancements
 * feat(NcPopover): auto return focus to trigger button on close [#5155](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5155) ([ShGKme](https://github.com/ShGKme))
 * feat(NcAssistant*): provide components for consistent integrations design [#7413](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7413)
 * feat(NcCheckboxRadioSwitch): Add support for a description field [#7395](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7395)
+
 ### Other Changes
 * refactor: migrate reference widget related function to Typescript [#7417](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7417)
 

package/dist/assets/{NcActionInput-Cma_lx5u.css → NcActionInput--OC-0kRP.css}

@@ -34,7 +34,6 @@ textarea[data-v-0fc02b30] {
   outline: none;
   background-color: var(--color-main-background);
   font-size: 13px;
-  /* Primary action button, use sparingly */
 }
 button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-0fc02b30],
 input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):hover,
@@ -73,6 +72,11 @@ textarea[data-v-0fc02b30]:invalid {
   border-color: var(--color-border-error, var(--color-error));
   box-shadow: none !important;
 }
+button[data-v-0fc02b30]:not(.button-vue),
+input[data-v-0fc02b30]:not([type=range]),
+textarea[data-v-0fc02b30] {
+  /* Primary action button, use sparingly */
+}
 button:not(.button-vue).primary[data-v-0fc02b30],
 input:not([type=range]).primary[data-v-0fc02b30],
 textarea.primary[data-v-0fc02b30] {

package/dist/assets/{NcActionTextEditable-m6K3-kXV.css → NcActionTextEditable-BPaRhJ6u.css}

@@ -34,7 +34,6 @@ textarea[data-v-c537247a] {
   outline: none;
   background-color: var(--color-main-background);
   font-size: 13px;
-  /* Primary action button, use sparingly */
 }
 button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-c537247a],
 input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):hover,
@@ -73,6 +72,11 @@ textarea[data-v-c537247a]:invalid {
   border-color: var(--color-border-error, var(--color-error));
   box-shadow: none !important;
 }
+button[data-v-c537247a]:not(.button-vue),
+input[data-v-c537247a]:not([type=range]),
+textarea[data-v-c537247a] {
+  /* Primary action button, use sparingly */
+}
 button:not(.button-vue).primary[data-v-c537247a],
 input:not([type=range]).primary[data-v-c537247a],
 textarea.primary[data-v-c537247a] {
@@ -142,7 +146,6 @@ li.action[data-v-c537247a]:hover {
   box-shadow: none;
   font-weight: normal;
   line-height: var(--default-clickable-area);
-  /* Inputs inside popover supports text, submit & reset */
 }
 .action-text-editable > span[data-v-c537247a] {
   cursor: pointer;
@@ -204,6 +207,9 @@ li.action[data-v-c537247a]:hover {
 .action-text-editable__label[data-v-c537247a], .action-text-editable__label[data-v-c537247a] * {
   cursor: pointer;
 }
+.action-text-editable[data-v-c537247a] {
+  /* Inputs inside popover supports text, submit & reset */
+}
 .action-text-editable__textarea[data-v-c537247a] {
   flex: 1 1 auto;
   color: inherit;
@@ -213,11 +219,13 @@ li.action[data-v-c537247a]:hover {
   min-width: calc(var(--default-clickable-area) * 4);
   width: 100% !important;
   margin: 0;
-  /* only show confirm borders if input is not focused */
 }
 .action-text-editable__textarea[data-v-c537247a]:disabled {
   cursor: default;
 }
+.action-text-editable__textarea[data-v-c537247a] {
+  /* only show confirm borders if input is not focused */
+}
 .action-text-editable__textarea:not(:active):not(:hover):not(:focus):invalid + .action-text-editable__label[data-v-c537247a] {
   background-color: var(--color-error);
 }

package/dist/assets/{NcActions-9-KEdXq2.css → NcActions-Bqx-6r2h.css}

@@ -9,45 +9,45 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ba38450c] {
+.material-design-icon[data-v-cc138260] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-ba38450c] {
+.action-items[data-v-cc138260] {
   display: flex;
   align-items: center;
   gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
 }
-.action-item[data-v-ba38450c] {
+.action-item[data-v-cc138260] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-ba38450c] {
+.action-item.action-item--primary[data-v-cc138260] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-ba38450c] {
+.action-item.action-item--secondary[data-v-cc138260] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-ba38450c] {
+.action-item.action-item--error[data-v-cc138260] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-ba38450c] {
+.action-item.action-item--warning[data-v-cc138260] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-ba38450c] {
+.action-item.action-item--success[data-v-cc138260] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-ba38450c] {
+.action-item.action-item--tertiary-no-background[data-v-cc138260] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-ba38450c] {
+.action-item.action-item--open .action-item__menutoggle[data-v-cc138260] {
   background-color: var(--open-background-color);
 }
-.action-item__menutoggle__icon[data-v-ba38450c] {
+.action-item__menutoggle__icon[data-v-cc138260] {
   width: 20px;
   height: 20px;
   object-fit: contain;

package/dist/assets/{NcAppNavigation-DzSqLZLH.css → NcAppNavigation-Br6xragy.css}

@@ -57,14 +57,14 @@ button.app-navigation-toggle[data-v-5a15295d] {
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-2192b700] {
+.material-design-icon[data-v-eafc54c9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation[data-v-2192b700] {
+.app-navigation[data-v-eafc54c9] {
   --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));
   transition: transform var(--animation-quick), margin var(--animation-quick);
   width: 300px;
@@ -86,16 +86,16 @@ button.app-navigation-toggle[data-v-5a15295d] {
   -webkit-backdrop-filter: var(--filter-background-blur, none);
   backdrop-filter: var(--filter-background-blur, none);
 }
-.app-navigation--closed[data-v-2192b700] {
+.app-navigation--closed[data-v-eafc54c9] {
   margin-inline-start: calc(-1 * min(300px, var(--app-navigation-max-width)));
 }
-.app-navigation__search[data-v-2192b700] {
+.app-navigation__search[data-v-eafc54c9] {
   width: 100%;
 }
-.app-navigation__body[data-v-2192b700] {
+.app-navigation__body[data-v-eafc54c9] {
   overflow-y: scroll;
 }
-.app-navigation__content > ul[data-v-2192b700] {
+.app-navigation__content > ul[data-v-eafc54c9] {
   position: relative;
   width: 100%;
   overflow-x: hidden;
@@ -105,30 +105,30 @@ button.app-navigation-toggle[data-v-5a15295d] {
   gap: var(--default-grid-baseline, 4px);
   padding: var(--app-navigation-padding);
 }
-.app-navigation .app-navigation__list[data-v-2192b700] {
+.app-navigation .app-navigation__list[data-v-eafc54c9] {
   height: 100%;
 }
-.app-navigation__body--no-list[data-v-2192b700] {
+.app-navigation__body--no-list[data-v-eafc54c9] {
   flex: 1 1 auto;
   overflow: auto;
   height: 100%;
 }
-.app-navigation__content[data-v-2192b700] {
+.app-navigation__content[data-v-eafc54c9] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-[data-themes*=highcontrast] .app-navigation[data-v-2192b700] {
+[data-themes*=highcontrast] .app-navigation[data-v-eafc54c9] {
   border-inline-end: 1px solid var(--color-border);
 }
 @media only screen and (max-width: 1024px) {
-.app-navigation[data-v-2192b700] {
+.app-navigation[data-v-eafc54c9] {
     position: absolute;
     border-inline-end: 1px solid var(--color-border);
 }
 }
 @media only screen and (max-width: 512px) {
-.app-navigation[data-v-2192b700] {
+.app-navigation[data-v-eafc54c9] {
     z-index: 1400;
 }
 }

package/dist/assets/{NcAppNavigationItem-E3wkH_dN.css → NcAppNavigationItem-6ZUh2hMu.css}

@@ -36,7 +36,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-5a5e23df] {
+.material-design-icon[data-v-f813ce7a] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -48,7 +48,7 @@
  * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-.app-navigation-entry[data-v-5a5e23df] {
+.app-navigation-entry[data-v-f813ce7a] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -58,49 +58,51 @@
   transition: background-color var(--animation-quick) ease-in-out;
   transition: background-color 200ms ease-in-out;
   border-radius: var(--border-radius-element);
-  /* hide deletion/collapse of subitems */
 }
-.app-navigation-entry-wrapper[data-v-5a5e23df] {
+.app-navigation-entry-wrapper[data-v-f813ce7a] {
   position: relative;
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
   width: 100%;
 }
-.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-5a5e23df] {
+.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-f813ce7a] {
   display: none;
 }
-.app-navigation-entry.active[data-v-5a5e23df] {
+.app-navigation-entry.active[data-v-f813ce7a] {
   background-color: var(--color-primary-element) !important;
 }
-.app-navigation-entry.active[data-v-5a5e23df]:hover {
+.app-navigation-entry.active[data-v-f813ce7a]:hover {
   background-color: var(--color-primary-element-hover) !important;
 }
-.app-navigation-entry.active .app-navigation-entry-link[data-v-5a5e23df], .app-navigation-entry.active .app-navigation-entry-button[data-v-5a5e23df] {
+.app-navigation-entry.active .app-navigation-entry-link[data-v-f813ce7a], .app-navigation-entry.active .app-navigation-entry-button[data-v-f813ce7a] {
   color: var(--color-primary-element-text) !important;
 }
-.app-navigation-entry[data-v-5a5e23df]:focus-within, .app-navigation-entry[data-v-5a5e23df]:hover {
+.app-navigation-entry[data-v-f813ce7a]:focus-within, .app-navigation-entry[data-v-f813ce7a]:hover {
   background-color: var(--color-background-hover);
 }
-.app-navigation-entry.active .app-navigation-entry__children[data-v-5a5e23df], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-5a5e23df], .app-navigation-entry:hover .app-navigation-entry__children[data-v-5a5e23df] {
+.app-navigation-entry.active .app-navigation-entry__children[data-v-f813ce7a], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-f813ce7a], .app-navigation-entry:hover .app-navigation-entry__children[data-v-f813ce7a] {
   background-color: var(--color-main-background);
 }
-.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-5a5e23df], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-5a5e23df], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-5a5e23df], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-5a5e23df], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-5a5e23df] {
+.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-f813ce7a], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-f813ce7a], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-f813ce7a], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-f813ce7a], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-f813ce7a] {
   display: inline-block;
 }
-.app-navigation-entry .app-navigation-entry__actions[data-v-5a5e23df]:hover .button-vue {
+.app-navigation-entry .app-navigation-entry__actions[data-v-f813ce7a]:hover .button-vue {
   background-color: var(--color-background-dark) !important;
 }
-.app-navigation-entry.active .app-navigation-entry__actions[data-v-5a5e23df]:hover .button-vue {
+.app-navigation-entry.active .app-navigation-entry__actions[data-v-f813ce7a]:hover .button-vue {
   background-color: var(--color-primary-element) !important;
 }
-.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-5a5e23df] {
+.app-navigation-entry[data-v-f813ce7a] {
+  /* hide deletion/collapse of subitems */
+}
+.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-f813ce7a] {
   display: none;
 }
-.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-5a5e23df], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-5a5e23df] {
+.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-f813ce7a], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-f813ce7a] {
   padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
 }
-.app-navigation-entry .app-navigation-entry-link[data-v-5a5e23df], .app-navigation-entry .app-navigation-entry-button[data-v-5a5e23df] {
+.app-navigation-entry .app-navigation-entry-link[data-v-f813ce7a], .app-navigation-entry .app-navigation-entry-button[data-v-f813ce7a] {
   z-index: 100; /* above the bullet to allow click*/
   display: flex;
   overflow: hidden;
@@ -114,7 +116,7 @@
   background-size: 16px 16px;
   line-height: var(--default-clickable-area);
 }
-.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-5a5e23df], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-5a5e23df] {
+.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-f813ce7a], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-f813ce7a] {
   display: flex;
   align-items: center;
   flex: 0 0 var(--default-clickable-area);
@@ -125,24 +127,24 @@
   background-repeat: no-repeat;
   background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
 }
-.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-5a5e23df], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-5a5e23df] {
+.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-f813ce7a], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-f813ce7a] {
   overflow: hidden;
   max-width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-5a5e23df], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-5a5e23df] {
+.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-f813ce7a], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-f813ce7a] {
   width: calc(100% - var(--default-clickable-area));
   margin: auto;
 }
-.app-navigation-entry .app-navigation-entry-link[data-v-5a5e23df]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-5a5e23df]:focus-visible {
+.app-navigation-entry .app-navigation-entry-link[data-v-f813ce7a]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-f813ce7a]:focus-visible {
   box-shadow: 0 0 0 4px var(--color-main-background);
   outline: 2px solid var(--color-main-text);
   border-radius: var(--border-radius-element);
 }
 
 /* Second level nesting for lists */
-.app-navigation-entry__children[data-v-5a5e23df] {
+.app-navigation-entry__children[data-v-f813ce7a] {
   --app-navigation-item-child-offset: 10px;
   position: relative;
   display: flex;
@@ -152,21 +154,21 @@
   gap: var(--default-grid-baseline, 4px);
   padding-inline-start: var(--app-navigation-item-child-offset);
 }
-.app-navigation-entry__children .app-navigation-entry[data-v-5a5e23df] {
+.app-navigation-entry__children .app-navigation-entry[data-v-f813ce7a] {
   display: inline-flex;
   flex-wrap: wrap;
 }
-.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-5a5e23df] {
+.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-f813ce7a] {
   --app-navigation-item-child-offset: 0;
 }
 
 /* Deleted entries */
-.app-navigation-entry__deleted[data-v-5a5e23df] {
+.app-navigation-entry__deleted[data-v-f813ce7a] {
   display: inline-flex;
   flex: 1 1 0;
   padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important;
 }
-.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-5a5e23df] {
+.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-f813ce7a] {
   position: relative;
   overflow: hidden;
   flex: 1 1 0;
@@ -176,48 +178,52 @@
 }
 
 /* counter and actions */
-.app-navigation-entry__utils[data-v-5a5e23df] {
+.app-navigation-entry__utils[data-v-f813ce7a] {
   display: flex;
   min-width: var(--default-clickable-area);
   align-items: center;
   flex: 0 1 auto;
   justify-content: flex-end;
-  /* counter */
-  /* actions */
 }
-.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-5a5e23df] {
+.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-f813ce7a] {
   display: inline-block;
 }
-.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-5a5e23df] {
+.app-navigation-entry__utils[data-v-f813ce7a] {
+  /* counter */
+}
+.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-f813ce7a] {
   margin-inline-end: calc(var(--default-grid-baseline) * 2);
   display: flex;
   align-items: center;
   flex: 0 1 auto;
 }
-.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-5a5e23df] {
+.app-navigation-entry__utils[data-v-f813ce7a] {
+  /* actions */
+}
+.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-f813ce7a] {
   display: none;
 }
 
 /* editing state */
-.app-navigation-entry--editing .app-navigation-entry-edit[data-v-5a5e23df] {
+.app-navigation-entry--editing .app-navigation-entry-edit[data-v-f813ce7a] {
   z-index: 250;
   opacity: 1;
 }
 
 /* deleted state */
-.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-5a5e23df] {
+.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-f813ce7a] {
   z-index: 250;
   transform: translateX(0);
 }
 
 /* pinned state */
-.app-navigation-entry--pinned[data-v-5a5e23df] {
+.app-navigation-entry--pinned[data-v-f813ce7a] {
   order: 2;
   margin-top: auto;
 }
-.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-5a5e23df] {
+.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-f813ce7a] {
   margin-top: 0;
 }
-[data-themes*=highcontrast] .app-navigation-entry[data-v-5a5e23df]:active {
+[data-themes*=highcontrast] .app-navigation-entry[data-v-f813ce7a]:active {
   background-color: var(--color-primary-element-light-hover) !important;
 }

package/dist/assets/{NcAppNavigationNewItem-Dmdd1YSE.css → NcAppNavigationNewItem-e_CtdnzP.css}

@@ -31,7 +31,6 @@
   transition: background-color var(--animation-quick) ease-in-out;
   transition: background-color 200ms ease-in-out;
   border-radius: var(--border-radius-element);
-  /* hide deletion/collapse of subitems */
 }
 .app-navigation-entry-wrapper[data-v-ee07f8f8] {
   position: relative;
@@ -67,6 +66,9 @@
 .app-navigation-entry.active .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue {
   background-color: var(--color-primary-element) !important;
 }
+.app-navigation-entry[data-v-ee07f8f8] {
+  /* hide deletion/collapse of subitems */
+}
 .app-navigation-entry.app-navigation-entry--deleted > ul[data-v-ee07f8f8] {
   display: none;
 }
@@ -155,18 +157,22 @@
   align-items: center;
   flex: 0 1 auto;
   justify-content: flex-end;
-  /* counter */
-  /* actions */
 }
 .app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
   display: inline-block;
 }
+.app-navigation-entry__utils[data-v-ee07f8f8] {
+  /* counter */
+}
 .app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-ee07f8f8] {
   margin-inline-end: calc(var(--default-grid-baseline) * 2);
   display: flex;
   align-items: center;
   flex: 0 1 auto;
 }
+.app-navigation-entry__utils[data-v-ee07f8f8] {
+  /* actions */
+}
 .app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
   display: none;
 }

package/dist/assets/{NcAppNavigationSearch-CQamlS4X.css → NcAppNavigationSearch-CUSlFbdJ.css}

@@ -9,23 +9,23 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-e27843d3] {
+.material-design-icon[data-v-12aea064] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation-search[data-v-e27843d3] {
+.app-navigation-search[data-v-12aea064] {
   display: flex;
   gap: var(--app-navigation-padding);
   padding: var(--app-navigation-padding);
 }
-.app-navigation-search--has-actions .app-navigation-search__input[data-v-e27843d3] {
+.app-navigation-search--has-actions .app-navigation-search__input[data-v-12aea064] {
   flex-grow: 1;
   z-index: 3;
 }
-.app-navigation-search__actions[data-v-e27843d3] {
+.app-navigation-search__actions[data-v-12aea064] {
   display: flex;
   gap: var(--default-grid-baseline);
   margin-inline-start: 0;
@@ -33,6 +33,6 @@
   max-height: var(--default-clickable-area);
   transition: margin-inline-start var(--animation-quick);
 }
-.app-navigation-search__actions--hidden[data-v-e27843d3] {
+.app-navigation-search__actions--hidden[data-v-12aea064] {
   margin-inline-start: calc(-1 * var(--default-clickable-area));
 }