@nextcloud/vue 8.0.0-beta.9 → 8.0.0

package/dist/assets/{index-236620b0.css → index-6899d75b.css}

@@ -20,28 +20,28 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-7144de10] {
+.material-design-icon[data-v-44bb430a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.textarea[data-v-7144de10] {
+.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-7144de10] {
+.textarea__main-wrapper[data-v-44bb430a] {
   position: relative;
 }
-.textarea--disabled[data-v-7144de10] {
+.textarea--disabled[data-v-44bb430a] {
   opacity: .7;
   filter: saturate(.7);
 }
-.textarea__input[data-v-7144de10] {
+.textarea__input[data-v-44bb430a] {
   margin: 0;
   padding-inline: 10px 6px;
   width: 100%;
@@ -53,54 +53,54 @@
   border-radius: var(--border-radius-large);
   cursor: pointer;
 }
-.textarea__input[data-v-7144de10]:active:not([disabled]),
-.textarea__input[data-v-7144de10]:hover:not([disabled]),
-.textarea__input[data-v-7144de10]:focus:not([disabled]) {
+.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-7144de10]:not(:focus, .textarea__input--label-outside)::placeholder {
+.textarea__input[data-v-44bb430a]:not(:focus, .textarea__input--label-outside)::placeholder {
   opacity: 0;
 }
-.textarea__input[data-v-7144de10]:focus {
+.textarea__input[data-v-44bb430a]:focus {
   cursor: text;
 }
-.textarea__input[data-v-7144de10]:disabled {
+.textarea__input[data-v-44bb430a]:disabled {
   cursor: default;
 }
-.textarea__input[data-v-7144de10]:focus-visible {
+.textarea__input[data-v-44bb430a]:focus-visible {
   box-shadow: unset !important;
 }
-.textarea__input--success[data-v-7144de10] {
+.textarea__input--success[data-v-44bb430a] {
   border-color: var(--color-success) !important;
 }
-.textarea__input--success[data-v-7144de10]:focus-visible {
+.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-7144de10],
-.textarea__input--success:hover:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+.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-7144de10] {
+.textarea__input--error[data-v-44bb430a] {
   border-color: var(--color-error) !important;
 }
-.textarea__input--error[data-v-7144de10]:focus-visible {
+.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-7144de10],
-.textarea__input--error:hover:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+.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-7144de10],
-.textarea__input:not(.textarea__input--success, .textarea__input--error):hover:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+.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-7144de10] {
+.textarea__label[data-v-44bb430a] {
   position: absolute;
   margin-inline: 12px 0;
   height: 17px;
@@ -120,8 +120,8 @@
     color var(--animation-quick),
     background-color var(--animation-quick) var(--animation-slow);
 }
-.textarea__input:focus + .textarea__label[data-v-7144de10],
-.textarea__input:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+.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);
@@ -134,17 +134,17 @@
     font-size var(--animation-quick),
     color var(--animation-quick);
 }
-.textarea__helper-text-message[data-v-7144de10] {
+.textarea__helper-text-message[data-v-44bb430a] {
   padding-block: 4px;
   display: flex;
   align-items: center;
 }
-.textarea__helper-text-message__icon[data-v-7144de10] {
+.textarea__helper-text-message__icon[data-v-44bb430a] {
   margin-inline-end: 8px;
 }
-.textarea__helper-text-message--error[data-v-7144de10] {
+.textarea__helper-text-message--error[data-v-44bb430a] {
   color: var(--color-error-text);
 }
-.textarea__helper-text-message--success[data-v-7144de10] {
+.textarea__helper-text-message--success[data-v-44bb430a] {
   color: var(--color-success-text);
 }

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-9e9587e1.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-01c0bc0e] {
+.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-01c0bc0e] {
+.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-01c0bc0e]: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-01c0bc0e] {
+.app-sidebar__tab--active[data-v-95b458cc] {
   display: block;
 }

package/dist/assets/{index-c5ae3bc4.css → index-7d211db9.css}

@@ -1,30 +1,30 @@
 @charset "UTF-8";
-.material-design-icon[data-v-3b9aca31] {
+.material-design-icon[data-v-c682268d] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-sidebar-tabs[data-v-3b9aca31] {
+.app-sidebar-tabs[data-v-c682268d] {
   display: flex;
   flex-direction: column;
   min-height: 0;
   flex: 1 1 100%;
 }
-.app-sidebar-tabs__nav[data-v-3b9aca31] {
+.app-sidebar-tabs__nav[data-v-c682268d] {
   display: flex;
   justify-content: stretch;
   margin-top: 10px;
   padding: 0 4px;
 }
-.app-sidebar-tabs__tab[data-v-3b9aca31] {
+.app-sidebar-tabs__tab[data-v-c682268d] {
   flex: 1 1;
 }
-.app-sidebar-tabs__tab.active[data-v-3b9aca31] {
+.app-sidebar-tabs__tab.active[data-v-c682268d] {
   color: var(--color-primary-element);
 }
-.app-sidebar-tabs__tab-caption[data-v-3b9aca31] {
+.app-sidebar-tabs__tab-caption[data-v-c682268d] {
   flex: 0 1 100%;
   width: 100%;
   overflow: hidden;
@@ -32,24 +32,24 @@
   text-overflow: ellipsis;
   text-align: center;
 }
-.app-sidebar-tabs__tab-icon[data-v-3b9aca31] {
+.app-sidebar-tabs__tab-icon[data-v-c682268d] {
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: 20px;
 }
-.app-sidebar-tabs__tab[data-v-3b9aca31] .checkbox-radio-switch__content {
+.app-sidebar-tabs__tab[data-v-c682268d] .checkbox-radio-switch__content {
   max-width: unset;
 }
-.app-sidebar-tabs__content[data-v-3b9aca31] {
+.app-sidebar-tabs__content[data-v-c682268d] {
   position: relative;
   min-height: 0;
   height: 100%;
 }
-.app-sidebar-tabs__content--multiple[data-v-3b9aca31] > :not(section) {
+.app-sidebar-tabs__content--multiple[data-v-c682268d] > :not(section) {
   display: none;
 }
-[data-v-3b9aca31] .checkbox-radio-switch--button-variant.checkbox-radio-switch {
+[data-v-c682268d] .checkbox-radio-switch--button-variant.checkbox-radio-switch {
   border: unset;
 }
 .material-design-icon[data-v-90858b97] {

package/dist/assets/{index-8304db49.css → index-802d2118.css}

@@ -105,7 +105,7 @@ li.active[data-v-bfe3e3d6] {
 }
 .action-router__longtext[data-v-bfe3e3d6] {
   cursor: pointer;
-  white-space: pre-wrap;
+  white-space: pre-wrap !important;
 }
 .action-router__name[data-v-bfe3e3d6] {
   font-weight: 700;
@@ -115,6 +115,10 @@ li.active[data-v-bfe3e3d6] {
   max-width: 100%;
   display: inline-block;
 }
+.action-router__menu-icon[data-v-bfe3e3d6] {
+  margin-left: auto;
+  margin-right: -14px;
+}
 .action--disabled[data-v-bfe3e3d6] {
   pointer-events: none;
   opacity: .5;

package/dist/assets/{index-a2d55f92.css → index-9176105d.css}

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