@nextcloud/vue 8.0.0-beta.7 → 8.0.0-beta.9

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/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);
+}