@nextcloud/vue 8.13.0 → 8.15.0

package/dist/Components/NcRichText.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcRichText = require("../chunks/NcRichText-B0CKR0jj.cjs");
+const NcRichText = require("../chunks/NcRichText-DhS9L0ia.cjs");
 const Functions_registerReference = require("../chunks/index-Dsgv-f-l.cjs");
-const referencePickerModal = require("../chunks/referencePickerModal-D7ZD0avR.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-Dk80B426.cjs");
 exports.NcReferenceList = NcRichText.NcReferenceList;
 exports.NcRichText = NcRichText.NcRichText;
 exports.default = NcRichText.NcRichText;

package/dist/Components/NcRichText.mjs

@@ -1,7 +1,7 @@
-import { N as NcRichText } from "../chunks/NcRichText-D3knHFLh.mjs";
-import { a } from "../chunks/NcRichText-D3knHFLh.mjs";
+import { N as NcRichText } from "../chunks/NcRichText-rgX1D4Mv.mjs";
+import { a } from "../chunks/NcRichText-rgX1D4Mv.mjs";
 import { N, d, i, b, r, c, a as a2 } from "../chunks/index-BwyQ2N-M.mjs";
-import { e, f, N as N2, h, a as a3, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-CGhrhjCk.mjs";
+import { e, f, N as N2, h, a as a3, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-X5iEJq4e.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a as NcReferenceList,

package/dist/Components/NcSelect.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcSelect = require("../chunks/NcSelect-BXjYMf6X.cjs");
+const NcSelect = require("../chunks/NcSelect-CFkeC89U.cjs");
 module.exports = NcSelect.NcSelect;

package/dist/Components/NcSelect.mjs

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

package/dist/Components/NcSelectTags.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcSelectTags = require("../chunks/NcSelectTags-DzNoReBn.cjs");
+const NcSelectTags = require("../chunks/NcSelectTags-BGqJO7nz.cjs");
 module.exports = NcSelectTags.NcSelectTags;

package/dist/Components/NcSelectTags.mjs

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

package/dist/Components/NcSettingsInputText.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcSettingsInputText = require("../chunks/NcSettingsInputText-B3aogzD0.cjs");
+const NcSettingsInputText = require("../chunks/NcSettingsInputText-BHQoBpdB.cjs");
 module.exports = NcSettingsInputText.NcSettingsInputText;

package/dist/Components/NcSettingsInputText.mjs

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

package/dist/Components/NcSettingsSection.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcSettingsSection = require("../chunks/NcSettingsSection-B8Nn29kV.cjs");
+const NcSettingsSection = require("../chunks/NcSettingsSection-NrhuTTW4.cjs");
 module.exports = NcSettingsSection.NcSettingsSection;

package/dist/Components/NcSettingsSection.mjs

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

package/dist/Components/NcSettingsSelectGroup.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcSettingsSelectGroup = require("../chunks/NcSettingsSelectGroup-k5AMJoPl.cjs");
+const NcSettingsSelectGroup = require("../chunks/NcSettingsSelectGroup-DKwhOABo.cjs");
 exports.NcSettingsSelectGroup = NcSettingsSelectGroup.NcSettingsSelectGroup;
 exports.default = NcSettingsSelectGroup.NcSettingsSelectGroup;

package/dist/Components/NcSettingsSelectGroup.mjs

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

package/dist/Components/NcTextField.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcTextField = require("../chunks/NcTextField-Y_QNDoeN.cjs");
+const NcTextField = require("../chunks/NcTextField-DMo1G8i6.cjs");
 module.exports = NcTextField.NcTextField;

package/dist/Components/NcTextField.mjs

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

package/dist/Components/NcTimezonePicker.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcTimezonePicker = require("../chunks/NcTimezonePicker-DDNT7-mK.cjs");
+const NcTimezonePicker = require("../chunks/NcTimezonePicker-aP3TJBd2.cjs");
 module.exports = NcTimezonePicker.NcTimezonePicker;

package/dist/Components/NcTimezonePicker.mjs

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

package/dist/Components/NcUserBubble.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcUserBubble = require("../chunks/NcUserBubble-eXO4wtN5.cjs");
+const NcUserBubble = require("../chunks/NcUserBubble-CTJW09AG.cjs");
 module.exports = NcUserBubble.NcUserBubble;

package/dist/Components/NcUserBubble.mjs

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

package/dist/Components/NcUserStatusIcon.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcUserStatusIcon = require("../chunks/NcUserStatusIcon-J509k6M1.cjs");
+const NcUserStatusIcon = require("../chunks/NcUserStatusIcon-DAsG7fFc.cjs");
 module.exports = NcUserStatusIcon.NcUserStatusIcon;

package/dist/Components/NcUserStatusIcon.mjs

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

package/dist/Functions/reference.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Functions_registerReference = require("../chunks/index-Dsgv-f-l.cjs");
-const referencePickerModal = require("../chunks/referencePickerModal-D7ZD0avR.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-Dk80B426.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-BwyQ2N-M.mjs";
-import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-CGhrhjCk.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-X5iEJq4e.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,

package/dist/Functions/usernameToColor.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const usernameToColor = require("../chunks/usernameToColor-BKMu6XL_.cjs");
+const usernameToColor = require("../chunks/usernameToColor-B18lWdWj.cjs");
 module.exports = usernameToColor.usernameToColor;

package/dist/Functions/usernameToColor.mjs

@@ -1,4 +1,4 @@
-import { u } from "../chunks/usernameToColor-BkmF7_85.mjs";
+import { u } from "../chunks/usernameToColor-BlQigKGC.mjs";
 export {
   u as default
 };

package/dist/Mixins/clickOutsideOptions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutsideOptions.cjs","sources":["../../src/mixins/clickOutsideOptions/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport default {\n\tprops: {\n\t\t/**\n\t\t * A query-selector or an array of query-selectors\n\t\t * to be ignored when clicking outside an element\n\t\t */\n\t\texcludeClickOutsideSelectors: {\n\t\t\ttype: [String, Array],\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\tclickOutsideOptions() {\n\t\t\tconst excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors)\n\t\t\t\t? this.excludeClickOutsideSelectors\n\t\t\t\t: [this.excludeClickOutsideSelectors]\n\n\t\t\treturn { ignore: excludedQuerySelectors }\n\t\t},\n\t},\n}\n"],"names":[],"mappings":";AAKA,MAAe,sBAAA;AAAA,EACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,8BAA8B;AAAA,MAC7B,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS,MAAM,CAAE;AAAA,IACjB;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACT,sBAAsB;AACrB,YAAM,yBAAyB,MAAM,QAAQ,KAAK,4BAA4B,IAC3E,KAAK,+BACL,CAAC,KAAK,4BAA4B;AAErC,aAAO,EAAE,QAAQ,uBAAwB;AAAA,IACzC;AAAA,EACD;AACF;;"}
+{"version":3,"file":"clickOutsideOptions.cjs","sources":["../../src/mixins/clickOutsideOptions/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n// An empty comment below is needed to prevent styleguidist from using SPDX header as a mixin=component description in docs\n/** */\nexport default {\n\tprops: {\n\t\t/**\n\t\t * A query-selector or an array of query-selectors\n\t\t * to be ignored when clicking outside an element\n\t\t */\n\t\texcludeClickOutsideSelectors: {\n\t\t\ttype: [String, Array],\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\tclickOutsideOptions() {\n\t\t\tconst excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors)\n\t\t\t\t? this.excludeClickOutsideSelectors\n\t\t\t\t: [this.excludeClickOutsideSelectors]\n\n\t\t\treturn { ignore: excludedQuerySelectors }\n\t\t},\n\t},\n}\n"],"names":[],"mappings":";AAOA,MAAe,sBAAA;AAAA,EACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,8BAA8B;AAAA,MAC7B,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS,MAAM,CAAE;AAAA,IACjB;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACT,sBAAsB;AACrB,YAAM,yBAAyB,MAAM,QAAQ,KAAK,4BAA4B,IAC3E,KAAK,+BACL,CAAC,KAAK,4BAA4B;AAErC,aAAO,EAAE,QAAQ,uBAAwB;AAAA,IACzC;AAAA,EACD;AACF;;"}

package/dist/Mixins/clickOutsideOptions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutsideOptions.mjs","sources":["../../src/mixins/clickOutsideOptions/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport default {\n\tprops: {\n\t\t/**\n\t\t * A query-selector or an array of query-selectors\n\t\t * to be ignored when clicking outside an element\n\t\t */\n\t\texcludeClickOutsideSelectors: {\n\t\t\ttype: [String, Array],\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\tclickOutsideOptions() {\n\t\t\tconst excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors)\n\t\t\t\t? this.excludeClickOutsideSelectors\n\t\t\t\t: [this.excludeClickOutsideSelectors]\n\n\t\t\treturn { ignore: excludedQuerySelectors }\n\t\t},\n\t},\n}\n"],"names":[],"mappings":"AAKA,MAAe,sBAAA;AAAA,EACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,8BAA8B;AAAA,MAC7B,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS,MAAM,CAAE;AAAA,IACjB;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACT,sBAAsB;AACrB,YAAM,yBAAyB,MAAM,QAAQ,KAAK,4BAA4B,IAC3E,KAAK,+BACL,CAAC,KAAK,4BAA4B;AAErC,aAAO,EAAE,QAAQ,uBAAwB;AAAA,IACzC;AAAA,EACD;AACF;"}
+{"version":3,"file":"clickOutsideOptions.mjs","sources":["../../src/mixins/clickOutsideOptions/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n// An empty comment below is needed to prevent styleguidist from using SPDX header as a mixin=component description in docs\n/** */\nexport default {\n\tprops: {\n\t\t/**\n\t\t * A query-selector or an array of query-selectors\n\t\t * to be ignored when clicking outside an element\n\t\t */\n\t\texcludeClickOutsideSelectors: {\n\t\t\ttype: [String, Array],\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\tclickOutsideOptions() {\n\t\t\tconst excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors)\n\t\t\t\t? this.excludeClickOutsideSelectors\n\t\t\t\t: [this.excludeClickOutsideSelectors]\n\n\t\t\treturn { ignore: excludedQuerySelectors }\n\t\t},\n\t},\n}\n"],"names":[],"mappings":"AAOA,MAAe,sBAAA;AAAA,EACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,8BAA8B;AAAA,MAC7B,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS,MAAM,CAAE;AAAA,IACjB;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACT,sBAAsB;AACrB,YAAM,yBAAyB,MAAM,QAAQ,KAAK,4BAA4B,IAC3E,KAAK,+BACL,CAAC,KAAK,4BAA4B;AAErC,aAAO,EAAE,QAAQ,uBAAwB;AAAA,IACzC;AAAA,EACD;AACF;"}

package/dist/Mixins/richEditor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Mixins_richEditor = require("../chunks/index-C8XDBNYC.cjs");
+const Mixins_richEditor = require("../chunks/index-oIpl1nrk.cjs");
 require("../chunks/Linkify-yeOn5L6T.cjs");
 require("escape-html");
 require("striptags");

package/dist/Mixins/richEditor.mjs

@@ -1,4 +1,4 @@
-import { U, a, r } from "../chunks/index-CVcTbcD3.mjs";
+import { U, a, r } from "../chunks/index-DbA2OZyf.mjs";
 import "../chunks/Linkify-BtgR-dXX.mjs";
 import "escape-html";
 import "striptags";

package/dist/assets/{NcActionButton-BQGADRoe.css → NcActionButton-D90PTEA5.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-11704062] {
+.material-design-icon[data-v-dba65098] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -20,30 +20,30 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action.active[data-v-11704062] {
+li.action.active[data-v-dba65098] {
   background-color: var(--color-background-hover);
   border-radius: 6px;
   padding: 0;
 }
-.action--disabled[data-v-11704062] {
+.action--disabled[data-v-dba65098] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-11704062]:hover, .action--disabled[data-v-11704062]:focus {
+.action--disabled[data-v-dba65098]:hover, .action--disabled[data-v-dba65098]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-11704062] {
+.action--disabled *[data-v-dba65098] {
   opacity: 1 !important;
 }
-.action-button[data-v-11704062] {
+.action-button[data-v-dba65098] {
   display: flex;
   align-items: flex-start;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
-  padding-right: 14px;
+  padding-right: calc((var(--default-clickable-area) - 16px) / 2);
   box-sizing: border-box;
   cursor: pointer;
   white-space: nowrap;
@@ -54,42 +54,42 @@ li.action.active[data-v-11704062] {
   box-shadow: none;
   font-weight: normal;
   font-size: var(--default-font-size);
-  line-height: 44px;
+  line-height: var(--default-clickable-area);
 }
-.action-button > span[data-v-11704062] {
+.action-button > span[data-v-dba65098] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-button__icon[data-v-11704062] {
-  width: 44px;
-  height: 44px;
+.action-button__icon[data-v-dba65098] {
+  width: var(--default-clickable-area);
+  height: var(--default-clickable-area);
   opacity: 1;
-  background-position: 14px center;
+  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-button[data-v-11704062] .material-design-icon {
-  width: 44px;
-  height: 44px;
+.action-button[data-v-dba65098] .material-design-icon {
+  width: var(--default-clickable-area);
+  height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-button[data-v-11704062] .material-design-icon .material-design-icon__svg {
+.action-button[data-v-dba65098] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-button__longtext-wrapper[data-v-11704062], .action-button__longtext[data-v-11704062] {
+.action-button__longtext-wrapper[data-v-dba65098], .action-button__longtext[data-v-dba65098] {
   max-width: 220px;
   line-height: 1.6em;
-  padding: 10.8px 0;
+  padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
   cursor: pointer;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-button__longtext[data-v-11704062] {
+.action-button__longtext[data-v-dba65098] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-button__name[data-v-11704062] {
+.action-button__name[data-v-dba65098] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -97,11 +97,11 @@ li.action.active[data-v-11704062] {
   max-width: 100%;
   display: inline-block;
 }
-.action-button__menu-icon[data-v-11704062] {
+.action-button__menu-icon[data-v-dba65098] {
   margin-left: auto;
-  margin-right: -14px;
+  margin-right: calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action-button__pressed-icon[data-v-11704062] {
+.action-button__pressed-icon[data-v-dba65098] {
   margin-left: auto;
-  margin-right: -14px;
+  margin-right: calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }

package/dist/assets/{NcActionCaption-D-VXTPLI.css → NcActionCaption-B7FZTc3Y.css}

@@ -9,16 +9,16 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-c1bd7a39] {
+.material-design-icon[data-v-b9668c9e] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation-caption[data-v-c1bd7a39] {
+.app-navigation-caption[data-v-b9668c9e] {
   color: var(--color-text-maxcontrast);
-  line-height: 44px;
+  line-height: var(--default-clickable-area);
   white-space: nowrap;
   text-overflow: ellipsis;
   box-shadow: none !important;
@@ -26,7 +26,7 @@
   pointer-events: none;
   margin-left: 12px;
   padding-right: 14px;
-  height: 44px;
+  height: var(--default-clickable-area);
   display: flex;
   align-items: center;
 }

package/dist/assets/{NcActionRadio-mQBhh9vp.css → NcActionCheckbox-C-PJVvtb.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-5f389257] {
+.material-design-icon[data-v-4faf73ef] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -20,23 +20,23 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action.active[data-v-5f389257] {
+li.action.active[data-v-4faf73ef] {
   background-color: var(--color-background-hover);
   border-radius: 6px;
   padding: 0;
 }
-.action--disabled[data-v-5f389257] {
+.action--disabled[data-v-4faf73ef] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-5f389257]:hover, .action--disabled[data-v-5f389257]:focus {
+.action--disabled[data-v-4faf73ef]:hover, .action--disabled[data-v-4faf73ef]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-5f389257] {
+.action--disabled *[data-v-4faf73ef] {
   opacity: 1 !important;
 }
-.action-radio[data-v-5f389257] {
+.action-checkbox[data-v-4faf73ef] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -51,10 +51,10 @@ li.action.active[data-v-5f389257] {
   background-color: transparent;
   box-shadow: none;
   font-weight: normal;
-  line-height: 44px;
+  line-height: var(--default-clickable-area);
   /* checkbox/radio fixes */
 }
-.action-radio__radio[data-v-5f389257] {
+.action-checkbox__checkbox[data-v-4faf73ef] {
   position: absolute;
   top: auto;
   left: -10000px;
@@ -62,17 +62,17 @@ li.action.active[data-v-5f389257] {
   width: 1px;
   height: 1px;
 }
-.action-radio__label[data-v-5f389257] {
+.action-checkbox__label[data-v-4faf73ef] {
   display: flex;
   align-items: center;
   width: 100%;
   padding: 0 !important;
-  padding-right: 14px !important;
+  padding-right: calc((var(--default-clickable-area) - 16px) / 2) !important;
 }
-.action-radio__label[data-v-5f389257]::before {
+.action-checkbox__label[data-v-4faf73ef]::before {
   margin: 0 14px 0 !important;
 }
-.action-radio--disabled[data-v-5f389257],
-.action-radio--disabled .action-radio__label[data-v-5f389257] {
+.action-checkbox--disabled[data-v-4faf73ef],
+.action-checkbox--disabled .action-checkbox__label[data-v-4faf73ef] {
   cursor: pointer;
 }

package/dist/assets/NcActionInput-C_3Csa6A.css

@@ -0,0 +1,220 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-6ba44c48] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * color-text-lighter		normal state
+ * color-text-lighter		active state
+ * color-text-maxcontrast 	disabled state
+ */
+/* Default global values */
+button[data-v-6ba44c48]:not(.button-vue),
+input[data-v-6ba44c48]:not([type=range]),
+textarea[data-v-6ba44c48] {
+  margin: 0;
+  padding: 7px 6px;
+  cursor: text;
+  color: var(--color-text-lighter);
+  border: 1px solid var(--color-border-dark);
+  border-radius: var(--border-radius);
+  outline: none;
+  background-color: var(--color-main-background);
+  font-size: 13px;
+  /* Primary action button, use sparingly */
+}
+button[data-v-6ba44c48]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-6ba44c48]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-6ba44c48],
+input[data-v-6ba44c48]:not([type=range]):not(:disabled):not(.primary):hover,
+input[data-v-6ba44c48]:not([type=range]):not(:disabled):not(.primary):focus,
+input:not([type=range]):not(:disabled):not(.primary).active[data-v-6ba44c48],
+textarea[data-v-6ba44c48]:not(:disabled):not(.primary):hover,
+textarea[data-v-6ba44c48]:not(:disabled):not(.primary):focus,
+textarea:not(:disabled):not(.primary).active[data-v-6ba44c48] {
+  /* active class used for multiselect */
+  border-color: var(--color-primary-element);
+  outline: none;
+}
+button[data-v-6ba44c48]:not(.button-vue):not(:disabled):not(.primary):active,
+input[data-v-6ba44c48]:not([type=range]):not(:disabled):not(.primary):active,
+textarea[data-v-6ba44c48]:not(:disabled):not(.primary):active {
+  color: var(--color-text-light);
+  outline: none;
+  background-color: var(--color-main-background);
+}
+button[data-v-6ba44c48]:not(.button-vue):disabled,
+input[data-v-6ba44c48]:not([type=range]):disabled,
+textarea[data-v-6ba44c48]:disabled {
+  cursor: default;
+  opacity: 0.5;
+  color: var(--color-text-maxcontrast);
+  background-color: var(--color-background-dark);
+}
+button[data-v-6ba44c48]:not(.button-vue):required,
+input[data-v-6ba44c48]:not([type=range]):required,
+textarea[data-v-6ba44c48]:required {
+  box-shadow: none;
+}
+button[data-v-6ba44c48]:not(.button-vue):invalid,
+input[data-v-6ba44c48]:not([type=range]):invalid,
+textarea[data-v-6ba44c48]:invalid {
+  border-color: var(--color-error);
+  box-shadow: none !important;
+}
+button:not(.button-vue).primary[data-v-6ba44c48],
+input:not([type=range]).primary[data-v-6ba44c48],
+textarea.primary[data-v-6ba44c48] {
+  cursor: pointer;
+  color: var(--color-primary-element-text);
+  border-color: var(--color-primary-element);
+  background-color: var(--color-primary-element);
+}
+button:not(.button-vue).primary[data-v-6ba44c48]:not(:disabled):hover, button:not(.button-vue).primary[data-v-6ba44c48]:not(:disabled):focus, button:not(.button-vue).primary[data-v-6ba44c48]:not(:disabled):active,
+input:not([type=range]).primary[data-v-6ba44c48]:not(:disabled):hover,
+input:not([type=range]).primary[data-v-6ba44c48]:not(:disabled):focus,
+input:not([type=range]).primary[data-v-6ba44c48]:not(:disabled):active,
+textarea.primary[data-v-6ba44c48]:not(:disabled):hover,
+textarea.primary[data-v-6ba44c48]:not(:disabled):focus,
+textarea.primary[data-v-6ba44c48]:not(:disabled):active {
+  border-color: var(--color-primary-element-light);
+  background-color: var(--color-primary-element-light);
+}
+button:not(.button-vue).primary[data-v-6ba44c48]:not(:disabled):active,
+input:not([type=range]).primary[data-v-6ba44c48]:not(:disabled):active,
+textarea.primary[data-v-6ba44c48]:not(:disabled):active {
+  color: var(--color-primary-element-text-dark);
+}
+button:not(.button-vue).primary[data-v-6ba44c48]:disabled,
+input:not([type=range]).primary[data-v-6ba44c48]:disabled,
+textarea.primary[data-v-6ba44c48]:disabled {
+  cursor: default;
+  color: var(--color-primary-element-text-dark);
+  background-color: var(--color-primary-element);
+}
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+li.action.active[data-v-6ba44c48] {
+  background-color: var(--color-background-hover);
+  border-radius: 6px;
+  padding: 0;
+}
+.action--disabled[data-v-6ba44c48] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.action--disabled[data-v-6ba44c48]:hover, .action--disabled[data-v-6ba44c48]:focus {
+  cursor: default;
+  opacity: 0.5;
+}
+.action--disabled *[data-v-6ba44c48] {
+  opacity: 1 !important;
+}
+.action-input[data-v-6ba44c48] {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--color-main-text);
+  border: 0;
+  border-radius: 0;
+  background-color: transparent;
+  box-shadow: none;
+  font-weight: normal;
+}
+.action-input__icon-wrapper[data-v-6ba44c48] {
+  display: flex;
+  align-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.action-input__icon-wrapper[data-v-6ba44c48] .material-design-icon {
+  width: var(--default-clickable-area);
+  height: var(--default-clickable-area);
+  opacity: 1;
+}
+.action-input__icon-wrapper[data-v-6ba44c48] .material-design-icon .material-design-icon__svg {
+  vertical-align: middle;
+}
+.action-input > span[data-v-6ba44c48] {
+  cursor: pointer;
+  white-space: nowrap;
+}
+.action-input__icon[data-v-6ba44c48] {
+  min-width: 0; /* Overwrite icons*/
+  min-height: 0;
+  padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
+  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
+  background-size: 16px;
+}
+.action-input__form[data-v-6ba44c48] {
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  margin: 4px 0;
+  padding-right: calc((var(--default-clickable-area) - 16px) / 2);
+}
+.action-input__container[data-v-6ba44c48] {
+  width: 100%;
+}
+.action-input__input-container[data-v-6ba44c48] {
+  display: flex;
+}
+.action-input__input-container .colorpicker__trigger[data-v-6ba44c48], .action-input__input-container .colorpicker__preview[data-v-6ba44c48] {
+  width: 100%;
+}
+.action-input__input-container .colorpicker__preview[data-v-6ba44c48] {
+  width: 100%;
+  height: 36px;
+  border-radius: var(--border-radius-large);
+  border: 2px solid var(--color-border-maxcontrast);
+  box-shadow: none !important;
+}
+.action-input__text-label[data-v-6ba44c48] {
+  padding: 4px 0;
+  display: block;
+}
+.action-input__text-label--hidden[data-v-6ba44c48] {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+.action-input__datetimepicker[data-v-6ba44c48] {
+  width: 100%;
+}
+.action-input__datetimepicker[data-v-6ba44c48] .mx-input {
+  margin: 0;
+}
+.action-input__multi[data-v-6ba44c48] {
+  width: 100%;
+}
+li:last-child > .action-input[data-v-6ba44c48] {
+  padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
+}
+li:first-child > .action-input[data-v-6ba44c48]:not(.action-input--visible-label) {
+  padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
+}