@nextcloud/vue 8.3.0 → 8.4.0

package/dist/assets/{index-3764a447.css → index-aacb7cf8.css}

@@ -20,19 +20,19 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-d93df21d] {
+.material-design-icon[data-v-7358bc59] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.header-menu[data-v-d93df21d] {
+.header-menu[data-v-7358bc59] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
 }
-.header-menu__trigger[data-v-d93df21d] {
+.header-menu__trigger[data-v-7358bc59] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -47,20 +47,20 @@
   filter: none !important;
   color: var(--color-primary-text) !important;
 }
-.header-menu--opened .header-menu__trigger[data-v-d93df21d],
-.header-menu__trigger[data-v-d93df21d]:hover,
-.header-menu__trigger[data-v-d93df21d]:focus,
-.header-menu__trigger[data-v-d93df21d]:active {
+.header-menu--opened .header-menu__trigger[data-v-7358bc59],
+.header-menu__trigger[data-v-7358bc59]:hover,
+.header-menu__trigger[data-v-7358bc59]:focus,
+.header-menu__trigger[data-v-7358bc59]:active {
   opacity: 1;
 }
-.header-menu__trigger[data-v-d93df21d]:focus-visible {
+.header-menu__trigger[data-v-7358bc59]:focus-visible {
   outline: none;
 }
-.header-menu__wrapper[data-v-d93df21d] {
+.header-menu__wrapper[data-v-7358bc59] {
   position: fixed;
   z-index: 2000;
   top: 50px;
-  right: 0;
+  inset-inline-end: 0;
   box-sizing: border-box;
   margin: 0 8px;
   padding: 8px;
@@ -69,11 +69,11 @@
   background-color: var(--color-main-background);
   filter: drop-shadow(0 1px 5px var(--color-box-shadow));
 }
-.header-menu__carret[data-v-d93df21d] {
+.header-menu__carret[data-v-7358bc59] {
   position: absolute;
   z-index: 2001;
   bottom: 0;
-  left: calc(50% - 10px);
+  inset-inline-start: calc(50% - 10px);
   width: 0;
   height: 0;
   content: " ";
@@ -81,19 +81,19 @@
   border: 10px solid transparent;
   border-bottom-color: var(--color-main-background);
 }
-.header-menu__content[data-v-d93df21d] {
+.header-menu__content[data-v-7358bc59] {
   overflow: auto;
   width: 350px;
   max-width: calc(100vw - 16px);
   min-height: 66px;
   max-height: calc(100vh - 100px);
 }
-.header-menu__content[data-v-d93df21d] .empty-content {
+.header-menu__content[data-v-7358bc59] .empty-content {
   margin: 12vh 10px;
 }
 @media only screen and (max-width: 512px) {
-  .header-menu[data-v-d93df21d],
-  .header-menu__trigger[data-v-d93df21d] {
+  .header-menu[data-v-7358bc59],
+  .header-menu__trigger[data-v-7358bc59] {
     width: 44px;
   }
 }

package/dist/assets/{index-b0a8a48c.css → index-b0bba2fc.css}

@@ -1,42 +1,42 @@
 @charset "UTF-8";
-.material-design-icon[data-v-fd3aaaa4] {
+.material-design-icon[data-v-377272aa] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-fd3aaaa4] {
+.action-items[data-v-377272aa] {
   display: flex;
   align-items: center;
 }
-.action-items > button[data-v-fd3aaaa4] {
+.action-items > button[data-v-377272aa] {
   margin-right: 7px;
 }
-.action-item[data-v-fd3aaaa4] {
+.action-item[data-v-377272aa] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-fd3aaaa4] {
+.action-item.action-item--primary[data-v-377272aa] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-fd3aaaa4] {
+.action-item.action-item--secondary[data-v-377272aa] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-fd3aaaa4] {
+.action-item.action-item--error[data-v-377272aa] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-fd3aaaa4] {
+.action-item.action-item--warning[data-v-377272aa] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-fd3aaaa4] {
+.action-item.action-item--success[data-v-377272aa] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-fd3aaaa4] {
+.action-item.action-item--tertiary-no-background[data-v-377272aa] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-fd3aaaa4] {
+.action-item.action-item--open .action-item__menutoggle[data-v-377272aa] {
   background-color: var(--open-background-color);
 }
 /**

package/dist/assets/{index-b991895f.css → index-c20f9f7e.css}

@@ -20,43 +20,43 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-2e235682] {
+.material-design-icon[data-v-3ddab287] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.vue-crumb[data-v-2e235682] {
+.vue-crumb[data-v-3ddab287] {
   background-image: none;
   display: inline-flex;
   height: 44px;
   padding: 0;
 }
-.vue-crumb[data-v-2e235682]:last-child {
+.vue-crumb[data-v-3ddab287]:last-child {
   max-width: 210px;
   font-weight: 700;
 }
-.vue-crumb:last-child .vue-crumb__separator[data-v-2e235682] {
+.vue-crumb:last-child .vue-crumb__separator[data-v-3ddab287] {
   display: none;
 }
-.vue-crumb > a[data-v-2e235682]:hover,
-.vue-crumb > a[data-v-2e235682]:focus {
+.vue-crumb > a[data-v-3ddab287]:hover,
+.vue-crumb > a[data-v-3ddab287]:focus {
   background-color: var(--color-background-dark);
   color: var(--color-main-text);
 }
-.vue-crumb--hidden[data-v-2e235682] {
+.vue-crumb--hidden[data-v-3ddab287] {
   display: none;
 }
-.vue-crumb.vue-crumb--hovered > a[data-v-2e235682] {
+.vue-crumb.vue-crumb--hovered > a[data-v-3ddab287] {
   background-color: var(--color-background-dark);
   color: var(--color-main-text);
 }
-.vue-crumb__separator[data-v-2e235682] {
+.vue-crumb__separator[data-v-3ddab287] {
   padding: 0;
   color: var(--color-text-maxcontrast);
 }
-.vue-crumb > a[data-v-2e235682] {
+.vue-crumb > a[data-v-3ddab287] {
   overflow: hidden;
   color: var(--color-text-maxcontrast);
   padding: 12px;
@@ -67,21 +67,21 @@
   display: inline-flex;
   justify-content: center;
 }
-.vue-crumb > a > span[data-v-2e235682] {
+.vue-crumb > a > span[data-v-3ddab287] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vue-crumb[data-v-2e235682]:not(.dropdown) .action-item {
+.vue-crumb[data-v-3ddab287]:not(.dropdown) .action-item {
   max-width: 100%;
 }
-.vue-crumb[data-v-2e235682]:not(.dropdown) .action-item .button-vue {
+.vue-crumb[data-v-3ddab287]:not(.dropdown) .action-item .button-vue {
   padding: 0 4px 0 16px;
 }
-.vue-crumb[data-v-2e235682]:not(.dropdown) .action-item .button-vue__wrapper {
+.vue-crumb[data-v-3ddab287]:not(.dropdown) .action-item .button-vue__wrapper {
   flex-direction: row-reverse;
 }
-.vue-crumb[data-v-2e235682]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle {
+.vue-crumb[data-v-3ddab287]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle {
   background-color: var(--color-background-dark);
   color: var(--color-main-text);
 }

package/dist/assets/{index-5e4bf286.css → index-d8bc189c.css}

@@ -39,14 +39,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-e7a7a3c0] {
+.material-design-icon[data-v-6a7129ac] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation-entry[data-v-e7a7a3c0] {
+.app-navigation-entry[data-v-6a7129ac] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -58,7 +58,7 @@
   transition: background-color .2s ease-in-out;
   border-radius: var(--border-radius-pill);
 }
-.app-navigation-entry-wrapper[data-v-e7a7a3c0] {
+.app-navigation-entry-wrapper[data-v-6a7129ac] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -66,41 +66,41 @@
   box-sizing: border-box;
   width: 100%;
 }
-.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-e7a7a3c0] {
+.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-6a7129ac] {
   display: none;
 }
-.app-navigation-entry.active[data-v-e7a7a3c0] {
+.app-navigation-entry.active[data-v-6a7129ac] {
   background-color: var(--color-primary-element) !important;
 }
-.app-navigation-entry.active .app-navigation-entry-link[data-v-e7a7a3c0],
-.app-navigation-entry.active .app-navigation-entry-button[data-v-e7a7a3c0] {
+.app-navigation-entry.active[data-v-6a7129ac]:hover {
+  background-color: var(--color-primary-element-hover) !important;
+}
+.app-navigation-entry.active .app-navigation-entry-link[data-v-6a7129ac] {
   color: var(--color-primary-element-text) !important;
 }
-.app-navigation-entry[data-v-e7a7a3c0]:focus-within,
-.app-navigation-entry[data-v-e7a7a3c0]:hover {
+.app-navigation-entry[data-v-6a7129ac]:focus-within,
+.app-navigation-entry[data-v-6a7129ac]:hover {
   background-color: var(--color-background-hover);
 }
-.app-navigation-entry.active .app-navigation-entry__children[data-v-e7a7a3c0],
-.app-navigation-entry:focus-within .app-navigation-entry__children[data-v-e7a7a3c0],
-.app-navigation-entry:hover .app-navigation-entry__children[data-v-e7a7a3c0] {
+.app-navigation-entry.active .app-navigation-entry__children[data-v-6a7129ac],
+.app-navigation-entry:focus-within .app-navigation-entry__children[data-v-6a7129ac],
+.app-navigation-entry:hover .app-navigation-entry__children[data-v-6a7129ac] {
   background-color: var(--color-main-background);
 }
-.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-e7a7a3c0],
-.app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-e7a7a3c0],
-.app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-e7a7a3c0],
-.app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-e7a7a3c0],
-.app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-e7a7a3c0] {
+.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-6a7129ac],
+.app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-6a7129ac],
+.app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-6a7129ac],
+.app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-6a7129ac],
+.app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-6a7129ac] {
   display: inline-block;
 }
-.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-e7a7a3c0] {
+.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-6a7129ac] {
   display: none;
 }
-.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-e7a7a3c0],
-.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-e7a7a3c0] {
+.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-6a7129ac] {
   padding-right: 14px;
 }
-.app-navigation-entry .app-navigation-entry-link[data-v-e7a7a3c0],
-.app-navigation-entry .app-navigation-entry-button[data-v-e7a7a3c0] {
+.app-navigation-entry .app-navigation-entry-link[data-v-6a7129ac] {
   z-index: 100;
   display: flex;
   overflow: hidden;
@@ -115,8 +115,7 @@
   background-size: 16px 16px;
   line-height: 44px;
 }
-.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-e7a7a3c0],
-.app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-e7a7a3c0] {
+.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-6a7129ac] {
   display: flex;
   align-items: center;
   flex: 0 0 44px;
@@ -127,19 +126,17 @@
   background-repeat: no-repeat;
   background-position: 14px center;
 }
-.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-e7a7a3c0],
-.app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-e7a7a3c0] {
+.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-6a7129ac] {
   overflow: hidden;
   max-width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-e7a7a3c0],
-.app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-e7a7a3c0] {
+.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-6a7129ac] {
   width: calc(100% - 44px);
   margin: auto;
 }
-.app-navigation-entry__children[data-v-e7a7a3c0] {
+.app-navigation-entry__children[data-v-6a7129ac] {
   position: relative;
   display: flex;
   flex: 0 1 auto;
@@ -147,17 +144,17 @@
   width: 100%;
   gap: var(--default-grid-baseline, 4px);
 }
-.app-navigation-entry__children .app-navigation-entry[data-v-e7a7a3c0] {
+.app-navigation-entry__children .app-navigation-entry[data-v-6a7129ac] {
   display: inline-flex;
   flex-wrap: wrap;
   padding-left: 16px;
 }
-.app-navigation-entry__deleted[data-v-e7a7a3c0] {
+.app-navigation-entry__deleted[data-v-6a7129ac] {
   display: inline-flex;
   flex: 1 1 0;
   padding-left: 30px !important;
 }
-.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-e7a7a3c0] {
+.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-6a7129ac] {
   position: relative;
   overflow: hidden;
   flex: 1 1 0;
@@ -165,40 +162,40 @@
   text-overflow: ellipsis;
   line-height: 44px;
 }
-.app-navigation-entry__utils[data-v-e7a7a3c0] {
+.app-navigation-entry__utils[data-v-6a7129ac] {
   display: flex;
   min-width: 44px;
   align-items: center;
   flex: 0 1 auto;
   justify-content: flex-end;
 }
-.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-e7a7a3c0] {
+.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-6a7129ac] {
   display: inline-block;
 }
-.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-e7a7a3c0] {
+.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-6a7129ac] {
   margin-right: calc(var(--default-grid-baseline) * 3);
   display: flex;
   align-items: center;
   flex: 0 1 auto;
 }
-.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-e7a7a3c0] {
+.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-6a7129ac] {
   display: none;
 }
-.app-navigation-entry--editing .app-navigation-entry-edit[data-v-e7a7a3c0] {
+.app-navigation-entry--editing .app-navigation-entry-edit[data-v-6a7129ac] {
   z-index: 250;
   opacity: 1;
 }
-.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-e7a7a3c0] {
+.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-6a7129ac] {
   z-index: 250;
   transform: translate(0);
 }
-.app-navigation-entry--pinned[data-v-e7a7a3c0] {
+.app-navigation-entry--pinned[data-v-6a7129ac] {
   order: 2;
   margin-top: auto;
 }
-.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-e7a7a3c0] {
+.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-6a7129ac] {
   margin-top: 0;
 }
-[data-themes*=highcontrast] .app-navigation-entry[data-v-e7a7a3c0]:active {
+[data-themes*=highcontrast] .app-navigation-entry[data-v-6a7129ac]:active {
   background-color: var(--color-primary-element-light-hover) !important;
 }

package/dist/assets/{index-ffa6d11c.css → index-dab51681.css}

@@ -1,25 +1,25 @@
 @charset "UTF-8";
-.material-design-icon[data-v-25cf09d8] {
+.material-design-icon[data-v-08521a89] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.autocomplete-result[data-v-25cf09d8] {
+.autocomplete-result[data-v-08521a89] {
   display: flex;
   height: 44px;
   padding: 10px;
 }
-.highlight .autocomplete-result[data-v-25cf09d8] {
+.highlight .autocomplete-result[data-v-08521a89] {
   color: var(--color-primary-element-light-text);
   background: var(--color-primary-element-light);
 }
-.highlight .autocomplete-result[data-v-25cf09d8],
-.highlight .autocomplete-result *[data-v-25cf09d8] {
+.highlight .autocomplete-result[data-v-08521a89],
+.highlight .autocomplete-result *[data-v-08521a89] {
   cursor: pointer;
 }
-.autocomplete-result__icon[data-v-25cf09d8] {
+.autocomplete-result__icon[data-v-08521a89] {
   position: relative;
   flex: 0 0 44px;
   width: 44px;
@@ -31,15 +31,17 @@
   background-position: center;
   background-size: 24px;
 }
-.autocomplete-result__icon--with-avatar[data-v-25cf09d8] {
+.autocomplete-result__icon--with-avatar[data-v-08521a89] {
   color: inherit;
   background-size: cover;
 }
-.autocomplete-result__status[data-v-25cf09d8] {
+.autocomplete-result__status[data-v-08521a89] {
+  box-sizing: border-box;
   position: absolute;
   right: -4px;
   bottom: -4px;
-  box-sizing: border-box;
+  min-width: 18px;
+  min-height: 18px;
   width: 18px;
   height: 18px;
   border: 2px solid var(--color-main-background);
@@ -51,21 +53,11 @@
   background-size: 16px;
   background-position: center;
 }
-.autocomplete-result__status--online[data-v-25cf09d8] {
-  background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIGljb24gaXMgcGFydCBvZiBNYXRlcmlhbCBVSSBJY29ucy4gQ29weXJpZ2h0IDIwMjAgR29vZ2xlIEluYy4sIEFwYWNoZS0yLjAgTGljZW5zZSAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTQuOCAxMS4yaDYuNFY0LjhINC44djYuNHpNOCAwQzMuNiAwIDAgMy42IDAgOHMzLjYgOCA4IDggOC0zLjYgOC04LTMuNi04LTgtOHoiIGZpbGw9IiM0OWIzODIiLz48L3N2Zz4K);
-}
-.autocomplete-result__status--dnd[data-v-25cf09d8] {
-  background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIGljb24gaXMgcGFydCBvZiBNYXRlcmlhbCBVSSBJY29ucy4gQ29weXJpZ2h0IDIwMjAgR29vZ2xlIEluYy4sIEFwYWNoZS0yLjAgTGljZW5zZSAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTS00LTRoMjR2MjRILTRWLTR6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhzMy42IDggOCA4IDgtMy42IDgtOC0zLjYtOC04LTh6IiBmaWxsPSIjZWQ0ODRjIi8+PHBhdGggZD0iTTUgNi41aDZjLjggMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNUg1Yy0uOCAwLTEuNS0uNy0xLjUtMS41UzQuMiA2LjUgNSA2LjV6IiBmaWxsPSIjZmRmZmZmIi8+PC9zdmc+Cg==);
-  background-color: #fff;
-}
-.autocomplete-result__status--away[data-v-25cf09d8] {
-  background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIGljb24gaXMgcGFydCBvZiBNYXRlcmlhbCBVSSBJY29ucy4gQ29weXJpZ2h0IDIwMjAgR29vZ2xlIEluYy4sIEFwYWNoZS0yLjAgTGljZW5zZSAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS00LTRoMjR2MjRILTR6Ii8+PHBhdGggZD0iTTYuOS4xQzMgLjYtLjEgNC0uMSA4YzAgNC40IDMuNiA4IDggOCA0IDAgNy40LTMgOC02LjktMS4yIDEuMy0yLjkgMi4xLTQuNyAyLjEtMy41IDAtNi40LTIuOS02LjQtNi40IDAtMS45LjgtMy42IDIuMS00Ljd6IiBmaWxsPSIjZjRhMzMxIi8+PC9zdmc+Cg==);
-}
-.autocomplete-result__status--icon[data-v-25cf09d8] {
+.autocomplete-result__status--icon[data-v-08521a89] {
   border: none;
   background-color: transparent;
 }
-.autocomplete-result__content[data-v-25cf09d8] {
+.autocomplete-result__content[data-v-08521a89] {
   display: flex;
   flex: 1 1 100%;
   flex-direction: column;
@@ -73,23 +65,60 @@
   min-width: 0;
   padding-left: 10px;
 }
-.autocomplete-result__title[data-v-25cf09d8],
-.autocomplete-result__subline[data-v-25cf09d8] {
+.autocomplete-result__title[data-v-08521a89],
+.autocomplete-result__subline[data-v-08521a89] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.autocomplete-result__subline[data-v-25cf09d8] {
+.autocomplete-result__subline[data-v-08521a89] {
   color: var(--color-text-maxcontrast);
 }
-.material-design-icon[data-v-9e395f41] {
+.material-design-icon[data-v-0abd2492] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.rich-contenteditable__input[data-v-9e395f41] {
+.rich-contenteditable[data-v-0abd2492] {
+  position: relative;
+  width: auto;
+}
+.rich-contenteditable__label[data-v-0abd2492] {
+  position: absolute;
+  margin-inline: 14px 0;
+  max-width: fit-content;
+  inset-block-start: 11px;
+  inset-inline: 0;
+  color: var(--color-text-maxcontrast);
+  white-space: nowrap;
+  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-0abd2492],
+.rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-0abd2492] {
+  inset-block-start: -10px;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
+  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);
+}
+.rich-contenteditable__input[data-v-0abd2492] {
   overflow-y: auto;
   width: auto;
   margin: 0;
@@ -98,7 +127,7 @@
   white-space: pre-wrap;
   word-break: break-word;
   color: var(--color-main-text);
-  border: 2px solid var(--color-border-dark);
+  border: 2px solid var(--color-border-maxcontrast);
   border-radius: var(--border-radius-large);
   outline: none;
   background-color: var(--color-main-background);
@@ -107,12 +136,16 @@
   min-height: 44px;
   max-height: 242px;
 }
-.rich-contenteditable__input--empty[data-v-9e395f41]:before {
+.rich-contenteditable__input--has-label[data-v-0abd2492] {
+  margin-top: 10px;
+}
+.rich-contenteditable__input--empty[data-v-0abd2492]:focus:before,
+.rich-contenteditable__input--empty[data-v-0abd2492]:not(.rich-contenteditable__input--has-label):before {
   content: attr(aria-placeholder);
   color: var(--color-text-maxcontrast);
   position: absolute;
 }
-.rich-contenteditable__input[contenteditable=false][data-v-9e395f41]:not(.rich-contenteditable__input--disabled) {
+.rich-contenteditable__input[contenteditable=false][data-v-0abd2492]:not(.rich-contenteditable__input--disabled) {
   cursor: default;
   background-color: transparent;
   color: var(--color-main-text);
@@ -120,11 +153,11 @@
   opacity: 1;
   border-radius: 0;
 }
-.rich-contenteditable__input--multiline[data-v-9e395f41] {
+.rich-contenteditable__input--multiline[data-v-0abd2492] {
   min-height: 132px;
   max-height: none;
 }
-.rich-contenteditable__input--disabled[data-v-9e395f41] {
+.rich-contenteditable__input--disabled[data-v-0abd2492] {
   opacity: .5;
   color: var(--color-text-maxcontrast);
   border: 2px solid var(--color-background-darker);