@nextcloud/vue 8.11.1 → 8.11.3

package/dist/assets/{NcRelatedResourcesPanel-D6K7OQFJ.css → NcRelatedResourcesPanel-BrXxbjgR.css}

@@ -1,4 +1,28 @@
 @charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-018e1c98] {
   display: flex;
   align-self: center;
@@ -7,7 +31,7 @@
   justify-content: center;
 }
 .team-resources__header[data-v-018e1c98] {
-  font-weight: 700;
+  font-weight: bold;
   margin-bottom: 6px;
 }
 .related-team[data-v-018e1c98] {
@@ -19,7 +43,8 @@
   border-color: var(--color-primary-element);
 }
 .related-team__header[data-v-018e1c98] {
-  padding: 6px 24px 6px 6px;
+  padding: 6px;
+  padding-right: 24px;
   display: flex;
   gap: 12px;
 }
@@ -29,21 +54,21 @@
   align-items: center;
   gap: 12px;
   padding: 6px 12px;
-  font-weight: 700;
+  font-weight: bold;
   margin: 0;
 }
 .related-team .related-team-provider[data-v-018e1c98] {
   padding: 6px 12px;
 }
 .related-team .related-team-provider__name[data-v-018e1c98] {
-  font-weight: 700;
+  font-weight: bold;
   margin-bottom: 3px;
 }
 .related-team .related-team-provider__link[data-v-018e1c98] {
   display: flex;
   gap: 12px;
   padding: 6px 12px;
-  font-weight: 700;
+  font-weight: bold;
 }
 .related-team .related-team-resource__link[data-v-018e1c98] {
   display: flex;
@@ -73,6 +98,30 @@
   width: 32px;
   height: 32px;
 }
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-dd53e5b9] {
   display: flex;
   align-self: center;
@@ -94,7 +143,7 @@
   justify-content: flex-start !important;
 }
 .resource__button[data-v-dd53e5b9] .button-vue__wrapper .button-vue__text {
-  font-weight: 400 !important;
+  font-weight: normal !important;
   margin-left: 2px !important;
 }
 .resource__icon[data-v-dd53e5b9] {
@@ -132,6 +181,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-8855c164] {
   display: flex;
   align-self: center;
@@ -140,9 +192,9 @@
   justify-content: center;
 }
 .related-resources__header h5[data-v-8855c164] {
-  font-weight: 700;
+  font-weight: bold;
   margin-bottom: 6px;
 }
 .related-resources__header p[data-v-8855c164] {
   color: var(--color-text-maxcontrast);
-}
+}

package/dist/assets/{NcRichContenteditable-BQ2-fqnd.css → NcRichContenteditable-C-eZyVQM.css}

@@ -1,4 +1,28 @@
 @charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-41703e53] {
   display: flex;
   align-self: center;
@@ -57,8 +81,7 @@
   min-width: 0;
   padding-left: calc(var(--default-grid-baseline) * 2);
 }
