@nextcloud/vue 8.34.0 → 8.35.1

package/CHANGELOG.md

@@ -5,6 +5,34 @@
 
 # Changelog
 
+## [v8.35.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.35.1) (2026-01-08)
+### 🐛 Fixed bugs
+* [stable8] fix(NcActionInput): use internal label of NcDateTimePickerNative [\#7979](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7979) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix(NcPopover): Don't warn on hidden button elements [\#7975](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7975) \([mejo-](https://github.com/mejo-)\)
+* [stable8] build: fix translations in Vue modules [\#8038](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8038) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix(NcModal): Adjust max height of the modal [\#8046](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8046) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix: animate toggle switch icon [\#8047](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8047) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+## [v8.35.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.35.0) (2025-12-10)
+### 🚀 Enhancements
+* [stable8] feat(NcAppSettingsDialog): add version on the bottom and `noVersion` prop to disable it  [\#7850](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7850) \([ShGKme](https://github.com/ShGKme)\)
+* [stable8] fix(NcActions): introduce 'size' prop [\#7852](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7852) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] feat(NcRichText): add 'Copy to clipboard' button for code blocks [\#7877](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7877) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+### 🐛 Fixed bugs
+* [stable8] fix(NcPasswordField): respect `checkPasswordStrength` for input validation [\#7846](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7846) \([Antreesy](https://github.com/Antreesy)\)
+* [stable8] fix(NcFormBoxSwitch): use passive model to sync checkbox and icon [\#7851](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7851) \([ShGKme](https://github.com/ShGKme)\)
+* [stable8] fix(NcFormBox): use default text color in items [\#7857](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7857) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix(NcAppSettingsDialog): set `box-sizing: border-box` for the new design [\#7888](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7888) \([ShGKme](https://github.com/ShGKme)\)
+* [stable8] fix(NcAvatar): do no request avatar image if icon slot provided [\#7896](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7896) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix(useHotKey): do not prevent hotkeys on hidden modal/dialog [\#7971](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7971) \([skjnldsv](https://github.com/skjnldsv)\)
+
+### Other Changes
+* [stable8] ci(dependabot): Use auto merge instead of deprecated option [\#7836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7836) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] docs: Move to more outline icons [\#7861](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7861) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] docs: Move more icons to outline [\#7864](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7864) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] chore(package): npm >=11.3.0 <=11.6.2 [\#7899](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7899) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
 ## [v8.34.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.34.0) (2025-11-07)
 ### 📝 Notes
 * `NcAppSettingsSectionShortcuts` has been renamed to `NcAppSettingsShortcutsSection` but still available by the previous name
@@ -91,10 +119,10 @@ it is no longer used by Nextcloud or Nextcloud apps and not recommended to be us
 * 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) 
+* 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(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)\)

package/dist/Components/NcActionButton.cjs

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

package/dist/Components/NcActionButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionButton-DykQxmXJ.mjs";
+import { N } from "../chunks/NcActionButton-w5F9kCHW.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionButtonGroup.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionButtonGroup = require("../chunks/NcActionButtonGroup-Bqp4vRGy.cjs");
+const NcActionButtonGroup = require("../chunks/NcActionButtonGroup-E-6SoAHx.cjs");
 module.exports = NcActionButtonGroup.NcActionButtonGroup;
 //# sourceMappingURL=NcActionButtonGroup.cjs.map

package/dist/Components/NcActionButtonGroup.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionButtonGroup-Uol_nwut.mjs";
+import { N } from "../chunks/NcActionButtonGroup-Dl_0bIqn.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionInput.cjs

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

package/dist/Components/NcActionInput.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionInput-pjhToEAw.mjs";
+import { N } from "../chunks/NcActionInput-JVtIXzyo.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionTextEditable.cjs

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

package/dist/Components/NcActionTextEditable.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionTextEditable-Bnt0-S7Y.mjs";
+import { N } from "../chunks/NcActionTextEditable-CfhlP5-E.mjs";
 export {
   N as default
 };

package/dist/Components/NcActions.cjs

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

package/dist/Components/NcActions.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActions-CpdT2y6O.mjs";
+import { N } from "../chunks/NcActions-DXfOYf3w.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppContent.cjs

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

package/dist/Components/NcAppContent.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppContent-CABHzKrx.mjs";
+import { N } from "../chunks/NcAppContent-D-MzdCDi.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigation.cjs

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

package/dist/Components/NcAppNavigation.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigation-BKgpMjQN.mjs";
+import { N } from "../chunks/NcAppNavigation-BGc7ks7G.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationCaption.cjs

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

package/dist/Components/NcAppNavigationCaption.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationCaption-CcWZR8rN.mjs";
+import { N } from "../chunks/NcAppNavigationCaption-oRJEZSTQ.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationItem.cjs

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

package/dist/Components/NcAppNavigationItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationItem-BYWvtSRw.mjs";
+import { N } from "../chunks/NcAppNavigationItem-zOxlduFj.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationNew.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationNew = require("../chunks/NcAppNavigationNew-BYvFykgl.cjs");
+const NcAppNavigationNew = require("../chunks/NcAppNavigationNew-ByTNXL-2.cjs");
 module.exports = NcAppNavigationNew.NcAppNavigationNew;
 //# sourceMappingURL=NcAppNavigationNew.cjs.map

package/dist/Components/NcAppNavigationNew.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationNew-BHzvRlVc.mjs";
+import { N } from "../chunks/NcAppNavigationNew-t3Rkrwjh.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationNewItem.cjs

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

package/dist/Components/NcAppNavigationNewItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationNewItem-DUNLtTs8.mjs";
+import { N } from "../chunks/NcAppNavigationNewItem-D7Pn6vob.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationSearch.cjs

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

package/dist/Components/NcAppNavigationSearch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationSearch-Ci8jz_C2.mjs";
+import { N } from "../chunks/NcAppNavigationSearch-BgivVWlR.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationSettings.cjs

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

package/dist/Components/NcAppNavigationSettings.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationSettings-B29zrNPr.mjs";
+import { N } from "../chunks/NcAppNavigationSettings-D5-V4TIs.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationToggle.cjs

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

package/dist/Components/NcAppNavigationToggle.mjs

@@ -1,4 +1,4 @@
-import { N as NcAppNavigationToggle } from "../chunks/NcAppNavigationToggle-DtNWDe9v.mjs";
+import { N as NcAppNavigationToggle } from "../chunks/NcAppNavigationToggle-phm-tyID.mjs";
 export {
   NcAppNavigationToggle as NcAppNavigationSpacer,
   NcAppNavigationToggle as default

package/dist/Components/NcAppSettingsDialog.cjs

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

package/dist/Components/NcAppSettingsDialog.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsDialog-CF-oMoP_.mjs";
+import { N } from "../chunks/NcAppSettingsDialog-CjnPlzCs.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSettingsSection.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSettingsSection = require("../chunks/NcAppSettingsSection-Q5PB51ht.cjs");
+const NcAppSettingsSection = require("../chunks/NcAppSettingsSection-CDLQ-AjK.cjs");
 module.exports = NcAppSettingsSection.NcAppSettingsSection;
 //# sourceMappingURL=NcAppSettingsSection.cjs.map

package/dist/Components/NcAppSettingsSection.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsSection-Cq1VIzMR.mjs";
+import { N } from "../chunks/NcAppSettingsSection-BjQllLEA.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSettingsSectionShortcuts.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSettingsShortcutsSection = require("../chunks/NcAppSettingsShortcutsSection-DG3FQlb5.cjs");
+const NcAppSettingsShortcutsSection = require("../chunks/NcAppSettingsShortcutsSection-B0WBkOo9.cjs");
 module.exports = NcAppSettingsShortcutsSection.NcAppSettingsShortcutsSection;
 //# sourceMappingURL=NcAppSettingsSectionShortcuts.cjs.map

package/dist/Components/NcAppSettingsSectionShortcuts.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsShortcutsSection-C089rPL6.mjs";
+import { N } from "../chunks/NcAppSettingsShortcutsSection-DzjowBeE.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSettingsShortcutsSection.cjs

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

package/dist/Components/NcAppSettingsShortcutsSection.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsShortcutsSection-C089rPL6.mjs";
+import { N } from "../chunks/NcAppSettingsShortcutsSection-DzjowBeE.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSidebar.cjs

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

package/dist/Components/NcAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSidebar-D5IUeKjd.mjs";
+import { N } from "../chunks/NcAppSidebar-CdSeLJD4.mjs";
 export {
   N as default
 };

package/dist/Components/NcAssistantButton.cjs

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

package/dist/Components/NcAssistantButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAssistantButton-lRXTGAwe.mjs";
+import { N } from "../chunks/NcAssistantButton-CjP2aanh.mjs";
 export {
   N as default
 };

package/dist/Components/NcAssistantIcon.cjs

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

package/dist/Components/NcAssistantIcon.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAssistantIcon-B9L1Ih5x.mjs";
+import { N } from "../chunks/NcAssistantIcon-wlxNsdd7.mjs";
 export {
   N as default
 };

package/dist/Components/NcAvatar.cjs

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

package/dist/Components/NcAvatar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAvatar-D5nljVEA.mjs";
+import { N } from "../chunks/NcAvatar-Cn98JTqK.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumb.cjs

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

package/dist/Components/NcBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumb-BC6tmZfd.mjs";
+import { N } from "../chunks/NcBreadcrumb-DB0OuwsV.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-7dWiGWqj.cjs");
+const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-C4T9-I6M.cjs");
 module.exports = NcBreadcrumbs.NcBreadcrumbs;
 //# sourceMappingURL=NcBreadcrumbs.cjs.map

package/dist/Components/NcBreadcrumbs.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumbs-BPfsSByZ.mjs";
+import { N } from "../chunks/NcBreadcrumbs-BizyuyGI.mjs";
 export {
   N as default
 };

package/dist/Components/NcButton.cjs

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

package/dist/Components/NcButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcButton-DUZTtFhr.mjs";
+import { N } from "../chunks/NcButton-Dz2O6cSU.mjs";
 export {
   N as default
 };

package/dist/Components/NcCheckboxRadioSwitch.cjs

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

package/dist/Components/NcCheckboxRadioSwitch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcCheckboxRadioSwitch-DAPHFb0L.mjs";
+import { N } from "../chunks/NcCheckboxRadioSwitch-CgbTELjq.mjs";
 export {
   N as default
 };

package/dist/Components/NcChip.cjs

@@ -1,11 +1,11 @@
-require('../assets/NcChip-ByvuZS2-.css');
+require('../assets/NcChip-DLfUzq07.css');
 "use strict";
-const mdi = require("../chunks/mdi-CVXTs58m.cjs");
+const mdi = require("../chunks/mdi-BLgCcHlv.cjs");
 const Vue = require("vue");
-const NcActionButton = require("../chunks/NcActionButton-BWM7FD0z.cjs");
-const NcActions = require("../chunks/NcActions-ykoV9rRj.cjs");
-const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-D-aKMbf3.cjs");
-const _l10n = require("../chunks/_l10n-B4clLGwo.cjs");
+const NcActionButton = require("../chunks/NcActionButton-jtEEPXw2.cjs");
+const NcActions = require("../chunks/NcActions-DhEGso92.cjs");
+const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-Bbl4kXZI.cjs");
+const _l10n = require("../chunks/_l10n-IBFNlYqh.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 _l10n.register(_l10n.t18);
 const _sfc_main = {
@@ -115,7 +115,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "88e86387"
+  "c8e429a5"
 );
 const NcChip = __component__.exports;
 module.exports = NcChip;

package/dist/Components/NcChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcChip.cjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircle\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette, mdiCancel, mdiCircle, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircle,\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQA,IAAAA,SAAQ;AAGtB,UAAM,cAAcC,IAAAA,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAWA,IAAAA,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcChip.cjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFileOutline\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPaletteOutline\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircleOutline\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFileOutline, mdiPaletteOutline, mdiCancel, mdiCircleOutline, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircleOutline,\n\t\t\tmdiClock,\n\t\t\tmdiFileOutline,\n\t\t\tmdiPaletteOutline,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQA,IAAAA,SAAQ;AAGtB,UAAM,cAAcC,IAAAA,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAWA,IAAAA,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcChip.mjs

@@ -1,10 +1,10 @@
-import '../assets/NcChip-ByvuZS2-.css';
-import { c as mdiClose } from "../chunks/mdi-C_j0YT8c.mjs";
+import '../assets/NcChip-DLfUzq07.css';
+import { c as mdiClose } from "../chunks/mdi-CNJ_YP0l.mjs";
 import { useSlots, computed } from "vue";
-import { N as NcActionButton } from "../chunks/NcActionButton-DykQxmXJ.mjs";
-import { N as NcActions } from "../chunks/NcActions-CpdT2y6O.mjs";
-import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-BreCg8pX.mjs";
-import { r as register, m as t18, a as t } from "../chunks/_l10n-BmKQgz1z.mjs";
+import { N as NcActionButton } from "../chunks/NcActionButton-w5F9kCHW.mjs";
+import { N as NcActions } from "../chunks/NcActions-DXfOYf3w.mjs";
+import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-Bui9PhAS.mjs";
+import { r as register, n as t18, a as t } from "../chunks/_l10n-BcrsamRV.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 register(t18);
 const _sfc_main = {
@@ -114,7 +114,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "88e86387"
+  "c8e429a5"
 );
 const NcChip = __component__.exports;
 export {

package/dist/Components/NcChip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcChip.mjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircle\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette, mdiCancel, mdiCircle, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircle,\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcChip.mjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFileOutline\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPaletteOutline\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircleOutline\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFileOutline, mdiPaletteOutline, mdiCancel, mdiCircleOutline, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircleOutline,\n\t\t\tmdiClock,\n\t\t\tmdiFileOutline,\n\t\t\tmdiPaletteOutline,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcCollectionList.cjs

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