@nextcloud/vue 8.29.0 → 8.29.2

package/dist/Components/NcSavingIndicatorIcon.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSavingIndicatorIcon = require("../chunks/NcSavingIndicatorIcon-DmGFZsmS.cjs");
+const NcSavingIndicatorIcon = require("../chunks/NcSavingIndicatorIcon-DFyB2KRK.cjs");
 module.exports = NcSavingIndicatorIcon.NcSavingIndicatorIcon;
 //# sourceMappingURL=NcSavingIndicatorIcon.cjs.map

package/dist/Components/NcSavingIndicatorIcon.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSavingIndicatorIcon-BPlY5Y9p.mjs";
+import { N } from "../chunks/NcSavingIndicatorIcon-U7AIamCl.mjs";
 export {
   N as default
 };

package/dist/Components/NcSelect.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSelect = require("../chunks/NcSelect-R8bPyBFL.cjs");
+const NcSelect = require("../chunks/NcSelect-CnLfkqdF.cjs");
 module.exports = NcSelect.NcSelect;
 //# sourceMappingURL=NcSelect.cjs.map

package/dist/Components/NcSelect.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSelect-B3fxFbfG.mjs";
+import { N } from "../chunks/NcSelect-BUOuXJUQ.mjs";
 export {
   N as default
 };

package/dist/Components/NcSelectTags.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSelectTags = require("../chunks/NcSelectTags-CmOvIcGU.cjs");
+const NcSelectTags = require("../chunks/NcSelectTags-D9-2HA1H.cjs");
 module.exports = NcSelectTags.NcSelectTags;
 //# sourceMappingURL=NcSelectTags.cjs.map

package/dist/Components/NcSelectTags.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSelectTags-BxII3k6P.mjs";
+import { N } from "../chunks/NcSelectTags-hP98xYkg.mjs";
 export {
   N as default
 };

package/dist/Components/NcSelectUsers.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSelectUsers = require("../chunks/NcSelectUsers-4dbGg26c.cjs");
+const NcSelectUsers = require("../chunks/NcSelectUsers-arPrkqH_.cjs");
 module.exports = NcSelectUsers.NcSelectUsers;
 //# sourceMappingURL=NcSelectUsers.cjs.map

package/dist/Components/NcSelectUsers.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSelectUsers-BlVsLFrq.mjs";
+import { N } from "../chunks/NcSelectUsers-DaHVPRPE.mjs";
 export {
   N as default
 };

package/dist/Components/NcSettingsInputText.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSettingsInputText = require("../chunks/NcSettingsInputText-Cf-juMyF.cjs");
+const NcSettingsInputText = require("../chunks/NcSettingsInputText-D7eoCI2o.cjs");
 module.exports = NcSettingsInputText.NcSettingsInputText;
 //# sourceMappingURL=NcSettingsInputText.cjs.map

package/dist/Components/NcSettingsInputText.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSettingsInputText-DYN2i2d2.mjs";
+import { N } from "../chunks/NcSettingsInputText-BKoaCiQU.mjs";
 export {
   N as default
 };

package/dist/Components/NcSettingsSection.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSettingsSection = require("../chunks/NcSettingsSection-VrSMms0R.cjs");
+const NcSettingsSection = require("../chunks/NcSettingsSection-Bmo90KQR.cjs");
 module.exports = NcSettingsSection.NcSettingsSection;
 //# sourceMappingURL=NcSettingsSection.cjs.map

package/dist/Components/NcSettingsSection.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSettingsSection-DK0dtGcw.mjs";
+import { N } from "../chunks/NcSettingsSection-fe_YIg-L.mjs";
 export {
   N as default
 };

