@nextcloud/vue 9.10.0 → 9.11.0

package/dist/assets/NcFormBox.css

@@ -9,46 +9,46 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_3IHTT {
+._material-design-icon_g04W5 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._ncFormBox_swAVY {
+._ncFormBox_DLj7n {
   display: flex;
   flex-direction: column;
   gap: calc(1 * var(--default-grid-baseline));
 }
-._ncFormBox_swAVY._ncFormBox_row_evDMT {
+._ncFormBox_DLj7n._ncFormBox_row_Fr1lK {
   flex-direction: row;
 }
-._ncFormBox__item_puTSq {
+._ncFormBox__item_-SJyo {
   border-radius: var(--border-radius-small) !important;
 }
-._ncFormBox_col_o5BAr {
+._ncFormBox_col_1wgxQ {
   flex-direction: column;
 }
-._ncFormBox_col_o5BAr ._ncFormBox__item_puTSq:first-child {
+._ncFormBox_col_1wgxQ ._ncFormBox__item_-SJyo:first-child {
   border-start-start-radius: var(--border-radius-element) !important;
   border-start-end-radius: var(--border-radius-element) !important;
 }
-._ncFormBox_col_o5BAr ._ncFormBox__item_puTSq:last-child {
+._ncFormBox_col_1wgxQ ._ncFormBox__item_-SJyo:last-child {
   border-end-start-radius: var(--border-radius-element) !important;
   border-end-end-radius: var(--border-radius-element) !important;
 }
-._ncFormBox_row_evDMT {
+._ncFormBox_row_Fr1lK {
   flex-direction: row;
 }
-._ncFormBox_row_evDMT ._ncFormBox__item_puTSq {
+._ncFormBox_row_Fr1lK ._ncFormBox__item_-SJyo {
   flex: 1 1;
 }
-._ncFormBox_row_evDMT ._ncFormBox__item_puTSq:first-child {
+._ncFormBox_row_Fr1lK ._ncFormBox__item_-SJyo:first-child {
   border-start-start-radius: var(--border-radius-element) !important;
   border-end-start-radius: var(--border-radius-element) !important;
 }
-._ncFormBox_row_evDMT ._ncFormBox__item_puTSq:last-child {
+._ncFormBox_row_Fr1lK ._ncFormBox__item_-SJyo:last-child {
   border-end-end-radius: var(--border-radius-element) !important;
   border-start-end-radius: var(--border-radius-element) !important;
 }

package/dist/assets/NcFormBoxButton.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_JU39t {
+._material-design-icon_oW-0j {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._formBoxButton_vDhd8 {
+._formBoxButton_pfcXH {
   /* Reset default HTML button styles */
   background: unset;
   border: none;

package/dist/assets/NcFormBoxItem.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_K3a0K {
+._material-design-icon_oeKe9 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._formBoxItem_ddJuY {
+._formBoxItem_A3svz {
   --nc-form-box-item-border-width: 1px;
   --nc-form-box-item-min-height: 40px;
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
@@ -43,53 +43,53 @@
   user-select: none;
   cursor: pointer;
 }
-._formBoxItem_ddJuY * {
+._formBoxItem_A3svz * {
   cursor: inherit;
 }
-._formBoxItem_ddJuY:has(:disabled) {
+._formBoxItem_A3svz:has(:disabled) {
   cursor: default;
   opacity: 0.5;
 }
-._formBoxItem_ddJuY:hover:not(:has(:disabled)) {
+._formBoxItem_A3svz:hover:not(:has(:disabled)) {
   color: var(--color-primary-element-light-text);
   background-color: var(--color-primary-element-extra-light-hover);
 }
-._formBoxItem_ddJuY:active:not(:disabled) {
+._formBoxItem_A3svz:active:not(:disabled) {
   transform: scale(0.985);
 }
-._formBoxItem_ddJuY:has(:focus-visible) {
+._formBoxItem_A3svz:has(:focus-visible) {
   outline: 2px solid var(--color-main-text);
   box-shadow: 0 0 0 4px var(--color-main-background);
 }
-._formBoxItem__description_0ad-0 {
+._formBoxItem__description_s3aoO {
   font-weight: var(--font-weight-default, normal);
 }
-._formBoxItem_ddJuY._formBoxItem_legacy_RkVdo {
+._formBoxItem_A3svz._formBoxItem_legacy_M8oCv {
   --nc-form-box-item-border-width: 0px;
   border: none;
 }
-._formBoxItem_ddJuY._formBoxItem_inverted_dNsBM ._formBoxItem__element_kvIKv {
+._formBoxItem_A3svz._formBoxItem_inverted_yQ6cM ._formBoxItem__element_63no0 {
   color: var(--color-text-maxcontrast);
 }
-._formBoxItem_ddJuY._formBoxItem_inverted_dNsBM ._formBoxItem__description_0ad-0 {
+._formBoxItem_A3svz._formBoxItem_inverted_yQ6cM ._formBoxItem__description_s3aoO {
   color: inherit;
 }
-._formBoxItem__content_b8i1H {
+._formBoxItem__content_plRks {
   flex: 1;
   display: flex;
   flex-direction: column;
   padding-block: calc(2 * var(--default-grid-baseline));
   overflow-wrap: anywhere;
 }
-._formBoxItem__element_kvIKv::after {
+._formBoxItem__element_63no0::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._formBoxItem__description_0ad-0 {
+._formBoxItem__description_s3aoO {
   color: var(--color-text-maxcontrast);
 }
-._formBoxItem__icon_Ih2Qe {
+._formBoxItem__icon_xzuO7 {
   display: flex;
   align-items: center;
   justify-content: flex-end;

package/dist/assets/NcFormBoxSwitch.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_eEr7D {
+._material-design-icon_5UzOd {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-input._formBoxSwitch__input_tdNTo {
+input._formBoxSwitch__input_MIhKf {
   margin: 0;
   width: var(--default-clickable-area);
   /* Keep it visually hidden but on the position of visual switch icon */

package/dist/assets/NcFormGroup.css

@@ -9,35 +9,35 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_O8Rlq {
+._material-design-icon_ux73t {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._formGroup_lN8iy {
+._formGroup_s9Y0Y {
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   --form-group-content-gap: calc(2 * var(--default-grid-baseline));
 }
-._formGroup_lN8iy._formGroup_noGap_Z4GeD {
+._formGroup_s9Y0Y._formGroup_noGap_ni6Ax {
   --form-group-content-gap: 0;
 }
-._formGroup__label_3Ybt6 {
+._formGroup__label_flCX6 {
   padding-inline: var(--form-element-label-offset);
   font-size: var(--font-size);
   font-weight: var(--font-weight-heading, bold);
 }
-._formGroup__description_U7U3u {
+._formGroup__description_ettaL {
   padding-inline: var(--form-element-label-offset);
   color: var(--color-text-maxcontrast);
 }
-._formGroup__content_68ebn {
+._formGroup__content_AhX7q {
   display: flex;
   flex-direction: column;
   gap: var(--form-group-content-gap);
   margin-block-start: calc(2.5 * var(--default-grid-baseline));
 }
-._formGroup__content_68ebn._formGroup__content_only_HC7hj {
+._formGroup__content_AhX7q._formGroup__content_only_h-mqW {
   margin-block-start: 0;
 }

package/dist/assets/NcHotkey.css

@@ -9,35 +9,35 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_FAVb2 {
+._material-design-icon_XAHPq {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._hotkey_0OqPH {
+._hotkey_kSlAl {
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   display: flex;
   flex-direction: row-reverse;
   align-items: stretch;
   padding-inline: var(--form-element-label-offset);
 }
-._hotkey_0OqPH:first-child ._hotkey__label_hRfYR,
-._hotkey_0OqPH:first-child ._hotkey__keys_lfZWo {
+._hotkey_kSlAl:first-child ._hotkey__label_LLPgA,
+._hotkey_kSlAl:first-child ._hotkey__keys_EMshL {
   border-block-start: none;
 }
-._hotkey__label_hRfYR,
-._hotkey__keys_lfZWo {
+._hotkey__label_LLPgA,
+._hotkey__keys_EMshL {
   display: flex;
   align-items: center;
   padding-block: calc(2 * var(--default-grid-baseline));
   border-block-start: 1px solid var(--color-border);
 }
-._hotkey__label_hRfYR {
+._hotkey__label_LLPgA {
   flex: 1 1 200px;
 }
-._hotkey__keys_lfZWo {
+._hotkey__keys_EMshL {
   flex: 1 1 auto;
   flex-wrap: wrap;
   justify-content: end;

package/dist/assets/NcHotkeyList.css

@@ -1,8 +1,8 @@
 
-._hotkeyList_N1G5w {
+._hotkeyList_QEQTC {
 	--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
 }
-._hotkeyList__heading_xHIQ- {
+._hotkeyList__heading_BXcc- {
 	font-weight: var(--font-weight-heading, bold);
 	margin-inline: var(--form-element-label-offset);
 }

package/dist/assets/NcIconToggleSwitch.css

@@ -9,22 +9,22 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_k9ISS {
+._material-design-icon_9yzS5 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._iconToggleSwitch_7MD0p {
+._iconToggleSwitch_ouXRn {
   color: var(--v6bd152af);
   transition: color var(--animation-quick) ease;
 }
-._iconToggleSwitch_7MD0p svg {
+._iconToggleSwitch_ouXRn svg {
   /* Unlike other icons, this icon is not a square */
   height: auto !important;
 }
-._iconToggleSwitch_7MD0p circle {
+._iconToggleSwitch_ouXRn circle {
   cx: var(--v16fd8ca9);
   transition: cx var(--animation-quick) ease;
 }

package/dist/assets/NcKbd.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_MIgpl {
+._material-design-icon_9pyby {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._kbd_fAhrp {
+._kbd_BJxuE {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -31,6 +31,6 @@
   line-height: 1;
   white-space: nowrap;
 }
-._kbd_fAhrp + ._kbd_fAhrp {
+._kbd_BJxuE + ._kbd_BJxuE {
   margin-inline-start: calc(1 * var(--default-grid-baseline));
 }

package/dist/assets/NcPopover.css

@@ -9,17 +9,17 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_1cKzS {
+._material-design-icon_NkIOG {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9, ._ncPopover_qDh5Z.v-popper--theme-nc-popover-9 * {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9, ._ncPopover_qgtYg.v-popper--theme-nc-popover-9 * {
   box-sizing: border-box;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9 .resize-observer {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9 .resize-observer {
   position: absolute;
   top: 0;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
@@ -34,7 +34,7 @@
   overflow: hidden;
   opacity: 0;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9 .resize-observer object {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9 .resize-observer object {
   display: block;
   position: absolute;
   top: 0;
@@ -46,14 +46,14 @@
   pointer-events: none;
   z-index: -1;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper {
   z-index: 100000;
   top: 0;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   left: 0;
   display: block !important;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper {
   /*
    * In theory, "filter: drop-shadow" would look better here with arrow shadow.
    * In fact, in results in a blurry popover in Chromium on scaling.
@@ -66,43 +66,43 @@
   border-radius: var(--border-radius-element);
   transition: transform var(--animation-quick);
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner {
   padding: 0;
   color: var(--color-main-text);
   border-radius: var(--border-radius-element);
   overflow: hidden;
   background: var(--color-main-background);
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container {
   display: none;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=top] .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=top] .v-popper__wrapper {
   transform-origin: bottom center;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=bottom] .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=bottom] .v-popper__wrapper {
   transform-origin: top center;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=right] .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=right] .v-popper__wrapper {
   /* stylelint-disable-next-line csstools/use-logical */ /* transform-origin has no logical keyword */
   transform-origin: left center;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=left] .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=left] .v-popper__wrapper {
   /* stylelint-disable-next-line csstools/use-logical */ /* transform-origin has no logical keyword */
   transform-origin: right center;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] {
   visibility: hidden;
   transition: opacity var(--animation-quick), visibility var(--animation-quick);
   opacity: 0;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] .v-popper__wrapper {
   transform: scale(0.96);
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] {
   visibility: visible;
   transition: opacity var(--animation-quick);
   opacity: 1;
 }
-._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] .v-popper__wrapper {
+._ncPopover_qgtYg.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] .v-popper__wrapper {
   transform: scale(1);
 }

package/dist/assets/NcRadioGroup.css

@@ -9,13 +9,13 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_YBWPS {
+._material-design-icon_TUacq {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._radioGroup_checkboxRadioContainer_6l3ZZ .checkbox-content {
+._radioGroup_checkboxRadioContainer_AUPA7 .checkbox-content {
   max-width: unset !important;
 }

package/dist/assets/NcRadioGroupButton.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_b0Hhz {
+._material-design-icon_L0tBR {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._radioGroupButton_-67XH {
+._radioGroupButton_YNoo0 {
   --radio-group-button--border-radius: var(--border-radius-small);
   --radio-group-button--border-width: 1px;
   --radio-group-button--color: var(--color-primary-element-light-text);
@@ -41,44 +41,44 @@
   padding-block: var(--radio-group-button--padding) 0;
   padding-inline: var(--radio-group-button--padding);
 }
-._radioGroupButton_-67XH * {
+._radioGroupButton_YNoo0 * {
   cursor: pointer;
 }
-._radioGroupButton_-67XH:has(._radioGroupButton__label_5oGzk) {
+._radioGroupButton_YNoo0:has(._radioGroupButton__label_8W6-c) {
   padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element));
 }
-._radioGroupButton_-67XH:has(._radioGroupButton__icon_H9p98) {
+._radioGroupButton_YNoo0:has(._radioGroupButton__icon_lPjNx) {
   padding-inline-start: var(--radio-group-button--padding);
 }
-._radioGroupButton_-67XH:hover:not(._radioGroupButton_disabled_snlZt) {
+._radioGroupButton_YNoo0:hover:not(._radioGroupButton_disabled_8uxSh) {
   background-color: var(--radio-group-button--background-color-hover);
 }
-._radioGroupButton_-67XH:active:not(._radioGroupButton_disabled_snlZt) {
+._radioGroupButton_YNoo0:active:not(._radioGroupButton_disabled_8uxSh) {
   transform: scale(0.985);
 }
-._radioGroupButton_-67XH:focus-within {
+._radioGroupButton_YNoo0:focus-within {
   --radio-group-button--border-width: 2px;
   --radio-group-button--padding: 0px;
   border: var(--radio-group-button--border-width) solid var(--color-main-text) !important;
   outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background);
 }
-._radioGroupButton_active_TCvEK {
+._radioGroupButton_active_qTVBh {
   --radio-group-button--color: var(--color-primary-element-text);
   --radio-group-button--background-color: var(--color-primary-element);
   --radio-group-button--background-color-hover: var(--color-primary-element-hover);
 }
-._radioGroupButton__label_5oGzk {
+._radioGroupButton__label_8W6-c {
   font-weight: var(--font-weight-element, bold);
 }
-._radioGroupButton_disabled_snlZt {
+._radioGroupButton_disabled_8uxSh {
   filter: saturate(0.7);
   opacity: 0.5;
   cursor: default;
 }
-._radioGroupButton_disabled_snlZt * {
+._radioGroupButton_disabled_8uxSh * {
   cursor: default;
 }
-._radioGroupButton__icon_H9p98 {
+._radioGroupButton__icon_lPjNx {
   --radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px);
   display: flex;
   align-items: center;
@@ -86,6 +86,6 @@
   height: 100%;
   width: var(--radio-group-button--icon-size);
 }
-._radioGroupButton__icon_H9p98 * {
+._radioGroupButton__icon_lPjNx * {
   --default-clickable-area: var(--radio-group-button--icon-size);
 }

package/dist/assets/NcRichContenteditable.css

@@ -189,14 +189,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_zmwTj {
+._material-design-icon_mr-D2 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._tribute-container_jRTwZ {
+._tribute-container_x6S5- {
   z-index: 9000;
   overflow: auto;
   position: absolute;
@@ -209,62 +209,62 @@
   background: var(--color-main-background);
   box-shadow: 0 1px 5px var(--color-box-shadow);
 }
-._tribute-container_jRTwZ, ._tribute-container_jRTwZ * {
+._tribute-container_x6S5-, ._tribute-container_x6S5- * {
   box-sizing: border-box;
 }
-._tribute-container_jRTwZ ul {
+._tribute-container_x6S5- ul {
   display: flex;
   flex-direction: column;
   gap: var(--default-grid-baseline);
 }
-._tribute-container_jRTwZ ._tribute-container__item_XZ0h- {
+._tribute-container_x6S5- ._tribute-container__item_DySp8 {
   color: var(--color-text-maxcontrast);
   border-radius: var(--border-radius-small);
   padding: var(--default-grid-baseline);
   cursor: pointer;
   min-height: var(--clickable-area-small, auto);
 }
-._tribute-container_jRTwZ ._tribute-container__item_XZ0h-.highlight {
+._tribute-container_x6S5- ._tribute-container__item_DySp8.highlight {
   color: var(--color-main-text);
   background: var(--color-background-hover);
 }
-._tribute-container_jRTwZ ._tribute-container__item_XZ0h-.highlight, ._tribute-container_jRTwZ ._tribute-container__item_XZ0h-.highlight * {
+._tribute-container_x6S5- ._tribute-container__item_DySp8.highlight, ._tribute-container_x6S5- ._tribute-container__item_DySp8.highlight * {
   cursor: pointer;
 }
-._tribute-container_jRTwZ._tribute-container--focus-visible_x3J47 .highlight._tribute-container__item_XZ0h- {
+._tribute-container_x6S5-._tribute-container--focus-visible_cY0kd .highlight._tribute-container__item_DySp8 {
   outline: 2px solid var(--color-main-text) !important;
 }
-._tribute-container-autocomplete_jsMuu {
+._tribute-container-autocomplete_bSLlH {
   min-width: 250px;
   max-width: 300px;
   max-height: calc((var(--default-clickable-area) + 3 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline));
 }
-._tribute-container-emoji_7ze0I,
-._tribute-container-link_alrBL {
+._tribute-container-emoji_JH-rN,
+._tribute-container-link_fcdOz {
   min-width: 200px;
   max-width: 200px;
   max-height: calc((24px + 3 * var(--default-grid-baseline)) * 5.5 - 1.5 * var(--default-grid-baseline));
 }
-._tribute-container-emoji_7ze0I ._tribute-item_SFbZ7,
-._tribute-container-link_alrBL ._tribute-item_SFbZ7 {
+._tribute-container-emoji_JH-rN ._tribute-item_gtmOq,
+._tribute-container-link_fcdOz ._tribute-item_gtmOq {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._tribute-container-link_alrBL {
+._tribute-container-link_fcdOz {
   min-width: 200px;
   max-width: 300px;
 }
-._tribute-container-link_alrBL ._tribute-item_SFbZ7 {
+._tribute-container-link_fcdOz ._tribute-item_gtmOq {
   display: flex;
   align-items: center;
 }
-._tribute-container-link_alrBL ._tribute-item__title_wjaIf {
+._tribute-container-link_fcdOz ._tribute-item__title_emV92 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._tribute-container-link_alrBL ._tribute-item__icon_7qSPj {
+._tribute-container-link_fcdOz ._tribute-item__icon_-Zn0O {
   margin: auto 0;
   width: 20px;
   height: 20px;

package/dist/assets/NcSelect.css

@@ -28,6 +28,25 @@
  * Create a consistent border for an input element.
  * With Nextcloud 32+ there is no real border anymore but we use a box-shadow.
  */
+.nc-select.v-select.select .select__helper-text {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding-block: 4px;
+  padding-inline: var(--border-radius-element);
+  color: var(--color-text-maxcontrast);
+  font-size: var(--default-font-size);
+  overflow-wrap: anywhere;
+}
+.nc-select.v-select.select .select__helper-text--error {
+  color: var(--color-text-error);
+}
+.nc-select.v-select.select .select__helper-text--success {
+  color: var(--color-text-success);
+}
+.nc-select.v-select.select .select__helper-text .select__helper-text-icon {
+  margin-inline-end: 8px;
+}
 .nc-select.v-select.select {
   /* Custom vue-select CSS variables scoped to NcSelect */
   /* Search Input */
@@ -122,6 +141,9 @@
   box-shadow: none !important;
   background: transparent;
 }
+.nc-select.v-select.select .vs__dropdown-toggle {
+  position: relative;
+}
 .nc-select.v-select.select .vs__actions {
   position: absolute;
   z-index: 999;
@@ -190,6 +212,9 @@
   border: none;
   overflow: visible;
 }
+.nc-select.v-select.select.vs--multiple {
+  margin-inline: 1px;
+}
 .nc-select.v-select.select.vs--multiple .vs__dropdown-toggle {
   border: var(--border-width-input-focused, 2px) solid transparent;
   box-shadow: var(--input-border-box-shadow);