@nextcloud/vue 8.0.0-beta.6 → 8.0.0-beta.8

package/dist/assets/index-4ebacc78.css

@@ -0,0 +1,107 @@
+@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 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.resize-observer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  border: none;
+  background-color: transparent;
+  pointer-events: none;
+  display: block;
+  overflow: hidden;
+  opacity: 0;
+}
+.resize-observer object {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+.v-popper--theme-dropdown.v-popper__popper {
+  z-index: 100000;
+  top: 0;
+  left: 0;
+  display: block !important;
+  filter: drop-shadow(0 1px 10px var(--color-box-shadow));
+}
+.v-popper--theme-dropdown.v-popper__popper .v-popper__inner {
+  padding: 0;
+  color: var(--color-main-text);
+  border-radius: var(--border-radius-large);
+  overflow: hidden;
+  background: var(--color-main-background);
+}
+.v-popper--theme-dropdown.v-popper__popper .v-popper__arrow-container {
+  position: absolute;
+  z-index: 1;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 10px;
+}
+.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
+  bottom: -10px;
+  border-bottom-width: 0;
+  border-top-color: var(--color-main-background);
+}
+.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
+  top: -10px;
+  border-top-width: 0;
+  border-bottom-color: var(--color-main-background);
+}
+.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container {
+  left: -10px;
+  border-left-width: 0;
+  border-right-color: var(--color-main-background);
+}
+.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
+  right: -10px;
+  border-right-width: 0;
+  border-left-color: var(--color-main-background);
+}
+.v-popper--theme-dropdown.v-popper__popper[aria-hidden=true] {
+  visibility: hidden;
+  transition: opacity var(--animation-quick), visibility var(--animation-quick);
+  opacity: 0;
+}
+.v-popper--theme-dropdown.v-popper__popper[aria-hidden=false] {
+  visibility: visible;
+  transition: opacity var(--animation-quick);
+  opacity: 1;
+}

package/dist/assets/index-4ef32afd.css

