@nextcloud/vue 8.0.0-beta.8 → 8.0.0

package/dist/assets/{index-de0326c7.css → index-5ee8a575.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-27c27b41] {
+.material-design-icon[data-v-45e668d9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-27c27b41] {
+.modal-mask[data-v-45e668d9] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -37,10 +37,10 @@
   height: 100%;
   background-color: #00000080;
 }
-.modal-mask--dark[data-v-27c27b41] {
+.modal-mask--dark[data-v-45e668d9] {
   background-color: #000000eb;
 }
-.modal-header[data-v-27c27b41] {
+.modal-header[data-v-45e668d9] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -54,11 +54,7 @@
   overflow: hidden;
   transition: opacity .25s, visibility .25s;
 }
-.modal-header.invisible[style*="display:none"][data-v-27c27b41],
-.modal-header.invisible[style*="display: none"][data-v-27c27b41] {
-  visibility: hidden;
-}
-.modal-header .modal-name[data-v-27c27b41] {
+.modal-header .modal-name[data-v-45e668d9] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -71,19 +67,19 @@
   margin-bottom: 0;
 }
 @media only screen and (min-width: 1024px) {
-  .modal-header .modal-name[data-v-27c27b41] {
+  .modal-header .modal-name[data-v-45e668d9] {
     padding-left: 132px;
     text-align: center;
   }
 }
-.modal-header .icons-menu[data-v-27c27b41] {
+.modal-header .icons-menu[data-v-45e668d9] {
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-27c27b41] {
+.modal-header .icons-menu .header-close[data-v-45e668d9] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -91,7 +87,7 @@
   margin: 3px;
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-27c27b41] {
+.modal-header .icons-menu .play-pause-icons[data-v-45e668d9] {
   position: relative;
   width: 50px;
   height: 50px;
@@ -101,16 +97,16 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-27c27b41],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-27c27b41],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-27c27b41],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-27c27b41] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-45e668d9],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-45e668d9],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-45e668d9],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-45e668d9] {
   opacity: 1;
   border-radius: 22px;
   background-color: #7f7f7f40;
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-27c27b41],
-.modal-header .icons-menu .play-pause-icons__pause[data-v-27c27b41] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-45e668d9],
+.modal-header .icons-menu .play-pause-icons__pause[data-v-45e668d9] {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -118,13 +114,13 @@
   cursor: pointer;
   opacity: .7;
 }