-.autocomplete-result__title[data-v-41703e53],
-.autocomplete-result__subline[data-v-41703e53] {
+.autocomplete-result__title[data-v-41703e53], .autocomplete-result__subline[data-v-41703e53] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -66,6 +89,30 @@
 .autocomplete-result__subline[data-v-41703e53] {
   color: var(--color-text-maxcontrast);
 }
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-2d2d4f42] {
   display: flex;
   align-self: center;
@@ -88,15 +135,9 @@
   overflow: hidden;
   text-overflow: ellipsis;
   pointer-events: none;
-  transition:
-    height var(--animation-quick),
-    inset-block-start var(--animation-quick),
-    font-size var(--animation-quick),
-    color var(--animation-quick),
-    background-color var(--animation-quick) var(--animation-slow);
-}
-.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-2d2d4f42],
-.rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-2d2d4f42] {
+  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
+}
+.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-2d2d4f42], .rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-2d2d4f42] {
   inset-block-start: -10px;
   line-height: 1.5;
   font-size: 13px;
@@ -105,11 +146,7 @@
   background-color: var(--color-main-background);
   padding-inline: 5px;
   margin-inline-start: 9px;
-  transition:
-    height var(--animation-quick),
-    inset-block-start var(--animation-quick),
-    font-size var(--animation-quick),
-    color var(--animation-quick);
+  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
 }
 .rich-contenteditable__input[data-v-2d2d4f42] {
   overflow-y: auto;
@@ -132,8 +169,7 @@
 .rich-contenteditable__input--has-label[data-v-2d2d4f42] {
   margin-top: 10px;
 }
-.rich-contenteditable__input--empty[data-v-2d2d4f42]:focus:before,
-.rich-contenteditable__input--empty[data-v-2d2d4f42]:not(.rich-contenteditable__input--has-label):before {
+.rich-contenteditable__input--empty[data-v-2d2d4f42]:focus:before, .rich-contenteditable__input--empty[data-v-2d2d4f42]:not(.rich-contenteditable__input--has-label):before {
   content: attr(aria-placeholder);
   color: var(--color-text-maxcontrast);
   position: absolute;
@@ -151,7 +187,7 @@
   max-height: none;
 }
 .rich-contenteditable__input--disabled[data-v-2d2d4f42] {
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-maxcontrast);
   border: 2px solid var(--color-background-darker);
   border-radius: var(--border-radius);
@@ -178,6 +214,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 ._material-design-icon_pq0s6_26 {
   display: flex;
   align-self: center;
@@ -211,8 +250,7 @@
   color: var(--color-main-text);
   background: var(--color-background-hover);
 }
-._tribute-container_pq0s6_34 ._tribute-container__item_pq0s6_46.highlight,
-._tribute-container_pq0s6_34 ._tribute-container__item_pq0s6_46.highlight * {
+._tribute-container_pq0s6_34 ._tribute-container__item_pq0s6_46.highlight, ._tribute-container_pq0s6_34 ._tribute-container__item_pq0s6_46.highlight * {
   cursor: pointer;
 }
 ._tribute-container_pq0s6_34._tribute-container--focus-visible_pq0s6_63 .highlight._tribute-container__item_pq0s6_46 {
@@ -259,4 +297,4 @@
   object-fit: contain;
   padding-right: calc(var(--default-grid-baseline) * 2);
   filter: var(--background-invert-if-dark);
-}
+}

package/dist/assets/NcRichText-Cdp_2wEm.css

@@ -0,0 +1,240 @@
+@charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-84219a41] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.widget--list[data-v-84219a41] {
+  width: var(--widget-full-width, 100%);
+}
+.widgets--list.icon-loading[data-v-84219a41] {
+  min-height: 44px;
+}
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-6233f030] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+/* stylelint-disable-next-line scss/at-import-partial-extension */
+/**
+ * Styles are extracted to extract scss to dist folder, too.
+ */
+li.task-list-item > ul[data-v-6233f030],
+li.task-list-item > ol[data-v-6233f030],
+li.task-list-item > li[data-v-6233f030],
+li.task-list-item > blockquote[data-v-6233f030],
+li.task-list-item > pre[data-v-6233f030] {
+  margin-inline-start: 15px;
+  margin-block-end: 0;
+}
+.rich-text--wrapper[data-v-6233f030] {
+  word-break: break-word;
+  line-height: 1.5;
+}
+.rich-text--wrapper .rich-text--fallback[data-v-6233f030], .rich-text--wrapper .rich-text-component[data-v-6233f030] {
+  display: inline;
+}
+.rich-text--wrapper .rich-text--external-link[data-v-6233f030] {
+  text-decoration: underline;
+}
+.rich-text--wrapper .rich-text--external-link[data-v-6233f030]:after {
+  content: " ↗";
+}
+.rich-text--wrapper .rich-text--ordered-list .rich-text--list-item[data-v-6233f030] {
+  list-style: decimal;
+}
+.rich-text--wrapper .rich-text--un-ordered-list .rich-text--list-item[data-v-6233f030] {
+  list-style: initial;
+}
+.rich-text--wrapper .rich-text--list-item[data-v-6233f030] {
+  white-space: initial;
+  color: var(--color-text-light);
+  padding: initial;
+  margin-left: 20px;
+}
+.rich-text--wrapper .rich-text--list-item.task-list-item[data-v-6233f030] {
+  list-style: none;
+  white-space: initial;
+  color: var(--color-text-light);
+}
+.rich-text--wrapper .rich-text--list-item.task-list-item input[data-v-6233f030] {
+  min-height: initial;
+}
+.rich-text--wrapper .rich-text--strong[data-v-6233f030] {
+  white-space: initial;
+  font-weight: bold;
+  color: var(--color-text-light);
+}
+.rich-text--wrapper .rich-text--italic[data-v-6233f030] {
+  white-space: initial;
+  font-style: italic;
+  color: var(--color-text-light);
+}
+.rich-text--wrapper .rich-text--heading[data-v-6233f030] {
+  white-space: initial;
+  font-size: initial;
+  color: var(--color-text-light);
+  margin-bottom: 5px;
+  margin-top: 5px;
+  font-weight: bold;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-1[data-v-6233f030] {
+  font-size: 20px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-2[data-v-6233f030] {
+  font-size: 19px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-3[data-v-6233f030] {
+  font-size: 18px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-4[data-v-6233f030] {
+  font-size: 17px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-5[data-v-6233f030] {
+  font-size: 16px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-6[data-v-6233f030] {
+  font-size: 15px;
+}
+.rich-text--wrapper .rich-text--hr[data-v-6233f030] {
+  border-top: 1px solid var(--color-border-dark);
+  border-bottom: 0;
+}
+.rich-text--wrapper .rich-text--pre[data-v-6233f030] {
+  border: 1px solid var(--color-border-dark);
+  background-color: var(--color-background-dark);
+  padding: 5px;
+}
+.rich-text--wrapper .rich-text--code[data-v-6233f030] {
+  background-color: var(--color-background-dark);
+}
+.rich-text--wrapper .rich-text--blockquote[data-v-6233f030] {
+  border-left: 3px solid var(--color-border-dark);
+  padding-left: 5px;
+}
+.rich-text--wrapper .rich-text--table[data-v-6233f030] {
+  border-collapse: collapse;
+}
+.rich-text--wrapper .rich-text--table thead tr th[data-v-6233f030] {
+  border: 1px solid var(--color-border-dark);
+  font-weight: bold;
+  padding: 6px 13px;
+}
+.rich-text--wrapper .rich-text--table tbody tr td[data-v-6233f030] {
+  border: 1px solid var(--color-border-dark);
+  padding: 6px 13px;
+}
+.rich-text--wrapper .rich-text--table tbody tr[data-v-6233f030]:nth-child(even) {
+  background-color: var(--color-background-dark);
+}
+.rich-text--wrapper-markdown div > *[data-v-6233f030]:first-child,
+.rich-text--wrapper-markdown blockquote > *[data-v-6233f030]:first-child {
+  margin-top: 0 !important;
+}
+.rich-text--wrapper-markdown div > *[data-v-6233f030]:last-child,
+.rich-text--wrapper-markdown blockquote > *[data-v-6233f030]:last-child {
+  margin-bottom: 0 !important;
+}
+.rich-text--wrapper-markdown h1[data-v-6233f030], .rich-text--wrapper-markdown h2[data-v-6233f030], .rich-text--wrapper-markdown h3[data-v-6233f030], .rich-text--wrapper-markdown h4[data-v-6233f030], .rich-text--wrapper-markdown h5[data-v-6233f030], .rich-text--wrapper-markdown h6[data-v-6233f030], .rich-text--wrapper-markdown p[data-v-6233f030], .rich-text--wrapper-markdown ul[data-v-6233f030], .rich-text--wrapper-markdown ol[data-v-6233f030], .rich-text--wrapper-markdown blockquote[data-v-6233f030], .rich-text--wrapper-markdown pre[data-v-6233f030] {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+.rich-text--wrapper-markdown h1[data-v-6233f030], .rich-text--wrapper-markdown h2[data-v-6233f030], .rich-text--wrapper-markdown h3[data-v-6233f030], .rich-text--wrapper-markdown h4[data-v-6233f030], .rich-text--wrapper-markdown h5[data-v-6233f030], .rich-text--wrapper-markdown h6[data-v-6233f030] {
+  font-weight: bold;
+}
+.rich-text--wrapper-markdown h1[data-v-6233f030] {
+  font-size: 30px;
+}
+.rich-text--wrapper-markdown ul[data-v-6233f030], .rich-text--wrapper-markdown ol[data-v-6233f030] {
+  padding-left: 15px;
+}
+.rich-text--wrapper-markdown ul[data-v-6233f030] {
+  list-style-type: disc;
+}
+.rich-text--wrapper-markdown ul.contains-task-list[data-v-6233f030] {
+  list-style-type: none;
+  padding: 0;
+}
+.rich-text--wrapper-markdown table[data-v-6233f030] {
+  border-collapse: collapse;
+  border: 2px solid var(--color-border-maxcontrast);
+}
+.rich-text--wrapper-markdown table th[data-v-6233f030],
+.rich-text--wrapper-markdown table td[data-v-6233f030] {
+  padding: var(--default-grid-baseline);
+  border: 1px solid var(--color-border-maxcontrast);
+}
+.rich-text--wrapper-markdown table th[data-v-6233f030]:first-child,
+.rich-text--wrapper-markdown table td[data-v-6233f030]:first-child {
+  border-left: 0;
+}
+.rich-text--wrapper-markdown table th[data-v-6233f030]:last-child,
+.rich-text--wrapper-markdown table td[data-v-6233f030]:last-child {
+  border-right: 0;
+}
+.rich-text--wrapper-markdown table tr:first-child th[data-v-6233f030] {
+  border-top: 0;
+}
+.rich-text--wrapper-markdown table tr:last-child td[data-v-6233f030] {
+  border-bottom: 0;
+}
+.rich-text--wrapper-markdown blockquote[data-v-6233f030] {
+  padding-left: 13px;
+  border-left: 2px solid var(--color-border-dark);
+  color: var(--color-text-lighter);
+}
+a[data-v-6233f030]:not(.rich-text--component) {
+  text-decoration: underline;
+}

package/dist/assets/{NcSelect-4aBmXHhA.css → NcSelect-Fmyu7qyl.css}

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon {
   display: flex;
   align-self: center;
@@ -28,11 +31,18 @@
   justify-content: center;
 }
 body {
+  /**
+   * Set custom vue-select CSS variables.
+   * Needs to be on the body (not :root) for theming to apply (see nextcloud/server#36462)
+   */
+  /* Search Input */
   --vs-search-input-color: var(--color-main-text);
   --vs-search-input-bg: var(--color-main-background);
   --vs-search-input-placeholder-color: var(--color-text-maxcontrast);
+  /* Font */
   --vs-font-size: var(--default-font-size);
   --vs-line-height: var(--default-line-height);
+  /* Disabled State */
   --vs-state-disabled-bg: var(--color-background-hover);
   --vs-state-disabled-color: var(--color-text-maxcontrast);
   --vs-state-disabled-controls-color: var(--color-text-maxcontrast);
@@ -40,30 +50,41 @@ body {
   --vs-disabled-bg: var(--color-background-hover);
   --vs-disabled-color: var(--color-text-maxcontrast);
   --vs-disabled-cursor: not-allowed;
+  /* Borders */
   --vs-border-color: var(--color-border-maxcontrast);
   --vs-border-width: 2px;
   --vs-border-style: solid;
   --vs-border-radius: var(--border-radius-large);
+  /* Component Controls: Clear, Open Indicator */
   --vs-controls-color: var(--color-main-text);
+  /* Selected */
   --vs-selected-bg: var(--color-background-hover);
   --vs-selected-color: var(--color-main-text);
   --vs-selected-border-color: var(--vs-border-color);
   --vs-selected-border-style: var(--vs-border-style);
   --vs-selected-border-width: var(--vs-border-width);
+  /* Dropdown */
   --vs-dropdown-bg: var(--color-main-background);
   --vs-dropdown-color: var(--color-main-text);
   --vs-dropdown-z-index: 9999;
   --vs-dropdown-box-shadow: 0px 2px 2px 0px var(--color-box-shadow);
+  /* Options */
   --vs-dropdown-option-padding: 8px 20px;
+  /* Active State */
   --vs-dropdown-option--active-bg: var(--color-background-hover);
   --vs-dropdown-option--active-color: var(--color-main-text);
+  /* Keyboard Focus State */
   --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--vs-border-color);
+  /* Deselect State */
   --vs-dropdown-option--deselect-bg: var(--color-error);
   --vs-dropdown-option--deselect-color: #fff;
+  /* Transitions */
   --vs-transition-duration: 0ms;
+  /* Actions */
   --vs-actions-padding: 0 8px 0 4px;
 }
 .v-select.select {
+  /* Override default vue-select styles */
   min-height: 44px;
   min-width: 260px;
   margin: 0;
@@ -82,12 +103,18 @@ body {
 .v-select.select .vs__search {
   text-overflow: ellipsis;
 }
-.v-select.select .vs__search,
-.v-select.select .vs__search:focus {
+.v-select.select .vs__search, .v-select.select .vs__search:focus {
   margin: 2px 0 0;
 }
 .v-select.select .vs__dropdown-toggle {
+  position: relative;
+  max-height: 100px;
   padding: 0;
+  overflow-y: auto;
+}
+.v-select.select .vs__actions {
+  position: sticky;
+  top: 0;
 }
 .v-select.select .vs__clear {
   margin-right: 2px;
@@ -128,8 +155,7 @@ body {
 .v-select.select .vs__selected-options .vs__selected ~ .vs__search[readonly] {
   position: absolute;
 }
-.v-select.select.vs--single.vs--loading .vs__selected,
-.v-select.select.vs--single.vs--open .vs__selected {
+.v-select.select.vs--single.vs--loading .vs__selected, .v-select.select.vs--single.vs--open .vs__selected {
   max-width: 100%;
   opacity: 1;
   color: var(--color-text-maxcontrast);
@@ -143,13 +169,11 @@ body {
 .vs__dropdown-menu {
   border-color: var(--color-main-text) !important;
   outline: none !important;
-  box-shadow:
-    -2px 0 0 var(--color-main-background),
-    0 2px 0 var(--color-main-background),
-    2px 0 0 var(--color-main-background), !important;
+  box-shadow: -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
   padding: 4px !important;
 }
 .vs__dropdown-menu--floating {
+  /* Fallback styles overidden by programmatically set inline styles */
   width: max-content;
   position: absolute;
   top: 0;
@@ -159,10 +183,7 @@ body {
   border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0 !important;
   border-top-style: var(--vs-border-style) !important;
   border-bottom-style: none !important;
-  box-shadow:
-    0 -2px 0 var(--color-main-background),
-    -2px 0 0 var(--color-main-background),
-    2px 0 0 var(--color-main-background), !important;
+  box-shadow: 0 -2px 0 var(--color-main-background), -2px 0 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
 }
 .vs__dropdown-menu .vs__dropdown-option {
   border-radius: 6px !important;
@@ -172,4 +193,4 @@ body {
 }
 .user-select .vs__selected {
   padding: 0 2px !important;
-}
+}

package/dist/assets/{NcSettingsInputText-w-LprdjK.css → NcSettingsInputText-CU65Coab.css}

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-5b140fb6] {
   display: flex;
   align-self: center;
@@ -43,4 +46,4 @@
 .input-wrapper .hint[data-v-5b140fb6] {
   color: var(--color-text-maxcontrast);
   margin-left: 8px;
-}
+}