@@ -0,0 +1,128 @@
+@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-c959ec5a] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.color-picker[data-v-c959ec5a] {
+  display: flex;
+  overflow: hidden;
+  align-content: flex-end;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: content-box !important;
+  width: 176px;
+  padding: 8px;
+  border-radius: 3px;
+}
+.color-picker--advanced-fields[data-v-c959ec5a] {
+  width: 264px;
+}
+.color-picker__simple[data-v-c959ec5a] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 44px);
+  grid-auto-rows: 44px;
+}
+.color-picker__simple-color-circle[data-v-c959ec5a] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  min-height: 34px;
+  margin: auto;
+  padding: 0;
+  color: #fff;
+  border: 1px solid rgba(0, 0, 0, .25);
+  border-radius: 50%;
+  font-size: 16px;
+}
+.color-picker__simple-color-circle[data-v-c959ec5a]:hover {
+  opacity: .6;
+}
+.color-picker__simple-color-circle--active[data-v-c959ec5a] {
+  width: 38px;
+  height: 38px;
+  min-height: 38px;
+  transition: all .1s ease-in-out;
+  opacity: 1 !important;
+}
+.color-picker__advanced[data-v-c959ec5a] {
+  box-shadow: none !important;
+}
+.color-picker__navigation[data-v-c959ec5a] {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+[data-v-c959ec5a] .vc-chrome {
+  width: unset;
+  background-color: var(--color-main-background);
+}
+[data-v-c959ec5a] .vc-chrome-color-wrap {
+  width: 30px;
+  height: 30px;
+}
+[data-v-c959ec5a] .vc-chrome-active-color {
+  width: 34px;
+  height: 34px;
+  border-radius: 17px;
+}
+[data-v-c959ec5a] .vc-chrome-body {
+  padding: 14px 0 0;
+  background-color: var(--color-main-background);
+}
+[data-v-c959ec5a] .vc-chrome-body .vc-input__input {
+  box-shadow: none;
+}
+[data-v-c959ec5a] .vc-chrome-toggle-btn {
+  filter: var(--background-invert-if-dark);
+}
+[data-v-c959ec5a] .vc-chrome-saturation-wrap {
+  border-radius: 3px;
+}
+[data-v-c959ec5a] .vc-chrome-saturation-circle {
+  width: 20px;
+  height: 20px;
+}
+.slide-enter[data-v-c959ec5a] {
+  transform: translate(-50%);
+  opacity: 0;
+}
+.slide-enter-to[data-v-c959ec5a],
+.slide-leave[data-v-c959ec5a] {
+  transform: translate(0);
+  opacity: 1;
+}
+.slide-leave-to[data-v-c959ec5a] {
+  transform: translate(-50%);
+  opacity: 0;
+}
+.slide-enter-active[data-v-c959ec5a],
+.slide-leave-active[data-v-c959ec5a] {
+  transition: all 50ms ease-in-out;
+}

package/dist/assets/{index47.css → index-5072b6ee.css}

@@ -1,4 +1,5 @@
-@charset "UTF-8";/**
+@charset "UTF-8";
+/**
  * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
  *
  * @author John Molakvoæ <skjnldsv@protonmail.com>
@@ -18,7 +19,15 @@
  * 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-f6c84c4c]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}/**
+ */
+.material-design-icon[data-v-50c84140] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+/**
  * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
  *
  * @author John Molakvoæ <skjnldsv@protonmail.com>
@@ -39,4 +48,69 @@
  * 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/>.
  *
- */li.active[data-v-f6c84c4c]{background-color:var(--color-background-hover);border-radius:6px;padding:0}.action-router[data-v-f6c84c4c]{display:flex;align-items:flex-start;width:100%;height:auto;margin:0;padding:0 14px 0 0;box-sizing:border-box;cursor:pointer;white-space:nowrap;color:var(--color-main-text);border:0;border-radius:0;background-color:transparent;box-shadow:none;font-weight:400;font-size:var(--default-font-size);line-height:44px}.action-router>span[data-v-f6c84c4c]{cursor:pointer;white-space:nowrap}.action-router__icon[data-v-f6c84c4c]{width:44px;height:44px;opacity:1;background-position:14px center;background-size:16px;background-repeat:no-repeat}.action-router[data-v-f6c84c4c] .material-design-icon{width:44px;height:44px;opacity:1}.action-router[data-v-f6c84c4c] .material-design-icon .material-design-icon__svg{vertical-align:middle}.action-router p[data-v-f6c84c4c]{max-width:220px;line-height:1.6em;padding:10.8px 0;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis}.action-router__longtext[data-v-f6c84c4c]{cursor:pointer;white-space:pre-wrap}.action-router__name[data-v-f6c84c4c]{font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block}.action--disabled[data-v-f6c84c4c]{pointer-events:none;opacity:.5}.action--disabled[data-v-f6c84c4c]:hover,.action--disabled[data-v-f6c84c4c]:focus{cursor:default;opacity:.5}.action--disabled *[data-v-f6c84c4c]{opacity:1!important}
+ */
+li.active[data-v-50c84140] {
+  background-color: var(--color-background-hover);
+  border-radius: 6px;
+  padding: 0;
+}
+.action-link[data-v-50c84140] {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  height: auto;
+  margin: 0;
+  padding: 0 14px 0 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--color-main-text);
+  border: 0;
+  border-radius: 0;
+  background-color: transparent;
+  box-shadow: none;
+  font-weight: 400;
+  font-size: var(--default-font-size);
+  line-height: 44px;
+}
+.action-link > span[data-v-50c84140] {
+  cursor: pointer;
+  white-space: nowrap;
+}
+.action-link__icon[data-v-50c84140] {
+  width: 44px;
+  height: 44px;
+  opacity: 1;
+  background-position: 14px center;
+  background-size: 16px;
+  background-repeat: no-repeat;
+}
+.action-link[data-v-50c84140] .material-design-icon {
+  width: 44px;
+  height: 44px;
+  opacity: 1;
+}
+.action-link[data-v-50c84140] .material-design-icon .material-design-icon__svg {
+  vertical-align: middle;
+}
+.action-link p[data-v-50c84140] {
+  max-width: 220px;
+  line-height: 1.6em;
+  padding: 10.8px 0;
+  cursor: pointer;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.action-link__longtext[data-v-50c84140] {
+  cursor: pointer;
+  white-space: pre-wrap;
+}
+.action-link__name[data-v-50c84140] {
+  font-weight: 700;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 100%;
+  display: inline-block;
+}

package/dist/assets/index-50b0766d.css

@@ -0,0 +1,202 @@
+@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-92748c61] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.input-field[data-v-92748c61] {
+  position: relative;
+  width: 100%;
+  border-radius: var(--border-radius-large);
+  margin-block-start: 6px;
+}
+.input-field__main-wrapper[data-v-92748c61] {
+  height: 38px;
+  position: relative;
+}
+.input-field--disabled[data-v-92748c61] {
+  opacity: .7;
+  filter: saturate(.7);
+}
+.input-field__input[data-v-92748c61] {
+  margin: 0;
+  padding-inline: 12px 6px;
+  height: 38px !important;
+  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;
+  -webkit-appearance: textfield !important;
+  -moz-appearance: textfield !important;
+}
+.input-field__input--label-outside[data-v-92748c61] {
+  padding-block: 0;
+}
+.input-field__input[data-v-92748c61]:active:not([disabled]),
+.input-field__input[data-v-92748c61]:hover:not([disabled]),
+.input-field__input[data-v-92748c61]:focus:not([disabled]) {
+  border-color: var(--color-primary-element);
+}
+.input-field__input[data-v-92748c61]:not(:focus, .input-field__input--label-outside)::placeholder {
+  opacity: 0;
+}
+.input-field__input[data-v-92748c61]:focus {
+  cursor: text;
+}
+.input-field__input[data-v-92748c61]:disabled {
+  cursor: default;
+}
+.input-field__input[data-v-92748c61]:focus-visible {
+  box-shadow: unset !important;
+}
+.input-field__input--leading-icon[data-v-92748c61] {
+  padding-inline-start: 32px;
+}
+.input-field__input--trailing-icon[data-v-92748c61] {
+  padding-inline-end: 32px;
+}
+.input-field__input--success[data-v-92748c61] {
+  border-color: var(--color-success) !important;
+}
+.input-field__input--success[data-v-92748c61]:focus-visible {
+  box-shadow:
+    #f8fafc 0 0 0 2px,
+    var(--color-primary-element) 0 0 0 4px,
+    #0000000d 0 1px 2px;
+}
+.input-field__input--success:focus + .input-field__label[data-v-92748c61],
+.input-field__input--success:hover:not(:placeholder-shown) + .input-field__label[data-v-92748c61] {
+  color: var(--color-success-text);
+}
+.input-field__input--error[data-v-92748c61] {
+  border-color: var(--color-error) !important;
+}
+.input-field__input--error[data-v-92748c61]:focus-visible {
+  box-shadow:
+    #f8fafc 0 0 0 2px,
+    var(--color-primary-element) 0 0 0 4px,
+    #0000000d 0 1px 2px;
+}
+.input-field__input--error:focus + .input-field__label[data-v-92748c61],
+.input-field__input--error:hover:not(:placeholder-shown) + .input-field__label[data-v-92748c61] {
+  color: var(--color-error-text);
+}
+.input-field__input:not(.input-field__input--success, .input-field__input--error):focus + .input-field__label[data-v-92748c61],
+.input-field__input:not(.input-field__input--success, .input-field__input--error):hover:not(:placeholder-shown) + .input-field__label[data-v-92748c61] {
+  color: var(--color-primary-element);
+}
+.input-field__label[data-v-92748c61] {
+  position: absolute;
+  margin-inline: 14px 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);
+}
+.input-field__label--leading-icon[data-v-92748c61] {
+  margin-inline-start: 34px;
+}
+.input-field__label--trailing-icon[data-v-92748c61] {
+  margin-inline-end: 34px;
+}
+.input-field__input:focus + .input-field__label[data-v-92748c61],
+.input-field__input:not(:placeholder-shown) + .input-field__label[data-v-92748c61] {
+  inset-block-start: -8px;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
+  background-color: var(--color-main-background);
+  height: 16px;
+  padding-inline: 5px;
+  padding-block-start: 2px;
+  margin-inline-start: 9px;
+  transition:
+    height var(--animation-quick),
+    inset-block-start var(--animation-quick),
+    font-size var(--animation-quick),
+    color var(--animation-quick);
+}
+.input-field__input:focus + .input-field__label--leading-icon[data-v-92748c61],
+.input-field__input:not(:placeholder-shown) + .input-field__label--leading-icon[data-v-92748c61] {
+  margin-inline-start: 29px;
+}
+.input-field__icon[data-v-92748c61] {
+  position: absolute;
+  height: 32px;
+  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: .7;
+}
+.input-field__icon--leading[data-v-92748c61] {
+  inset-block-end: 3px;
+  inset-inline-start: 2px;
+}
+.input-field__icon--trailing[data-v-92748c61] {
+  inset-block-end: 3px;
+  inset-inline-end: 2px;
+}
+.input-field__clear-button.button-vue[data-v-92748c61] {
+  position: absolute;
+  inset-block-end: 3px;
+  inset-inline-end: 2px;
+  min-width: unset;
+  min-height: unset;
+  height: 32px;
+  width: 32px !important;
+  border-radius: var(--border-radius-large);
+}
+.input-field__helper-text-message[data-v-92748c61] {
+  padding-block: 4px;
+  display: flex;
+  align-items: center;
+}
+.input-field__helper-text-message__icon[data-v-92748c61] {
+  margin-inline-end: 8px;
+}
+.input-field__helper-text-message--error[data-v-92748c61] {
+  color: var(--color-error-text);
+}
+.input-field__helper-text-message--success[data-v-92748c61] {
+  color: var(--color-success-text);
+}

