@nextcloud/vue 9.2.0 → 9.3.1

package/dist/assets/{NcRichText-QPnpxaeG.css → NcRichText-RvICaxkO.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ddd65c9e] {
+.material-design-icon[data-v-cd116174] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.widgets--list[data-v-ddd65c9e] {
+.widgets--list[data-v-cd116174] {
   width: 100%;
   min-height: var(--default-clickable-area);
 }
@@ -31,7 +31,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-1c39837f] {
+.material-design-icon[data-v-a47e4ba7] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -50,209 +50,209 @@
 * - dark theme: highlight.js/styles/github-dark.css
 * and reworked to use with Nextcloud dark and light theme
 */
-.rich-text--wrapper[data-v-1c39837f] {
+.rich-text--wrapper[data-v-a47e4ba7] {
   overflow-wrap: break-word;
   line-height: 1.5;
 }
-.rich-text--wrapper .rich-text--fallback[data-v-1c39837f], .rich-text--wrapper .rich-text-component[data-v-1c39837f] {
+.rich-text--wrapper .rich-text--fallback[data-v-a47e4ba7], .rich-text--wrapper .rich-text-component[data-v-a47e4ba7] {
   display: inline;
 }
-.rich-text--wrapper .rich-text--external-link[data-v-1c39837f] {
+.rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7] {
   text-decoration: underline;
 }
-.rich-text--wrapper .rich-text--external-link[data-v-1c39837f]:after {
+.rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7]:after {
   content: " ↗";
 }
 
 /* Markdown styles */
-.rich-text--wrapper-markdown[data-v-1c39837f] {
+.rich-text--wrapper-markdown[data-v-a47e4ba7] {
   tab-size: 4;
 }
-.rich-text--wrapper-markdown[data-v-1c39837f] > :first-child,
-.rich-text--wrapper-markdown div[data-v-1c39837f] > :first-child,
-.rich-text--wrapper-markdown blockquote[data-v-1c39837f] > :first-child {
+.rich-text--wrapper-markdown[data-v-a47e4ba7] > :first-child,
+.rich-text--wrapper-markdown div[data-v-a47e4ba7] > :first-child,
+.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :first-child {
   margin-top: 0 !important;
 }
-.rich-text--wrapper-markdown[data-v-1c39837f] > :last-child, .rich-text--wrapper-markdown[data-v-1c39837f] > *:has(+ .rich-text--reference-widget),
-.rich-text--wrapper-markdown div[data-v-1c39837f] > :last-child,
-.rich-text--wrapper-markdown blockquote[data-v-1c39837f] > :last-child {
+.rich-text--wrapper-markdown[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown[data-v-a47e4ba7] > *:has(+ .rich-text--reference-widget),
+.rich-text--wrapper-markdown div[data-v-a47e4ba7] > :last-child,
+.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :last-child {
   margin-block-end: 0 !important;
 }
-.rich-text--wrapper-markdown blockquote[data-v-1c39837f] {
+.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] {
   padding-inline-start: 13px;
   border-inline-start: 2px solid var(--color-border-dark);
   color: var(--color-text-maxcontrast);
 }
-.rich-text--wrapper-markdown h1[data-v-1c39837f], .rich-text--wrapper-markdown h2[data-v-1c39837f], .rich-text--wrapper-markdown h3[data-v-1c39837f], .rich-text--wrapper-markdown h4[data-v-1c39837f], .rich-text--wrapper-markdown h5[data-v-1c39837f], .rich-text--wrapper-markdown h6[data-v-1c39837f], .rich-text--wrapper-markdown p[data-v-1c39837f], .rich-text--wrapper-markdown ul[data-v-1c39837f], .rich-text--wrapper-markdown ol[data-v-1c39837f], .rich-text--wrapper-markdown blockquote[data-v-1c39837f], .rich-text--wrapper-markdown pre[data-v-1c39837f] {
+.rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7], .rich-text--wrapper-markdown p[data-v-a47e4ba7], .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7], .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown pre[data-v-a47e4ba7] {
   margin-top: 0;
   margin-block-end: 1em;
 }
-.rich-text--wrapper-markdown h1[data-v-1c39837f], .rich-text--wrapper-markdown h2[data-v-1c39837f], .rich-text--wrapper-markdown h3[data-v-1c39837f], .rich-text--wrapper-markdown h4[data-v-1c39837f], .rich-text--wrapper-markdown h5[data-v-1c39837f], .rich-text--wrapper-markdown h6[data-v-1c39837f] {
+.rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7] {
   font-weight: bold;
 }
-.rich-text--wrapper-markdown h4[data-v-1c39837f] {
+.rich-text--wrapper-markdown h4[data-v-a47e4ba7] {
   font-size: 20px;
 }
-.rich-text--wrapper-markdown h5[data-v-1c39837f] {
+.rich-text--wrapper-markdown h5[data-v-a47e4ba7] {
   font-size: 18px;
 }
-.rich-text--wrapper-markdown h6[data-v-1c39837f] {
+.rich-text--wrapper-markdown h6[data-v-a47e4ba7] {
   font-size: 15px;
 }
-.rich-text--wrapper-markdown ul[data-v-1c39837f], .rich-text--wrapper-markdown ol[data-v-1c39837f] {
+.rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7] {
   padding-inline-start: 4ch;
 }
-.rich-text--wrapper-markdown ul[data-v-1c39837f] {
+.rich-text--wrapper-markdown ul[data-v-a47e4ba7] {
   list-style-type: disc;
 }
-.rich-text--wrapper-markdown[data-v-1c39837f] {
+.rich-text--wrapper-markdown[data-v-a47e4ba7] {
   /* Flavored Markdown styles */
 }
-.rich-text--wrapper-markdown ul.contains-task-list[data-v-1c39837f] {
+.rich-text--wrapper-markdown ul.contains-task-list[data-v-a47e4ba7] {
   list-style-type: none;
   padding: 0;
 }
-.rich-text--wrapper-markdown li.task-list-item > ul[data-v-1c39837f],
-.rich-text--wrapper-markdown li.task-list-item > ol[data-v-1c39837f],
-.rich-text--wrapper-markdown li.task-list-item > li[data-v-1c39837f],
-.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-1c39837f],
-.rich-text--wrapper-markdown li.task-list-item > pre[data-v-1c39837f] {
+.rich-text--wrapper-markdown li.task-list-item > ul[data-v-a47e4ba7],
+.rich-text--wrapper-markdown li.task-list-item > ol[data-v-a47e4ba7],
+.rich-text--wrapper-markdown li.task-list-item > li[data-v-a47e4ba7],
+.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-a47e4ba7],
+.rich-text--wrapper-markdown li.task-list-item > pre[data-v-a47e4ba7] {
   margin-inline-start: 15px;
   margin-block-end: 0;
 }
-.rich-text--wrapper-markdown pre[data-v-1c39837f] {
+.rich-text--wrapper-markdown pre[data-v-a47e4ba7] {
   direction: ltr;
 }
-.rich-text--wrapper-markdown table[data-v-1c39837f] {
+.rich-text--wrapper-markdown table[data-v-a47e4ba7] {
   border-collapse: collapse;
   border: 2px solid var(--color-border-maxcontrast);
 }
-.rich-text--wrapper-markdown table th[data-v-1c39837f],
-.rich-text--wrapper-markdown table td[data-v-1c39837f] {
+.rich-text--wrapper-markdown table th[data-v-a47e4ba7],
+.rich-text--wrapper-markdown table td[data-v-a47e4ba7] {
   padding: var(--default-grid-baseline);
   border: 1px solid var(--color-border-maxcontrast);
 }
-.rich-text--wrapper-markdown table th[data-v-1c39837f]:first-child,
-.rich-text--wrapper-markdown table td[data-v-1c39837f]:first-child {
+.rich-text--wrapper-markdown table th[data-v-a47e4ba7]:first-child,
+.rich-text--wrapper-markdown table td[data-v-a47e4ba7]:first-child {
   border-inline-start: 0;
 }
-.rich-text--wrapper-markdown table th[data-v-1c39837f]:last-child,
-.rich-text--wrapper-markdown table td[data-v-1c39837f]:last-child {
+.rich-text--wrapper-markdown table th[data-v-a47e4ba7]:last-child,
+.rich-text--wrapper-markdown table td[data-v-a47e4ba7]:last-child {
   border-inline-end: 0;
 }
-.rich-text--wrapper-markdown table tr:first-child th[data-v-1c39837f] {
+.rich-text--wrapper-markdown table tr:first-child th[data-v-a47e4ba7] {
   border-top: 0;
 }
-.rich-text--wrapper-markdown table tr:last-child td[data-v-1c39837f] {
+.rich-text--wrapper-markdown table tr:last-child td[data-v-a47e4ba7] {
   border-block-end: 0;
 }
 
 /* Highlight code syntax in code blocks */
 /* stylelint-disable-next-line no-duplicate-selectors */
-.rich-text--wrapper-markdown pre[data-v-1c39837f]:has(.hljs) {
+.rich-text--wrapper-markdown .rich-text__code-block[data-v-a47e4ba7]:has(.hljs) {
   color: var(--hljs-color);
   background: var(--hljs-background-color);
 }
-.rich-text--wrapper-markdown .hljs-doctag[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-keyword[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-template-tag[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-template-variable[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-type[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-variable.language_[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-doctag[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-keyword[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-template-tag[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-template-variable[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-type[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-variable.language_[data-v-a47e4ba7] {
   /* prettylights-syntax-keyword */
   color: var(--hljs-syntax-keyword-color);
 }
-.rich-text--wrapper-markdown .hljs-title[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-title.class_[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-title.function_[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-title[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-title.class_[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-title.function_[data-v-a47e4ba7] {
   /* prettylights-syntax-entity */
   color: var(--hljs-syntax-entity-color);
 }
-.rich-text--wrapper-markdown .hljs-attr[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-attribute[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-literal[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-meta[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-number[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-operator[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-variable[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-selector-attr[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-selector-class[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-selector-id[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-attr[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-attribute[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-literal[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-meta[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-number[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-operator[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-variable[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-selector-attr[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-selector-class[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-selector-id[data-v-a47e4ba7] {
   /* prettylights-syntax-constant */
   color: var(--hljs-syntax-constant-color);
 }
-.rich-text--wrapper-markdown .hljs-regexp[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-string[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-regexp[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-string[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-a47e4ba7] {
   /* prettylights-syntax-string */
   color: var(--hljs-syntax-string-color);
 }
-.rich-text--wrapper-markdown .hljs-built_in[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-symbol[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-built_in[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-symbol[data-v-a47e4ba7] {
   /* prettylights-syntax-variable */
   color: var(--hljs-syntax-variable-color);
 }
-.rich-text--wrapper-markdown .hljs-comment[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-code[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-formula[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-comment[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-code[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-formula[data-v-a47e4ba7] {
   /* prettylights-syntax-comment */
   color: var(--hljs-syntax-comment-color);
 }
-.rich-text--wrapper-markdown .hljs-name[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-quote[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-selector-tag[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-name[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-quote[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-selector-tag[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-a47e4ba7] {
   /* prettylights-syntax-entity-tag */
   color: var(--hljs-syntax-entity-tag-color);
 }
-.rich-text--wrapper-markdown .hljs-subst[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-subst[data-v-a47e4ba7] {
   /* prettylights-syntax-storage-modifier-import */
   color: var(--hljs-syntax-storage-modifier-import-color);
 }
-.rich-text--wrapper-markdown .hljs-section[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-section[data-v-a47e4ba7] {
   /* prettylights-syntax-markup-heading */
   color: var(--hljs-syntax-markup-heading-color);
   font-weight: bold;
 }
-.rich-text--wrapper-markdown .hljs-bullet[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-bullet[data-v-a47e4ba7] {
   /* prettylights-syntax-markup-list */
   color: var(--hljs-syntax-markup-list-color);
 }
-.rich-text--wrapper-markdown .hljs-emphasis[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-emphasis[data-v-a47e4ba7] {
   /* prettylights-syntax-markup-italic */
   color: var(--hljs-syntax-markup-italic-color);
   font-style: italic;
 }
-.rich-text--wrapper-markdown .hljs-strong[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-strong[data-v-a47e4ba7] {
   /* prettylights-syntax-markup-bold */
   color: var(--hljs-syntax-markup-bold-color);
   font-weight: bold;
 }
-.rich-text--wrapper-markdown .hljs-addition[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-addition[data-v-a47e4ba7] {
   /* prettylights-syntax-markup-inserted */
   color: var(--hljs-syntax-markup-inserted-color);
   background-color: var(--hljs-syntax-markup-inserted-background-color);
 }
-.rich-text--wrapper-markdown .hljs-deletion[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-deletion[data-v-a47e4ba7] {
   /* prettylights-syntax-markup-deleted */
   color: var(--hljs-syntax-markup-deleted-color);
   background-color: var(--hljs-syntax-markup-deleted-background-color);
 }
-.rich-text--wrapper-markdown .hljs-char.escape_[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-link[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-params[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-property[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-punctuation[data-v-1c39837f],
-.rich-text--wrapper-markdown .hljs-tag[data-v-1c39837f] {
+.rich-text--wrapper-markdown .hljs-char.escape_[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-link[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-params[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-property[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-punctuation[data-v-a47e4ba7],
+.rich-text--wrapper-markdown .hljs-tag[data-v-a47e4ba7] {
   /* purposely ignored */
 }
-a[data-v-1c39837f]:not(.rich-text--component) {
+a[data-v-a47e4ba7]:not(.rich-text--component) {
   text-decoration: underline;
 }
 @media (prefers-color-scheme: light) {
-.rich-text--wrapper-markdown[data-v-1c39837f] {
+.rich-text--wrapper-markdown[data-v-a47e4ba7] {
     --hljs-color: var(--color-main-text, #24292e);
     --hljs-background-color: var(--color-background-dark, #ffffff);
     --hljs-syntax-keyword-color: #d73a49;
@@ -272,7 +272,7 @@ a[data-v-1c39837f]:not(.rich-text--component) {
     --hljs-syntax-markup-deleted-color: #b31d28;
     --hljs-syntax-markup-deleted-background-color: #ffeef0;
 }
-[data-theme-dark] .rich-text--wrapper-markdown[data-v-1c39837f] {
+[data-theme-dark] .rich-text--wrapper-markdown[data-v-a47e4ba7] {
     --hljs-color: var(--color-main-text, #c9d1d9);
     --hljs-background-color: var(--color-background-dark, #0d1117);
     --hljs-syntax-keyword-color: #ff7b72;
@@ -294,7 +294,7 @@ a[data-v-1c39837f]:not(.rich-text--component) {
 }
 }
 @media (prefers-color-scheme: dark) {
-.rich-text--wrapper-markdown[data-v-1c39837f] {
+.rich-text--wrapper-markdown[data-v-a47e4ba7] {
     --hljs-color: var(--color-main-text, #c9d1d9);
     --hljs-background-color: var(--color-background-dark, #0d1117);
     --hljs-syntax-keyword-color: #ff7b72;
@@ -314,7 +314,7 @@ a[data-v-1c39837f]:not(.rich-text--component) {
     --hljs-syntax-markup-deleted-color: #ffdcd7;
     --hljs-syntax-markup-deleted-background-color: #67060c;
 }
-[data-theme-light] .rich-text--wrapper-markdown[data-v-1c39837f] {
+[data-theme-light] .rich-text--wrapper-markdown[data-v-a47e4ba7] {
     --hljs-color: var(--color-main-text, #24292e);
     --hljs-background-color: var(--color-background-dark, #ffffff);
     --hljs-syntax-keyword-color: #d73a49;
@@ -334,4 +334,21 @@ a[data-v-1c39837f]:not(.rich-text--component) {
     --hljs-syntax-markup-deleted-color: #b31d28;
     --hljs-syntax-markup-deleted-background-color: #ffeef0;
 }
+}
+.rich-text__code-block[data-v-a47e4ba7] {
+  position: relative;
+  padding-inline-end: calc(var(--clickable-area-small) + var(--default-grid-baseline));
+}
+.rich-text__code-block pre[data-v-a47e4ba7] {
+  width: 100%;
+  overflow-x: auto;
+}
+.rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7] {
+  position: absolute;
+  top: var(--default-grid-baseline);
+  inset-inline-end: var(--default-grid-baseline);
+  opacity: 0;
+}
+.rich-text__code-block:hover .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7]:focus {
+  opacity: 1;
 }

package/dist/assets/{NcSelect-BTLcqg7Y.css → NcSelect-ZnE_MlqV.css}

@@ -16,6 +16,18 @@
   align-items: center;
   justify-content: center;
 }
+
+/*!
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * Similar as inputBorder but without active styles.
+ */
+/**
+ * Create a consistent border for an input element.
+ * With Nextcloud 32+ there is no real border anymore but we use a box-shadow.
+ */
 body {
   /**
    * Set custom vue-select CSS variables.
@@ -71,7 +83,7 @@ body {
 }
 .v-select.select {
   /* Override default vue-select styles */
-  min-height: var(--default-clickable-area);
+  min-height: calc(var(--default-clickable-area) - 2 * var(--border-width-input));
   min-width: 260px;
   margin: 0 0 var(--default-grid-baseline);
 }
@@ -109,7 +121,7 @@ body {
 .v-select.select .vs__dropdown-toggle {
   position: relative;
   max-height: 100px;
-  padding: 0;
+  padding: var(--border-width-input);
   overflow-y: auto;
 }
 .v-select.select .vs__actions {
@@ -120,12 +132,17 @@ body {
   margin-inline-end: 2px;
 }
 .v-select.select.vs--open .vs__dropdown-toggle {
-  border-width: var(--border-width-input-focused);
-  outline: 2px solid var(--color-main-background);
   border-color: var(--color-main-text);
   border-bottom-color: transparent;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-style: solid;
+  border-width: var(--border-width-input-focused);
+  outline: 2px solid var(--color-main-background);
+  padding: 0;
 }
-.v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover {
+.v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:active,
+.v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:focus-within {
   outline: 2px solid var(--color-main-background);
   border-color: var(--color-main-text);
 }
@@ -170,6 +187,36 @@ body {
 .v-select.select.vs--single .vs__selected {
   background: unset !important;
 }
+.vs__dropdown-toggle {
+  --input-border-box-shadow-light: 0 -1px var(--vs-border-color),
+  	0 0 0 1px color-mix(in srgb, var(--vs-border-color), 65% transparent);
+  --input-border-box-shadow-dark: 0 1px var(--vs-border-color),
+  	0 0 0 1px color-mix(in srgb, var(--vs-border-color), 65% transparent);
+  --input-border-box-shadow: var(--input-border-box-shadow-light);
+  border: none;
+  border-radius: var(--border-radius-element);
+  box-shadow: var(--input-border-box-shadow);
+}
+.vs__dropdown-toggle:hover:not([disabled]) {
+  box-shadow: 0 0 0 1px var(--vs-border-color);
+}
+@media (prefers-color-scheme: dark) {
+.vs__dropdown-toggle {
+    --input-border-box-shadow: var(--input-border-box-shadow-dark);
+}
+}
+[data-theme-dark] .vs__dropdown-toggle {
+  --input-border-box-shadow: var(--input-border-box-shadow-dark);
+}
+[data-theme-light] .vs__dropdown-toggle {
+  --input-border-box-shadow: var(--input-border-box-shadow-light);
+}
+.select--legacy .vs__dropdown-toggle {
+  box-shadow: 0 0 0 1px var(--vs-border-color);
+}
+.select--legacy .vs__dropdown-toggle:hover:not([disabled]) {
+  box-shadow: 0 0 0 2px var(--vs-border-color);
+}
 .vs__dropdown-menu {
   border-width: var(--border-width-input-focused) !important;
   border-color: var(--color-main-text) !important;

package/dist/assets/{NcTextArea-7C2JBozT.css → NcTextArea-nivEqHE-.css}

@@ -9,14 +9,26 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-d7a7d046] {
+.material-design-icon[data-v-a0d5539d] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.textarea[data-v-d7a7d046] {
+
+/*!
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * Similar as inputBorder but without active styles.
+ */
+/**
+ * Create a consistent border for an input element.
+ * With Nextcloud 32+ there is no real border anymore but we use a box-shadow.
+ */
+.textarea[data-v-a0d5539d] {
   --input-border-color: var(--color-border-maxcontrast);
   --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
   position: relative;
@@ -25,66 +37,86 @@
   margin-block-start: 6px;
   resize: vertical;
 }
-.textarea--disabled[data-v-d7a7d046] {
+.textarea--disabled[data-v-a0d5539d] {
   opacity: 0.7;
   filter: saturate(0.7);
 }
-.textarea__main-wrapper[data-v-d7a7d046] {
+.textarea__main-wrapper[data-v-a0d5539d] {
   height: calc(var(--default-clickable-area) * 2);
-  padding: var(--border-width-input, 2px);
+  padding: var(--border-width-input-focused, 2px);
   position: relative;
 }
-.textarea__main-wrapper[data-v-d7a7d046]:not(:has([disabled])):has(textarea:focus), .textarea__main-wrapper[data-v-d7a7d046]:not(:has([disabled])):has(textarea:active) {
-  padding: 0;
-}
-.textarea__input[data-v-d7a7d046] {
+.textarea__input[data-v-a0d5539d] {
   margin: 0;
-  padding-block: calc(10px + var(--input-border-width-offset));
-  padding-inline: calc(12px - var(--border-width-input, 2px) + var(--input-border-width-offset));
+  padding-block: var(--border-radius-element);
+  padding-inline: 10px;
   width: 100%;
   font-size: var(--default-font-size);
   text-overflow: ellipsis;
   cursor: pointer;
   background-color: var(--color-main-background);
   color: var(--color-main-text);
+  --input-border-box-shadow-light: 0 -1px var(--input-border-color),
+  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
+  --input-border-box-shadow-dark: 0 1px var(--input-border-color),
+  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
+  --input-border-box-shadow: var(--input-border-box-shadow-light);
   border: none;
   border-radius: var(--border-radius-element);
-  box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
+  box-shadow: var(--input-border-box-shadow);
 }
-.textarea__input[data-v-d7a7d046]:hover:not([disabled]) {
+.textarea__input[data-v-a0d5539d]:hover:not([disabled]) {
   box-shadow: 0 0 0 1px var(--input-border-color);
 }
-.textarea__input[data-v-d7a7d046]:active:not([disabled]), .textarea__input[data-v-d7a7d046]:focus:not([disabled]) {
+@media (prefers-color-scheme: dark) {
+.textarea__input[data-v-a0d5539d] {
+    --input-border-box-shadow: var(--input-border-box-shadow-dark);
+}
+}
+[data-theme-dark] .textarea__input[data-v-a0d5539d] {
+  --input-border-box-shadow: var(--input-border-box-shadow-dark);
+}
+[data-theme-light] .textarea__input[data-v-a0d5539d] {
+  --input-border-box-shadow: var(--input-border-box-shadow-light);
+}
+.textarea--legacy .textarea__input[data-v-a0d5539d] {
+  box-shadow: 0 0 0 1px var(--input-border-color);
+}
+.textarea--legacy .textarea__input[data-v-a0d5539d]:hover:not([disabled]) {
+  box-shadow: 0 0 0 2px var(--input-border-color);
+}
+.textarea__input[data-v-a0d5539d]:focus-within:not([disabled]), .textarea__input[data-v-a0d5539d]:active:not([disabled]) {
+  box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important;
+}
+.textarea__input[data-v-a0d5539d]:active:not([disabled]), .textarea__input[data-v-a0d5539d]:focus:not([disabled]) {
   --input-border-width-offset: 0px;
   --input-border-color: var(--color-main-text);
-  border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
-  box-shadow: 0 0 0 2px var(--color-main-background) !important;
 }
-.textarea__input[data-v-d7a7d046]:not(:focus, .textarea__input--label-outside)::placeholder {
+.textarea__input[data-v-a0d5539d]:not(:focus, .textarea__input--label-outside)::placeholder {
   opacity: 0;
 }
-.textarea__input[data-v-d7a7d046]:focus {
+.textarea__input[data-v-a0d5539d]:focus {
   cursor: text;
 }
-.textarea__input[data-v-d7a7d046]:disabled {
+.textarea__input[data-v-a0d5539d]:disabled {
   cursor: default;
 }
-.textarea__input[data-v-d7a7d046]:focus-visible {
+.textarea__input[data-v-a0d5539d]:focus-visible {
   box-shadow: unset !important;
 }
-.textarea__input--success[data-v-d7a7d046] {
+.textarea__input--success[data-v-a0d5539d] {
   --input-border-color: var(--color-border-success, var(--color-success)) !important;
 }
-.textarea__input--success[data-v-d7a7d046]:focus-visible {
+.textarea__input--success[data-v-a0d5539d]:focus-visible {
   box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 }
-.textarea__input--error[data-v-d7a7d046] {
+.textarea__input--error[data-v-a0d5539d] {
   --input-border-color: var(--color-border-error, var(--color-error)) !important;
 }
-.textarea__input--error[data-v-d7a7d046]:focus-visible {
+.textarea__input--error[data-v-a0d5539d]:focus-visible {
   box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 }
-.textarea__label[data-v-d7a7d046] {
+.textarea__label[data-v-a0d5539d] {
   position: absolute;
   margin-inline: 12px 0;
   max-width: fit-content;
@@ -97,7 +129,7 @@
   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);
 }
-.textarea__input:focus + .textarea__label[data-v-d7a7d046], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-d7a7d046] {
+.textarea__input:focus + .textarea__label[data-v-a0d5539d], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-a0d5539d] {
   inset-block-start: -10px;
   line-height: 1.5;
   font-size: 13px;
@@ -108,29 +140,17 @@
   margin-inline-start: 8px;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
 }
-.textarea__helper-text-message[data-v-d7a7d046] {
+.textarea__helper-text-message[data-v-a0d5539d] {
   padding-block: 4px;
   display: flex;
   align-items: center;
 }
-.textarea__helper-text-message__icon[data-v-d7a7d046] {
+.textarea__helper-text-message__icon[data-v-a0d5539d] {
   margin-inline-end: 8px;
 }
-.textarea__helper-text-message--error[data-v-d7a7d046] {
+.textarea__helper-text-message--error[data-v-a0d5539d] {
   color: var(--color-error-text);
 }
-.textarea__helper-text-message--success[data-v-d7a7d046] {
+.textarea__helper-text-message--success[data-v-a0d5539d] {
   color: var(--color-success-text);
-}
-.textarea--legacy .textarea__input[data-v-d7a7d046] {
-  box-shadow: 0 0 0 1px var(--input-border-color);
-}
-.textarea--legacy .textarea__main-wrapper[data-v-d7a7d046]:hover:not(:has([disabled])) {
-  padding: 0;
-}
-.textarea--legacy .textarea__main-wrapper:hover:not(:has([disabled])) .textarea__input[data-v-d7a7d046] {
-  --input-border-color: var(--color-main-text);
-  --input-border-width-offset: 0px;
-  border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
-  box-shadow: 0 0 0 2px var(--color-main-background) !important;
 }