package/dist/Components/NcSettingsSelectGroup.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcSettingsSelectGroup = require("../chunks/NcSettingsSelectGroup-CutKYnV3.cjs");
+const NcSettingsSelectGroup = require("../chunks/NcSettingsSelectGroup-D0s0bzQI.cjs");
 exports.NcSettingsSelectGroup = NcSettingsSelectGroup.NcSettingsSelectGroup;
 exports.default = NcSettingsSelectGroup.NcSettingsSelectGroup;
 //# sourceMappingURL=NcSettingsSelectGroup.cjs.map

package/dist/Components/NcSettingsSelectGroup.mjs

@@ -1,4 +1,4 @@
-import { N as NcSettingsSelectGroup } from "../chunks/NcSettingsSelectGroup-buP5uEyf.mjs";
+import { N as NcSettingsSelectGroup } from "../chunks/NcSettingsSelectGroup-SuQNKdqU.mjs";
 export {
   NcSettingsSelectGroup,
   NcSettingsSelectGroup as default

package/dist/Components/NcTextArea.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcTextArea = require("../chunks/NcTextArea-BUqxDVLX.cjs");
+const NcTextArea = require("../chunks/NcTextArea-B2hcap39.cjs");
 module.exports = NcTextArea.NcTextArea;
 //# sourceMappingURL=NcTextArea.cjs.map

package/dist/Components/NcTextArea.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcTextArea-C10S9llK.mjs";
+import { N } from "../chunks/NcTextArea-BFLuhsEv.mjs";
 export {
   N as default
 };

package/dist/Components/NcTextField.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcTextField = require("../chunks/NcTextField-C24Y7Zzr.cjs");
+const NcTextField = require("../chunks/NcTextField-Dyuxj4yu.cjs");
 module.exports = NcTextField.NcTextField;
 //# sourceMappingURL=NcTextField.cjs.map

package/dist/Components/NcTextField.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcTextField-GdOVvMI8.mjs";
+import { N } from "../chunks/NcTextField-Do6wBDGH.mjs";
 export {
   N as default
 };

package/dist/Components/NcTimezonePicker.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcTimezonePicker = require("../chunks/NcTimezonePicker-DiYxhC2U.cjs");
+const NcTimezonePicker = require("../chunks/NcTimezonePicker-obgDIrK0.cjs");
 module.exports = NcTimezonePicker.NcTimezonePicker;
 //# sourceMappingURL=NcTimezonePicker.cjs.map

package/dist/Components/NcTimezonePicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcTimezonePicker-CHrv7H1J.mjs";
+import { N } from "../chunks/NcTimezonePicker-bIwFQlmV.mjs";
 export {
   N as default
 };

package/dist/Components/NcUserBubble.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcUserBubble = require("../chunks/NcUserBubble-Bb2KMW2-.cjs");
+const NcUserBubble = require("../chunks/NcUserBubble-BusyVqGW.cjs");
 module.exports = NcUserBubble.NcUserBubble;
 //# sourceMappingURL=NcUserBubble.cjs.map

package/dist/Components/NcUserBubble.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcUserBubble-DMHgoLZr.mjs";
+import { N } from "../chunks/NcUserBubble-BmPOx3MW.mjs";
 export {
   N as default
 };

package/dist/Components/NcUserStatusIcon.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcUserStatusIcon = require("../chunks/NcUserStatusIcon-4MmJE11d.cjs");
+const NcUserStatusIcon = require("../chunks/NcUserStatusIcon-CKPJ27oi.cjs");
 module.exports = NcUserStatusIcon.NcUserStatusIcon;
 //# sourceMappingURL=NcUserStatusIcon.cjs.map

package/dist/Components/NcUserStatusIcon.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcUserStatusIcon-C1nS9t71.mjs";
+import { N } from "../chunks/NcUserStatusIcon-DQr5EGWZ.mjs";
 export {
   N as default
 };

package/dist/Composables/useFormatDateTime.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const l10n = require("@nextcloud/l10n");
 const core = require("@vueuse/core");
 const Vue = require("vue");
-const _l10n = require("../chunks/_l10n-DpwcsAC3.cjs");
+const _l10n = require("../chunks/_l10n-RKohWu5d.cjs");
 _l10n.register(_l10n.t2);
 const FEW_SECONDS_AGO = {
   long: _l10n.t("a few seconds ago"),

package/dist/Composables/useFormatDateTime.mjs

@@ -1,7 +1,7 @@
 import { formatRelativeTime, getCanonicalLocale } from "@nextcloud/l10n";
 import { toValue } from "@vueuse/core";
 import { computed, ref, watchEffect, onUnmounted, readonly } from "vue";
-import { r as register, e as t2, a as t } from "../chunks/_l10n-BU8-kQzN.mjs";
+import { r as register, e as t2, a as t } from "../chunks/_l10n-CW0YfIWk.mjs";
 register(t2);
 const FEW_SECONDS_AGO = {
   long: t("a few seconds ago"),

package/dist/Functions/reference.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Functions_registerReference = require("../chunks/index-BV85rPB7.cjs");
-const referencePickerModal = require("../chunks/referencePickerModal-Yw2bZ96U.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-C1Srl207.cjs");
 exports.NcCustomPickerRenderResult = Functions_registerReference.NcCustomPickerRenderResult;
 exports.hasInteractiveView = Functions_registerReference.hasInteractiveView;
 exports.isCustomPickerElementRegistered = Functions_registerReference.isCustomPickerElementRegistered;

package/dist/Functions/reference.mjs

@@ -1,5 +1,5 @@
 import { N, h, d, i, b, r, c, a } from "../chunks/index-56SXuvlv.mjs";
-import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-C9Ot-OgO.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-CtMUY45l.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,

package/dist/Functions/usernameToColor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const GenColors = require("../chunks/GenColors-BnYS3bvv.cjs");
+const GenColors = require("../chunks/GenColors-BjsCKF7S.cjs");
 const md5 = require("md5");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const md5__default = /* @__PURE__ */ _interopDefault(md5);

package/dist/Functions/usernameToColor.mjs

@@ -1,4 +1,4 @@
-import { G as GenColors } from "../chunks/GenColors-DNN63dHB.mjs";
+import { G as GenColors } from "../chunks/GenColors-BrpkL3hT.mjs";
 import md5 from "md5";
 function usernameToColor(username) {
   let hash = username.toLowerCase();

package/dist/assets/{NcActionButtonGroup-BND4GQdv.css → NcActionButtonGroup-oAqMyrzr.css}

@@ -9,39 +9,39 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon {
+.material-design-icon[data-v-bc844f45] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.nc-button-group-base > div {
+.nc-button-group-base > div[data-v-bc844f45] {
   text-align: center;
   color: var(--color-text-maxcontrast);
 }
-.nc-button-group-base ul.nc-button-group-content {
+.nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] {
   display: flex;
   gap: 4px;
   justify-content: space-between;
 }
-.nc-button-group-base ul.nc-button-group-content li {
+.nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] li {
   flex: 1 1;
 }
-.nc-button-group-base ul.nc-button-group-content .action-button {
+.nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] .action-button {
   padding: 0 !important;
   width: 100%;
   display: flex;
   justify-content: center;
 }
-.nc-button-group-base ul.nc-button-group-content .action-button.action-button--active {
+.nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] .action-button.action-button--active {
   background-color: var(--color-primary-element);
   border-radius: var(--border-radius-large);
   color: var(--color-primary-element-text);
 }
-.nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:focus-within {
+.nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] .action-button.action-button--active:focus-within {
   background-color: var(--color-primary-element-hover);
 }
-.nc-button-group-base ul.nc-button-group-content .action-button .action-button__pressed-icon {
+.nc-button-group-base ul.nc-button-group-content[data-v-bc844f45] .action-button .action-button__pressed-icon {
   display: none;
 }

package/dist/assets/{NcActionInput-Q0DfTHVL.css → NcActionInput-D79204Jr.css}

@@ -75,7 +75,7 @@ textarea[data-v-caba6a2d]:required {
 button[data-v-caba6a2d]:not(.button-vue):invalid,
 input[data-v-caba6a2d]:not([type=range]):invalid,
 textarea[data-v-caba6a2d]:invalid {
-  border-color: var(--color-error);
+  border-color: var(--color-border-error, var(--color-error));
   box-shadow: none !important;
 }
 button:not(.button-vue).primary[data-v-caba6a2d],

package/dist/assets/{NcActionTextEditable-BflqGcjc.css → NcActionTextEditable-i1KSVe0J.css}

@@ -75,7 +75,7 @@ textarea[data-v-a4505289]:required {
 button[data-v-a4505289]:not(.button-vue):invalid,
 input[data-v-a4505289]:not([type=range]):invalid,
 textarea[data-v-a4505289]:invalid {
-  border-color: var(--color-error);
+  border-color: var(--color-border-error, var(--color-error));
   box-shadow: none !important;
 }
 button:not(.button-vue).primary[data-v-a4505289],

package/dist/assets/{NcActions-C3F-rqxz.css → NcActions-CXnDIMae.css}

@@ -9,45 +9,45 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-bc42d907] {
+.material-design-icon[data-v-9676f7ed] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-bc42d907] {
+.action-items[data-v-9676f7ed] {
   display: flex;
   align-items: center;
   gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
 }
-.action-item[data-v-bc42d907] {
+.action-item[data-v-9676f7ed] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-bc42d907] {
+.action-item.action-item--primary[data-v-9676f7ed] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-bc42d907] {
+.action-item.action-item--secondary[data-v-9676f7ed] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-bc42d907] {
+.action-item.action-item--error[data-v-9676f7ed] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-bc42d907] {
+.action-item.action-item--warning[data-v-9676f7ed] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-bc42d907] {
+.action-item.action-item--success[data-v-9676f7ed] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-bc42d907] {
+.action-item.action-item--tertiary-no-background[data-v-9676f7ed] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-bc42d907] {
+.action-item.action-item--open .action-item__menutoggle[data-v-9676f7ed] {
   background-color: var(--open-background-color);
 }
-.action-item__menutoggle__icon[data-v-bc42d907] {
+.action-item__menutoggle__icon[data-v-9676f7ed] {
   width: 20px;
   height: 20px;
   object-fit: contain;
@@ -69,10 +69,10 @@
   align-items: center;
   justify-content: center;
 }
-.v-popper--theme-dropdown.v-popper__popper.action-item__popper .v-popper__wrapper {
+.v-popper--theme-nc-popover-8.v-popper__popper.action-item__popper .v-popper__wrapper {
   border-radius: var(--border-radius-large);
 }
-.v-popper--theme-dropdown.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner {
+.v-popper--theme-nc-popover-8.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner {
   border-radius: var(--border-radius-large);
   padding: 4px;
   max-height: calc(100vh - var(--header-height));

package/dist/assets/{NcAppNavigationItem-Ca2ekElv.css → NcAppNavigationItem-DKcGNjYx.css}

@@ -9,24 +9,22 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-607590bd] {
+.material-design-icon[data-v-11ec0ddd] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.button-vue.icon-collapse[data-v-607590bd] {
+.icon-collapse[data-v-11ec0ddd] {
   position: relative;
-  z-index: 105;
-  color: var(--color-main-text);
   inset-inline-end: 0;
 }
-.button-vue.icon-collapse--open[data-v-607590bd] {
-  color: var(--color-main-text);
+.icon-collapse[data-v-11ec0ddd]:hover {
+  background-color: var(--color-background-dark) !important;
 }
-.button-vue.icon-collapse--open[data-v-607590bd]:hover {
-  color: var(--color-primary-element);
+.icon-collapse--active[data-v-11ec0ddd]:hover {
+  background-color: var(--color-primary-element) !important;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -38,7 +36,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-7ac1552a] {
+.material-design-icon[data-v-76a56f53] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -50,7 +48,7 @@
  * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-.app-navigation-entry[data-v-7ac1552a] {
+.app-navigation-entry[data-v-76a56f53] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -63,7 +61,7 @@
   border-radius: var(--border-radius-element, var(--border-radius-pill));
   /* hide deletion/collapse of subitems */
 }
-.app-navigation-entry-wrapper[data-v-7ac1552a] {
+.app-navigation-entry-wrapper[data-v-76a56f53] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -71,34 +69,40 @@
   box-sizing: border-box;
   width: 100%;
 }
-.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-7ac1552a] {
+.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-76a56f53] {
   display: none;
 }
-.app-navigation-entry.active[data-v-7ac1552a] {
+.app-navigation-entry.active[data-v-76a56f53] {
   background-color: var(--color-primary-element) !important;
 }
-.app-navigation-entry.active[data-v-7ac1552a]:hover {
+.app-navigation-entry.active[data-v-76a56f53]:hover {
   background-color: var(--color-primary-element-hover) !important;
 }
-.app-navigation-entry.active .app-navigation-entry-link[data-v-7ac1552a], .app-navigation-entry.active .app-navigation-entry-button[data-v-7ac1552a] {
+.app-navigation-entry.active .app-navigation-entry-link[data-v-76a56f53], .app-navigation-entry.active .app-navigation-entry-button[data-v-76a56f53] {
   color: var(--color-primary-element-text) !important;
 }
-.app-navigation-entry[data-v-7ac1552a]:focus-within, .app-navigation-entry[data-v-7ac1552a]:hover {
+.app-navigation-entry[data-v-76a56f53]:focus-within, .app-navigation-entry[data-v-76a56f53]:hover {
   background-color: var(--color-background-hover);
 }
-.app-navigation-entry.active .app-navigation-entry__children[data-v-7ac1552a], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-7ac1552a], .app-navigation-entry:hover .app-navigation-entry__children[data-v-7ac1552a] {
+.app-navigation-entry.active .app-navigation-entry__children[data-v-76a56f53], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-76a56f53], .app-navigation-entry:hover .app-navigation-entry__children[data-v-76a56f53] {
   background-color: var(--color-main-background);
 }
-.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-7ac1552a], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-7ac1552a], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-7ac1552a], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-7ac1552a], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-7ac1552a] {
+.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-76a56f53], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-76a56f53], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-76a56f53], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-76a56f53], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-76a56f53] {
   display: inline-block;
 }
-.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-7ac1552a] {
+.app-navigation-entry .app-navigation-entry__actions[data-v-76a56f53]:hover .button-vue {
+  background-color: var(--color-background-dark) !important;
+}
+.app-navigation-entry.active .app-navigation-entry__actions[data-v-76a56f53]:hover .button-vue {
+  background-color: var(--color-primary-element) !important;
+}
+.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-76a56f53] {
   display: none;
 }
-.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-7ac1552a], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-7ac1552a] {
+.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-76a56f53], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-76a56f53] {
   padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
 }
-.app-navigation-entry .app-navigation-entry-link[data-v-7ac1552a], .app-navigation-entry .app-navigation-entry-button[data-v-7ac1552a] {
+.app-navigation-entry .app-navigation-entry-link[data-v-76a56f53], .app-navigation-entry .app-navigation-entry-button[data-v-76a56f53] {
   z-index: 100; /* above the bullet to allow click*/
   display: flex;
   overflow: hidden;
@@ -113,7 +117,7 @@
   background-size: 16px 16px;
   line-height: var(--default-clickable-area);
 }
-.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-7ac1552a], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-7ac1552a] {
+.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-76a56f53], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-76a56f53] {
   display: flex;
   align-items: center;
   flex: 0 0 var(--default-clickable-area);
@@ -124,24 +128,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-7ac1552a], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-7ac1552a] {
+.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-76a56f53], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-76a56f53] {
   overflow: hidden;
   max-width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-7ac1552a], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-7ac1552a] {
+.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-76a56f53], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-76a56f53] {
   width: calc(100% - var(--default-clickable-area));
   margin: auto;
 }
-.app-navigation-entry .app-navigation-entry-link[data-v-7ac1552a]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-7ac1552a]:focus-visible {
+.app-navigation-entry .app-navigation-entry-link[data-v-76a56f53]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-76a56f53]: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, var(--border-radius-pill));
 }
 
 /* Second level nesting for lists */