package/dist/assets/index-5eff69c7.css

@@ -0,0 +1,149 @@
+@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-5a1a428c] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.avatardiv[data-v-5a1a428c] {
+  position: relative;
+  display: inline-block;
+  width: var(--size);
+  height: var(--size);
+}
+.avatardiv--unknown[data-v-5a1a428c] {
+  position: relative;
+  background-color: var(--color-main-background);
+  white-space: normal;
+}
+.avatardiv[data-v-5a1a428c]:not(.avatardiv--unknown) {
+  background-color: var(--color-main-background) !important;
+  box-shadow: 0 0 5px #0000000d inset;
+}
+.avatardiv--with-menu[data-v-5a1a428c] {
+  cursor: pointer;
+}
+.avatardiv--with-menu .action-item[data-v-5a1a428c] {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.avatardiv--with-menu[data-v-5a1a428c] .action-item__menutoggle {
+  cursor: pointer;
+  opacity: 0;
+}
+.avatardiv--with-menu[data-v-5a1a428c]:focus .action-item__menutoggle,
+.avatardiv--with-menu[data-v-5a1a428c]:hover .action-item__menutoggle,
+.avatardiv--with-menu.avatardiv--with-menu-loading[data-v-5a1a428c] .action-item__menutoggle {
+  opacity: 1;
+}
+.avatardiv--with-menu:focus img[data-v-5a1a428c],
+.avatardiv--with-menu:hover img[data-v-5a1a428c],
+.avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-5a1a428c] {
+  opacity: .3;
+}
+.avatardiv--with-menu[data-v-5a1a428c] .action-item__menutoggle,
+.avatardiv--with-menu img[data-v-5a1a428c] {
+  transition: opacity var(--animation-quick);
+}
+.avatardiv--with-menu[data-v-5a1a428c] .button-vue,
+.avatardiv--with-menu[data-v-5a1a428c] .button-vue__icon {
+  height: var(--size);
+  min-height: var(--size);
+  width: var(--size) !important;
+  min-width: var(--size);
+}
+.avatardiv .avatardiv__initials-wrapper[data-v-5a1a428c] {
+  height: var(--size);
+  width: var(--size);
+  background-color: var(--color-main-background);
+  border-radius: 50%;
+}
+.avatardiv .avatardiv__initials-wrapper .unknown[data-v-5a1a428c] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  text-align: center;
+  font-weight: 400;
+}
+.avatardiv img[data-v-5a1a428c] {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.avatardiv .material-design-icon[data-v-5a1a428c] {
+  width: var(--size);
+  height: var(--size);
+}
+.avatardiv .avatardiv__user-status[data-v-5a1a428c] {
+  position: absolute;
+  right: -4px;
+  bottom: -4px;
+  max-height: 18px;
+  max-width: 18px;
+  height: 40%;
+  width: 40%;
+  line-height: 15px;
+  font-size: var(--default-font-size);
+  border: 2px solid var(--color-main-background);
+  background-color: var(--color-main-background);
+  background-repeat: no-repeat;
+  background-size: 16px;
+  background-position: center;
+  border-radius: 50%;
+}
+.acli:hover .avatardiv .avatardiv__user-status[data-v-5a1a428c] {
+  border-color: var(--color-background-hover);
+  background-color: var(--color-background-hover);
+}
+.acli.active .avatardiv .avatardiv__user-status[data-v-5a1a428c] {
+  border-color: var(--color-primary-element-light);
+  background-color: var(--color-primary-element-light);
+}
+.avatardiv .avatardiv__user-status--online[data-v-5a1a428c] {
+  background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIGljb24gaXMgcGFydCBvZiBNYXRlcmlhbCBVSSBJY29ucy4gQ29weXJpZ2h0IDIwMjAgR29vZ2xlIEluYy4sIEFwYWNoZS0yLjAgTGljZW5zZSAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTQuOCAxMS4yaDYuNFY0LjhINC44djYuNHpNOCAwQzMuNiAwIDAgMy42IDAgOHMzLjYgOCA4IDggOC0zLjYgOC04LTMuNi04LTgtOHoiIGZpbGw9IiM0OWIzODIiLz48L3N2Zz4K);
+}
+.avatardiv .avatardiv__user-status--dnd[data-v-5a1a428c] {
+  background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIGljb24gaXMgcGFydCBvZiBNYXRlcmlhbCBVSSBJY29ucy4gQ29weXJpZ2h0IDIwMjAgR29vZ2xlIEluYy4sIEFwYWNoZS0yLjAgTGljZW5zZSAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTS00LTRoMjR2MjRILTRWLTR6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhzMy42IDggOCA4IDgtMy42IDgtOC0zLjYtOC04LTh6IiBmaWxsPSIjZWQ0ODRjIi8+PHBhdGggZD0iTTUgNi41aDZjLjggMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNUg1Yy0uOCAwLTEuNS0uNy0xLjUtMS41UzQuMiA2LjUgNSA2LjV6IiBmaWxsPSIjZmRmZmZmIi8+PC9zdmc+Cg==);
+  background-color: #fff;
+}
+.avatardiv .avatardiv__user-status--away[data-v-5a1a428c] {
+  background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIGljb24gaXMgcGFydCBvZiBNYXRlcmlhbCBVSSBJY29ucy4gQ29weXJpZ2h0IDIwMjAgR29vZ2xlIEluYy4sIEFwYWNoZS0yLjAgTGljZW5zZSAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS00LTRoMjR2MjRILTR6Ii8+PHBhdGggZD0iTTYuOS4xQzMgLjYtLjEgNC0uMSA4YzAgNC40IDMuNiA4IDggOCA0IDAgNy40LTMgOC02LjktMS4yIDEuMy0yLjkgMi4xLTQuNyAyLjEtMy41IDAtNi40LTIuOS02LjQtNi40IDAtMS45LjgtMy42IDIuMS00Ljd6IiBmaWxsPSIjZjRhMzMxIi8+PC9zdmc+Cg==);
+}
+.avatardiv .avatardiv__user-status--icon[data-v-5a1a428c] {
+  border: none;
+  background-color: transparent;
+}
+.avatardiv .popovermenu-wrapper[data-v-5a1a428c] {
+  position: relative;
+  display: inline-block;
+}
+.avatar-class-icon[data-v-5a1a428c] {
+  border-radius: 50%;
+  background-color: var(--color-background-darker);
+  height: 100%;
+}