-.modal-header .icons-menu .header-actions[data-v-27c27b41] {
+.modal-header .icons-menu .header-actions[data-v-45e668d9] {
   color: #fff;
 }
-.modal-header .icons-menu[data-v-27c27b41] .action-item {
+.modal-header .icons-menu[data-v-45e668d9] .action-item {
   margin: 3px;
 }
-.modal-header .icons-menu[data-v-27c27b41] .action-item--single {
+.modal-header .icons-menu[data-v-45e668d9] .action-item--single {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -132,18 +128,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu[data-v-27c27b41] button {
+.modal-header .icons-menu[data-v-45e668d9] button {
   color: #fff;
 }
-.modal-header .icons-menu[data-v-27c27b41] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-45e668d9] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-27c27b41] .action-item__menutoggle span,
-.modal-header .icons-menu[data-v-27c27b41] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-45e668d9] .action-item__menutoggle span,
+.modal-header .icons-menu[data-v-45e668d9] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-27c27b41] {
+.modal-wrapper[data-v-45e668d9] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -151,34 +147,27 @@
   width: 100%;
   height: 100%;
 }
-.modal-wrapper .prev[data-v-27c27b41],
-.modal-wrapper .next[data-v-27c27b41] {
+.modal-wrapper .prev[data-v-45e668d9],
+.modal-wrapper .next[data-v-45e668d9] {
   z-index: 10000;
-  display: flex !important;
   height: 35vh;
   min-height: 300px;
   position: absolute;
-  transition: opacity .25s, visibility .25s;
+  transition: opacity .25s;
   color: #fff;
 }
-.modal-wrapper .prev[data-v-27c27b41]:focus-visible,
-.modal-wrapper .next[data-v-27c27b41]:focus-visible {
+.modal-wrapper .prev[data-v-45e668d9]:focus-visible,
+.modal-wrapper .next[data-v-45e668d9]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev.invisible[style*="display:none"][data-v-27c27b41],
-.modal-wrapper .prev.invisible[style*="display: none"][data-v-27c27b41],
-.modal-wrapper .next.invisible[style*="display:none"][data-v-27c27b41],
-.modal-wrapper .next.invisible[style*="display: none"][data-v-27c27b41] {
-  visibility: hidden;
-}
-.modal-wrapper .prev[data-v-27c27b41] {
+.modal-wrapper .prev[data-v-45e668d9] {
   left: 2px;
 }
-.modal-wrapper .next[data-v-27c27b41] {
+.modal-wrapper .next[data-v-45e668d9] {
   right: 2px;
 }
-.modal-wrapper .modal-container[data-v-27c27b41] {
+.modal-wrapper .modal-container[data-v-45e668d9] {
   position: relative;
   display: flex;
   padding: 0;
@@ -188,31 +177,33 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px #0003;
 }
-.modal-wrapper .modal-container__close[data-v-27c27b41] {
+.modal-wrapper .modal-container__close[data-v-45e668d9] {
+  z-index: 1;
   position: absolute;
   top: 4px;
   right: 4px;
 }
-.modal-wrapper .modal-container__content[data-v-27c27b41] {
+.modal-wrapper .modal-container__content[data-v-45e668d9] {
   width: 100%;
+  min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small .modal-container[data-v-27c27b41] {
+.modal-wrapper--small .modal-container[data-v-45e668d9] {
   width: 400px;
   max-width: 90%;
-  max-height: 90%;
+  max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--normal .modal-container[data-v-27c27b41] {
+.modal-wrapper--normal .modal-container[data-v-45e668d9] {
   max-width: 90%;
   width: 600px;
-  max-height: 90%;
+  max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--large .modal-container[data-v-27c27b41] {
+.modal-wrapper--large .modal-container[data-v-45e668d9] {
   max-width: 90%;
   width: 900px;
-  max-height: 90%;
+  max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--full .modal-container[data-v-27c27b41] {
+.modal-wrapper--full .modal-container[data-v-45e668d9] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
@@ -220,7 +211,7 @@
   border-radius: 0;
 }
 @media only screen and (max-width: 512px) {
-  .modal-wrapper .modal-container[data-v-27c27b41] {
+  .modal-wrapper .modal-container[data-v-45e668d9] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -230,60 +221,60 @@
     border-radius: 0;
   }
 }
-.fade-enter-active[data-v-27c27b41],
-.fade-leave-active[data-v-27c27b41] {
+.fade-enter-active[data-v-45e668d9],
+.fade-leave-active[data-v-45e668d9] {
   transition: opacity .25s;
 }
-.fade-enter[data-v-27c27b41],
-.fade-leave-to[data-v-27c27b41] {
+.fade-enter[data-v-45e668d9],
+.fade-leave-to[data-v-45e668d9] {
   opacity: 0;
 }
-.fade-visibility-enter[data-v-27c27b41],
-.fade-visibility-leave-to[data-v-27c27b41] {
+.fade-visibility-enter[data-v-45e668d9],
+.fade-visibility-leave-to[data-v-45e668d9] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-27c27b41],
-.modal-in-leave-active[data-v-27c27b41],
-.modal-out-enter-active[data-v-27c27b41],
-.modal-out-leave-active[data-v-27c27b41] {
+.modal-in-enter-active[data-v-45e668d9],
+.modal-in-leave-active[data-v-45e668d9],
+.modal-out-enter-active[data-v-45e668d9],
+.modal-out-leave-active[data-v-45e668d9] {
   transition: opacity .25s;
 }
-.modal-in-enter[data-v-27c27b41],
-.modal-in-leave-to[data-v-27c27b41],
-.modal-out-enter[data-v-27c27b41],
-.modal-out-leave-to[data-v-27c27b41] {
+.modal-in-enter[data-v-45e668d9],
+.modal-in-leave-to[data-v-45e668d9],
+.modal-out-enter[data-v-45e668d9],
+.modal-out-leave-to[data-v-45e668d9] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-27c27b41],
-.modal-in-leave-to .modal-container[data-v-27c27b41] {
+.modal-in-enter .modal-container[data-v-45e668d9],
+.modal-in-leave-to .modal-container[data-v-45e668d9] {
   transform: scale(.9);
 }
-.modal-out-enter .modal-container[data-v-27c27b41],
-.modal-out-leave-to .modal-container[data-v-27c27b41] {
+.modal-out-enter .modal-container[data-v-45e668d9],
+.modal-out-leave-to .modal-container[data-v-45e668d9] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-27c27b41] {
+.modal-mask .play-pause-icons .progress-ring[data-v-45e668d9] {
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-27c27b41] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-45e668d9] {
   transition: .1s stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-27c27b41 linear var(--slideshow-duration) infinite;
+  animation: progressring-45e668d9 linear var(--slideshow-duration) infinite;
   stroke-linecap: round;
   stroke-dashoffset: 94.2477796077;
   stroke-dasharray: 94.2477796077;
 }
-.modal-mask .play-pause-icons--paused .icon-pause[data-v-27c27b41] {
-  animation: breath-27c27b41 2s cubic-bezier(.4, 0, .2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-45e668d9] {
+  animation: breath-45e668d9 2s cubic-bezier(.4, 0, .2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-27c27b41] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-45e668d9] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-27c27b41 {
+@keyframes progressring-45e668d9 {
   0% {
     stroke-dashoffset: 94.2477796077;
   }
@@ -291,7 +282,7 @@
     stroke-dashoffset: 0;
   }
 }
-@keyframes breath-27c27b41 {
+@keyframes breath-45e668d9 {
   0% {
     opacity: 1;
   }

package/dist/assets/index-6899d75b.css

@@ -0,0 +1,150 @@
+@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/>.
+ *
+ */
+.material-design-icon[data-v-44bb430a] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.textarea[data-v-44bb430a] {
+  position: relative;
+  width: 100%;
+  border-radius: var(--border-radius-large);
+  margin-block-start: 6px;
+  resize: vertical;
+}
+.textarea__main-wrapper[data-v-44bb430a] {
+  position: relative;
+}
+.textarea--disabled[data-v-44bb430a] {
+  opacity: .7;
+  filter: saturate(.7);
+}
+.textarea__input[data-v-44bb430a] {
+  margin: 0;
+  padding-inline: 10px 6px;
+  width: 100%;
+  font-size: var(--default-font-size);
+  text-overflow: ellipsis;
+  background-color: var(--color-main-background);
+  color: var(--color-main-text);
+  border: 2px solid var(--color-border-maxcontrast);
+  border-radius: var(--border-radius-large);
+  cursor: pointer;
+}
+.textarea__input[data-v-44bb430a]:active:not([disabled]),
+.textarea__input[data-v-44bb430a]:hover:not([disabled]),
+.textarea__input[data-v-44bb430a]:focus:not([disabled]) {
+  border-color: var(--color-primary-element);
+}
+.textarea__input[data-v-44bb430a]:not(:focus, .textarea__input--label-outside)::placeholder {
+  opacity: 0;
+}
+.textarea__input[data-v-44bb430a]:focus {
+  cursor: text;
+}
+.textarea__input[data-v-44bb430a]:disabled {
+  cursor: default;
+}
+.textarea__input[data-v-44bb430a]:focus-visible {
+  box-shadow: unset !important;
+}
+.textarea__input--success[data-v-44bb430a] {
+  border-color: var(--color-success) !important;
+}
+.textarea__input--success[data-v-44bb430a]:focus-visible {
+  box-shadow:
+    #f8fafc 0 0 0 2px,
+    var(--color-primary-element) 0 0 0 4px,
+    #0000000d 0 1px 2px;
+}
+.textarea__input--success:focus + .textarea__label[data-v-44bb430a],
+.textarea__input--success:hover:not(:placeholder-shown) + .textarea__label[data-v-44bb430a] {
+  color: var(--color-success-text);
+}
+.textarea__input--error[data-v-44bb430a] {
+  border-color: var(--color-error) !important;
+}
+.textarea__input--error[data-v-44bb430a]:focus-visible {
+  box-shadow:
+    #f8fafc 0 0 0 2px,
+    var(--color-primary-element) 0 0 0 4px,
+    #0000000d 0 1px 2px;
+}
+.textarea__input--error:focus + .textarea__label[data-v-44bb430a],
+.textarea__input--error:hover:not(:placeholder-shown) + .textarea__label[data-v-44bb430a] {
+  color: var(--color-error-text);
+}
+.textarea__input:not(.textarea__input--success, .textarea__input--error):focus + .textarea__label[data-v-44bb430a],
+.textarea__input:not(.textarea__input--success, .textarea__input--error):hover:not(:placeholder-shown) + .textarea__label[data-v-44bb430a] {
+  color: var(--color-primary-element);
+}
+.textarea__label[data-v-44bb430a] {
+  position: absolute;
+  margin-inline: 12px 0;
+  height: 17px;
+  max-width: fit-content;
+  line-height: 1;
+  inset-block-start: 12px;
+  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);
+}
+.textarea__input:focus + .textarea__label[data-v-44bb430a],
+.textarea__input:not(:placeholder-shown) + .textarea__label[data-v-44bb430a] {
+  inset-block-start: -6px;
+  font-size: 13px;
+  background-color: var(--color-main-background);
+  height: 14px;
+  padding-inline: 4px;
+  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-44bb430a] {
+  padding-block: 4px;
+  display: flex;
+  align-items: center;
+}
+.textarea__helper-text-message__icon[data-v-44bb430a] {
+  margin-inline-end: 8px;
+}
+.textarea__helper-text-message--error[data-v-44bb430a] {
+  color: var(--color-error-text);
+}
+.textarea__helper-text-message--success[data-v-44bb430a] {
+  color: var(--color-success-text);
+}

package/dist/assets/{index-9354264c.css → index-6f721577.css}

@@ -20,61 +20,61 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-9b44a778] {
+.material-design-icon[data-v-562c32c6] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.option[data-v-9b44a778] {
+.option[data-v-562c32c6] {
   display: flex;
   align-items: center;
   width: 100%;
   height: var(--height);
   cursor: inherit;
 }
-.option__avatar[data-v-9b44a778] {
+.option__avatar[data-v-562c32c6] {
   margin-right: var(--margin);
 }
-.option__details[data-v-9b44a778] {
+.option__details[data-v-562c32c6] {
   display: flex;
   flex: 1 1;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
 }
-.option__lineone[data-v-9b44a778] {
+.option__lineone[data-v-562c32c6] {
   color: var(--color-main-text);
 }
-.option__linetwo[data-v-9b44a778] {
+.option__linetwo[data-v-562c32c6] {
   color: var(--color-text-maxcontrast);
 }
-.option__lineone[data-v-9b44a778],
-.option__linetwo[data-v-9b44a778] {
+.option__lineone[data-v-562c32c6],
+.option__linetwo[data-v-562c32c6] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height: 1.1em;
 }
-.option__lineone strong[data-v-9b44a778],
-.option__linetwo strong[data-v-9b44a778] {
+.option__lineone strong[data-v-562c32c6],
+.option__linetwo strong[data-v-562c32c6] {
   font-weight: 700;
 }
-.option__icon[data-v-9b44a778] {
+.option__icon[data-v-562c32c6] {
   width: 44px;
   height: 44px;
   color: var(--color-text-maxcontrast);
 }
-.option__icon.icon[data-v-9b44a778] {
+.option__icon.icon[data-v-562c32c6] {
   flex: 0 0 44px;
   opacity: .7;
   background-position: center;
   background-size: 16px;
 }
-.option__details[data-v-9b44a778],
-.option__lineone[data-v-9b44a778],
-.option__linetwo[data-v-9b44a778],
-.option__icon[data-v-9b44a778] {
+.option__details[data-v-562c32c6],
+.option__lineone[data-v-562c32c6],
+.option__linetwo[data-v-562c32c6],
+.option__icon[data-v-562c32c6] {
   cursor: inherit;
 }

package/dist/assets/{index-1beccc92.css → index-750c02cc.css}

@@ -44,8 +44,8 @@ body {
   --vs-border-width: 2px;
   --vs-border-style: solid;
   --vs-border-radius: var(--border-radius-large);
-  --vs-controls-color: var(--color-text-maxcontrast);
-  --vs-selected-bg: var(--color-background-dark);
+  --vs-controls-color: var(--color-main-text);
+  --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);
@@ -61,6 +61,7 @@ body {
   --vs-dropdown-option--deselect-bg: var(--color-error);
   --vs-dropdown-option--deselect-color: #fff;
   --vs-transition-duration: 0ms;
+  --vs-actions-padding: 0 8px 0 4px;
 }
 .v-select.select {
   min-height: 44px;
@@ -68,19 +69,30 @@ body {
   margin: 0;
 }
 .v-select.select .vs__selected {
-  min-height: 36px;
-  padding: 0 .5em;
-  border-radius: calc(var(--vs-border-radius) - 4px) !important;
+  height: 32px;
+  padding: 0 8px 0 12px;
+  border-radius: 18px !important;
+  background: var(--color-primary-element-light);
+  border: none;
+}
+.v-select.select .vs__search,
+.v-select.select .vs__search:focus {
+  margin: 2px 0 0;
+}
+.v-select.select .vs__dropdown-toggle {
+  padding: 0;
 }
 .v-select.select .vs__clear {
   margin-right: 2px;
 }
 .v-select.select.vs--open .vs__dropdown-toggle {
-  border-color: var(--color-primary-element);
+  outline: 2px solid var(--color-main-background);
+  border-color: var(--color-main-text);
   border-bottom-color: transparent;
 }
 .v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover {
-  border-color: var(--color-primary-element);
+  outline: 2px solid var(--color-main-background);
+  border-color: var(--color-main-text);
 }
 .v-select.select.vs--disabled .vs__search,
 .v-select.select.vs--disabled .vs__selected {
@@ -101,7 +113,7 @@ body {
 .v-select.select--drop-up.vs--open .vs__dropdown-toggle {
   border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
   border-top-color: transparent;
-  border-bottom-color: var(--color-primary-element);
+  border-bottom-color: var(--color-main-text);
 }
 .v-select.select .vs__selected-options {
   min-height: 40px;
@@ -112,13 +124,17 @@ body {
 .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);
 }
 .v-select.select.vs--single .vs__selected-options {
   flex-wrap: nowrap;
 }
 .vs__dropdown-menu {
-  border-color: var(--color-primary-element) !important;
+  border-color: var(--color-main-text) !important;
+  outline: 2px solid var(--color-main-background);
   padding: 4px !important;
+  box-shadow: none;
 }
 .vs__dropdown-menu--floating {
   width: max-content;
@@ -130,7 +146,6 @@ 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 -1px 1px 0 var(--color-box-shadow) !important;
 }
 .vs__dropdown-menu .vs__dropdown-option {
   border-radius: 6px !important;
@@ -138,3 +153,6 @@ body {
 .vs__dropdown-menu .vs__no-options {
   color: var(--color-text-lighter) !important;
 }
+.user-select .vs__selected {
+  padding: 0 2px !important;
+}

package/dist/assets/{index-0557f12a.css → index-77a548be.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-24771dcd] {
+.material-design-icon[data-v-95b458cc] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-sidebar__tab[data-v-24771dcd] {
+.app-sidebar__tab[data-v-95b458cc] {
   display: none;
   padding: 10px;
   min-height: 100%;
@@ -35,11 +35,11 @@
   height: 100%;
   overflow: auto;
 }
-.app-sidebar__tab[data-v-24771dcd]:focus {
+.app-sidebar__tab[data-v-95b458cc]:focus {
   border-color: var(--color-primary-element);
   box-shadow: 0 0 .2em var(--color-primary-element);
   outline: 0;
 }
-.app-sidebar__tab--active[data-v-24771dcd] {
+.app-sidebar__tab--active[data-v-95b458cc] {
   display: block;
 }