-.app-navigation-entry__children[data-v-7ac1552a] {
+.app-navigation-entry__children[data-v-76a56f53] {
   --app-navigation-item-child-offset: 10px;
   position: relative;
   display: flex;
@@ -151,21 +155,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-7ac1552a] {
+.app-navigation-entry__children .app-navigation-entry[data-v-76a56f53] {
   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-7ac1552a] {
+.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-76a56f53] {
   --app-navigation-item-child-offset: 0;
 }
 
 /* Deleted entries */
-.app-navigation-entry__deleted[data-v-7ac1552a] {
+.app-navigation-entry__deleted[data-v-76a56f53] {
   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-7ac1552a] {
+.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-76a56f53] {
   position: relative;
   overflow: hidden;
   flex: 1 1 0;
@@ -175,7 +179,7 @@
 }
 
 /* counter and actions */
-.app-navigation-entry__utils[data-v-7ac1552a] {
+.app-navigation-entry__utils[data-v-76a56f53] {
   display: flex;
   min-width: var(--default-clickable-area);
   align-items: center;
@@ -184,39 +188,39 @@
   /* counter */
   /* actions */
 }
-.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-7ac1552a] {
+.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-76a56f53] {
   display: inline-block;
 }
-.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-7ac1552a] {
+.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-76a56f53] {
   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-7ac1552a] {
+.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-76a56f53] {
   display: none;
 }
 
 /* editing state */
-.app-navigation-entry--editing .app-navigation-entry-edit[data-v-7ac1552a] {
+.app-navigation-entry--editing .app-navigation-entry-edit[data-v-76a56f53] {
   z-index: 250;
   opacity: 1;
 }
 
 /* deleted state */
-.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-7ac1552a] {
+.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-76a56f53] {
   z-index: 250;
   transform: translateX(0);
 }
 
 /* pinned state */
-.app-navigation-entry--pinned[data-v-7ac1552a] {
+.app-navigation-entry--pinned[data-v-76a56f53] {
   order: 2;
   margin-top: auto;
 }
-.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-7ac1552a] {
+.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-76a56f53] {
   margin-top: 0;
 }
-[data-themes*=highcontrast] .app-navigation-entry[data-v-7ac1552a]:active {
+[data-themes*=highcontrast] .app-navigation-entry[data-v-76a56f53]:active {
   background-color: var(--color-primary-element-light-hover) !important;
 }

package/dist/assets/{NcAppNavigationNewItem-PE-w8y-g.css → NcAppNavigationNewItem-CS2gLROV.css}

@@ -63,6 +63,12 @@
 .app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-46fee9ac], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-46fee9ac], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-46fee9ac], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-46fee9ac], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-46fee9ac] {
   display: inline-block;
 }
+.app-navigation-entry .app-navigation-entry__actions[data-v-46fee9ac]:hover .button-vue {
+  background-color: var(--color-background-dark) !important;
+}
+.app-navigation-entry.active .app-navigation-entry__actions[data-v-46fee9ac]:hover .button-vue {
+  background-color: var(--color-primary-element) !important;
+}
 .app-navigation-entry.app-navigation-entry--deleted > ul[data-v-46fee9ac] {
   display: none;
 }