@nextcloud/vue 9.0.0-alpha.4 → 9.0.0-alpha.6

package/dist/assets/NcRichText-C_CIawDX.css

@@ -0,0 +1,412 @@
+@charset "UTF-8";/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-8d575d2d] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.widgets--list[data-v-8d575d2d] {
+  width: 100%;
+  min-height: var(--default-clickable-area);
+}
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-724f3ec5] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+/* stylelint-disable-next-line scss/at-import-partial-extension */
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * Styles are extracted to extract scss to dist folder, too.
+ */
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+* Colors and class selectors are extracted from source code of:
+* - library: highlight.js (v11.10.0)
+* - light theme: highlight.js/styles/github.css
+* - dark theme: highlight.js/styles/github-dark.css
+* and reworked to use with Nextcloud dark and light theme
+*/
+li.task-list-item > ul[data-v-724f3ec5],
+li.task-list-item > ol[data-v-724f3ec5],
+li.task-list-item > li[data-v-724f3ec5],
+li.task-list-item > blockquote[data-v-724f3ec5],
+li.task-list-item > pre[data-v-724f3ec5] {
+  margin-inline-start: 15px;
+  margin-block-end: 0;
+}
+.rich-text--wrapper[data-v-724f3ec5] {
+  word-break: break-word;
+  line-height: 1.5;
+}
+.rich-text--wrapper .rich-text--fallback[data-v-724f3ec5], .rich-text--wrapper .rich-text-component[data-v-724f3ec5] {
+  display: inline;
+}
+.rich-text--wrapper .rich-text--external-link[data-v-724f3ec5] {
+  text-decoration: underline;
+}
+.rich-text--wrapper .rich-text--external-link[data-v-724f3ec5]:after {
+  content: " ↗";
+}
+.rich-text--wrapper .rich-text--ordered-list .rich-text--list-item[data-v-724f3ec5] {
+  list-style: decimal;
+}
+.rich-text--wrapper .rich-text--un-ordered-list .rich-text--list-item[data-v-724f3ec5] {
+  list-style: initial;
+}
+.rich-text--wrapper .rich-text--list-item[data-v-724f3ec5] {
+  white-space: initial;
+  color: var(--color-text-light);
+  padding: initial;
+  margin-left: 20px;
+}
+.rich-text--wrapper .rich-text--list-item.task-list-item[data-v-724f3ec5] {
+  list-style: none;
+  white-space: initial;
+  color: var(--color-text-light);
+}
+.rich-text--wrapper .rich-text--list-item.task-list-item input[data-v-724f3ec5] {
+  min-height: initial;
+}
+.rich-text--wrapper .rich-text--strong[data-v-724f3ec5] {
+  white-space: initial;
+  font-weight: bold;
+  color: var(--color-text-light);
+}
+.rich-text--wrapper .rich-text--italic[data-v-724f3ec5] {
+  white-space: initial;
+  font-style: italic;
+  color: var(--color-text-light);
+}
+.rich-text--wrapper .rich-text--heading[data-v-724f3ec5] {
+  white-space: initial;
+  font-size: initial;
+  color: var(--color-text-light);
+  margin-bottom: 5px;
+  margin-top: 5px;
+  font-weight: bold;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-1[data-v-724f3ec5] {
+  font-size: 20px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-2[data-v-724f3ec5] {
+  font-size: 19px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-3[data-v-724f3ec5] {
+  font-size: 18px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-4[data-v-724f3ec5] {
+  font-size: 17px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-5[data-v-724f3ec5] {
+  font-size: 16px;
+}
+.rich-text--wrapper .rich-text--heading.rich-text--heading-6[data-v-724f3ec5] {
+  font-size: 15px;
+}
+.rich-text--wrapper .rich-text--hr[data-v-724f3ec5] {
+  border-top: 1px solid var(--color-border-dark);
+  border-bottom: 0;
+}
+.rich-text--wrapper .rich-text--pre[data-v-724f3ec5] {
+  border: 1px solid var(--color-border-dark);
+  background-color: var(--color-background-dark);
+  padding: 5px;
+}
+.rich-text--wrapper .rich-text--code[data-v-724f3ec5] {
+  background-color: var(--color-background-dark);
+}
+.rich-text--wrapper .rich-text--blockquote[data-v-724f3ec5] {
+  border-left: 3px solid var(--color-border-dark);
+  padding-left: 5px;
+}
+.rich-text--wrapper .rich-text--table[data-v-724f3ec5] {
+  border-collapse: collapse;
+}
+.rich-text--wrapper .rich-text--table thead tr th[data-v-724f3ec5] {
+  border: 1px solid var(--color-border-dark);
+  font-weight: bold;
+  padding: 6px 13px;
+}
+.rich-text--wrapper .rich-text--table tbody tr td[data-v-724f3ec5] {
+  border: 1px solid var(--color-border-dark);
+  padding: 6px 13px;
+}
+.rich-text--wrapper .rich-text--table tbody tr[data-v-724f3ec5]:nth-child(even) {
+  background-color: var(--color-background-dark);
+}
+.rich-text--wrapper-markdown div[data-v-724f3ec5] > *:first-child,
+.rich-text--wrapper-markdown blockquote[data-v-724f3ec5] > *:first-child {
+  margin-top: 0 !important;
+}
+.rich-text--wrapper-markdown div[data-v-724f3ec5] > *:last-child,
+.rich-text--wrapper-markdown blockquote[data-v-724f3ec5] > *:last-child {
+  margin-bottom: 0 !important;
+}
+.rich-text--wrapper-markdown h1[data-v-724f3ec5], .rich-text--wrapper-markdown h2[data-v-724f3ec5], .rich-text--wrapper-markdown h3[data-v-724f3ec5], .rich-text--wrapper-markdown h4[data-v-724f3ec5], .rich-text--wrapper-markdown h5[data-v-724f3ec5], .rich-text--wrapper-markdown h6[data-v-724f3ec5], .rich-text--wrapper-markdown p[data-v-724f3ec5], .rich-text--wrapper-markdown ul[data-v-724f3ec5], .rich-text--wrapper-markdown ol[data-v-724f3ec5], .rich-text--wrapper-markdown blockquote[data-v-724f3ec5], .rich-text--wrapper-markdown pre[data-v-724f3ec5] {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+.rich-text--wrapper-markdown h1[data-v-724f3ec5], .rich-text--wrapper-markdown h2[data-v-724f3ec5], .rich-text--wrapper-markdown h3[data-v-724f3ec5], .rich-text--wrapper-markdown h4[data-v-724f3ec5], .rich-text--wrapper-markdown h5[data-v-724f3ec5], .rich-text--wrapper-markdown h6[data-v-724f3ec5] {
+  font-weight: bold;
+}
+.rich-text--wrapper-markdown h1[data-v-724f3ec5] {
+  font-size: 30px;
+}
+.rich-text--wrapper-markdown ul[data-v-724f3ec5], .rich-text--wrapper-markdown ol[data-v-724f3ec5] {
+  padding-left: 15px;
+}
+.rich-text--wrapper-markdown ul[data-v-724f3ec5] {
+  list-style-type: disc;
+}
+.rich-text--wrapper-markdown ul.contains-task-list[data-v-724f3ec5] {
+  list-style-type: none;
+  padding: 0;
+}
+.rich-text--wrapper-markdown table[data-v-724f3ec5] {
+  border-collapse: collapse;
+  border: 2px solid var(--color-border-maxcontrast);
+}
+.rich-text--wrapper-markdown table th[data-v-724f3ec5],
+.rich-text--wrapper-markdown table td[data-v-724f3ec5] {
+  padding: var(--default-grid-baseline);
+  border: 1px solid var(--color-border-maxcontrast);
+}
+.rich-text--wrapper-markdown table th[data-v-724f3ec5]:first-child,
+.rich-text--wrapper-markdown table td[data-v-724f3ec5]:first-child {
+  border-left: 0;
+}
+.rich-text--wrapper-markdown table th[data-v-724f3ec5]:last-child,
+.rich-text--wrapper-markdown table td[data-v-724f3ec5]:last-child {
+  border-right: 0;
+}
+.rich-text--wrapper-markdown table tr:first-child th[data-v-724f3ec5] {
+  border-top: 0;
+}
+.rich-text--wrapper-markdown table tr:last-child td[data-v-724f3ec5] {
+  border-bottom: 0;
+}
+.rich-text--wrapper-markdown blockquote[data-v-724f3ec5] {
+  padding-left: 13px;
+  border-left: 2px solid var(--color-border-dark);
+  color: var(--color-text-lighter);
+}
+/**
+* Highlight code syntax in code blocks
+*/
+.rich-text--wrapper-markdown pre[data-v-724f3ec5]:has(.hljs) {
+  color: var(--hljs-color);
+  background: var(--hljs-background-color);
+}
+.rich-text--wrapper-markdown .hljs-doctag[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-keyword[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-template-tag[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-template-variable[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-type[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-variable.language_[data-v-724f3ec5] {
+  /* prettylights-syntax-keyword */
+  color: var(--hljs-syntax-keyword-color);
+}
+.rich-text--wrapper-markdown .hljs-title[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-title.class_[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-title.function_[data-v-724f3ec5] {
+  /* prettylights-syntax-entity */
+  color: var(--hljs-syntax-entity-color);
+}
+.rich-text--wrapper-markdown .hljs-attr[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-attribute[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-literal[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-meta[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-number[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-operator[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-variable[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-selector-attr[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-selector-class[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-selector-id[data-v-724f3ec5] {
+  /* prettylights-syntax-constant */
+  color: var(--hljs-syntax-constant-color);
+}
+.rich-text--wrapper-markdown .hljs-regexp[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-string[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-724f3ec5] {
+  /* prettylights-syntax-string */
+  color: var(--hljs-syntax-string-color);
+}
+.rich-text--wrapper-markdown .hljs-built_in[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-symbol[data-v-724f3ec5] {
+  /* prettylights-syntax-variable */
+  color: var(--hljs-syntax-variable-color);
+}
+.rich-text--wrapper-markdown .hljs-comment[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-code[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-formula[data-v-724f3ec5] {
+  /* prettylights-syntax-comment */
+  color: var(--hljs-syntax-comment-color);
+}
+.rich-text--wrapper-markdown .hljs-name[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-quote[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-selector-tag[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-724f3ec5] {
+  /* prettylights-syntax-entity-tag */
+  color: var(--hljs-syntax-entity-tag-color);
+}
+.rich-text--wrapper-markdown .hljs-subst[data-v-724f3ec5] {
+  /* prettylights-syntax-storage-modifier-import */
+  color: var(--hljs-syntax-storage-modifier-import-color);
+}
+.rich-text--wrapper-markdown .hljs-section[data-v-724f3ec5] {
+  /* prettylights-syntax-markup-heading */
+  color: var(--hljs-syntax-markup-heading-color);
+  font-weight: bold;
+}
+.rich-text--wrapper-markdown .hljs-bullet[data-v-724f3ec5] {
+  /* prettylights-syntax-markup-list */
+  color: var(--hljs-syntax-markup-list-color);
+}
+.rich-text--wrapper-markdown .hljs-emphasis[data-v-724f3ec5] {
+  /* prettylights-syntax-markup-italic */
+  color: var(--hljs-syntax-markup-italic-color);
+  font-style: italic;
+}
+.rich-text--wrapper-markdown .hljs-strong[data-v-724f3ec5] {
+  /* prettylights-syntax-markup-bold */
+  color: var(--hljs-syntax-markup-bold-color);
+  font-weight: bold;
+}
+.rich-text--wrapper-markdown .hljs-addition[data-v-724f3ec5] {
+  /* prettylights-syntax-markup-inserted */
+  color: var(--hljs-syntax-markup-inserted-color);
+  background-color: var(--hljs-syntax-markup-inserted-background-color);
+}
+.rich-text--wrapper-markdown .hljs-deletion[data-v-724f3ec5] {
+  /* prettylights-syntax-markup-deleted */
+  color: var(--hljs-syntax-markup-deleted-color);
+  background-color: var(--hljs-syntax-markup-deleted-background-color);
+}
+.rich-text--wrapper-markdown .hljs-char.escape_[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-link[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-params[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-property[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-punctuation[data-v-724f3ec5],
+.rich-text--wrapper-markdown .hljs-tag[data-v-724f3ec5] {
+  /* purposely ignored */
+}
+@media (prefers-color-scheme: light) {
+.rich-text--wrapper-markdown[data-v-724f3ec5] {
+    --hljs-color: var(--color-main-text, #24292e);
+    --hljs-background-color: var(--color-background-dark, #ffffff);
+    --hljs-syntax-keyword-color: #d73a49;
+    --hljs-syntax-entity-color: #6f42c1;
+    --hljs-syntax-constant-color: #005cc5;
+    --hljs-syntax-string-color: #032f62;
+    --hljs-syntax-variable-color: #e36209;
+    --hljs-syntax-comment-color: #6a737d;
+    --hljs-syntax-entity-tag-color: #22863a;
+    --hljs-syntax-storage-modifier-import-color: #24292e;
+    --hljs-syntax-markup-heading-color: #005cc5;
+    --hljs-syntax-markup-list-color: #735c0f;
+    --hljs-syntax-markup-italic-color: #24292e;
+    --hljs-syntax-markup-bold-color: #24292e;
+    --hljs-syntax-markup-inserted-color: #22863a;
+    --hljs-syntax-markup-inserted-background-color: #f0fff4;
+    --hljs-syntax-markup-deleted-color: #b31d28;
+    --hljs-syntax-markup-deleted-background-color: #ffeef0;
+}
+[data-theme-dark] .rich-text--wrapper-markdown[data-v-724f3ec5] {
+    --hljs-color: var(--color-main-text, #c9d1d9);
+    --hljs-background-color: var(--color-background-dark, #0d1117);
+    --hljs-syntax-keyword-color: #ff7b72;
+    --hljs-syntax-entity-color: #d2a8ff;
+    --hljs-syntax-constant-color: #79c0ff;
+    --hljs-syntax-string-color: #a5d6ff;
+    --hljs-syntax-variable-color: #ffa657;
+    --hljs-syntax-comment-color: #8b949e;
+    --hljs-syntax-entity-tag-color: #7ee787;
+    --hljs-syntax-storage-modifier-import-color: #c9d1d9;
+    --hljs-syntax-markup-heading-color: #1f6feb;
+    --hljs-syntax-markup-list-color: #f2cc60;
+    --hljs-syntax-markup-italic-color: #c9d1d9;
+    --hljs-syntax-markup-bold-color: #c9d1d9;
+    --hljs-syntax-markup-inserted-color: #aff5b4;
+    --hljs-syntax-markup-inserted-background-color: #033a16;
+    --hljs-syntax-markup-deleted-color: #ffdcd7;
+    --hljs-syntax-markup-deleted-background-color: #67060c;
+}
+}
+@media (prefers-color-scheme: dark) {
+.rich-text--wrapper-markdown[data-v-724f3ec5] {
+    --hljs-color: var(--color-main-text, #c9d1d9);
+    --hljs-background-color: var(--color-background-dark, #0d1117);
+    --hljs-syntax-keyword-color: #ff7b72;
+    --hljs-syntax-entity-color: #d2a8ff;
+    --hljs-syntax-constant-color: #79c0ff;
+    --hljs-syntax-string-color: #a5d6ff;
+    --hljs-syntax-variable-color: #ffa657;
+    --hljs-syntax-comment-color: #8b949e;
+    --hljs-syntax-entity-tag-color: #7ee787;
+    --hljs-syntax-storage-modifier-import-color: #c9d1d9;
+    --hljs-syntax-markup-heading-color: #1f6feb;
+    --hljs-syntax-markup-list-color: #f2cc60;
+    --hljs-syntax-markup-italic-color: #c9d1d9;
+    --hljs-syntax-markup-bold-color: #c9d1d9;
+    --hljs-syntax-markup-inserted-color: #aff5b4;
+    --hljs-syntax-markup-inserted-background-color: #033a16;
+    --hljs-syntax-markup-deleted-color: #ffdcd7;
+    --hljs-syntax-markup-deleted-background-color: #67060c;
+}
+[data-theme-light] .rich-text--wrapper-markdown[data-v-724f3ec5] {
+    --hljs-color: var(--color-main-text, #24292e);
+    --hljs-background-color: var(--color-background-dark, #ffffff);
+    --hljs-syntax-keyword-color: #d73a49;
+    --hljs-syntax-entity-color: #6f42c1;
+    --hljs-syntax-constant-color: #005cc5;
+    --hljs-syntax-string-color: #032f62;
+    --hljs-syntax-variable-color: #e36209;
+    --hljs-syntax-comment-color: #6a737d;
+    --hljs-syntax-entity-tag-color: #22863a;
+    --hljs-syntax-storage-modifier-import-color: #24292e;
+    --hljs-syntax-markup-heading-color: #005cc5;
+    --hljs-syntax-markup-list-color: #735c0f;
+    --hljs-syntax-markup-italic-color: #24292e;
+    --hljs-syntax-markup-bold-color: #24292e;
+    --hljs-syntax-markup-inserted-color: #22863a;
+    --hljs-syntax-markup-inserted-background-color: #f0fff4;
+    --hljs-syntax-markup-deleted-color: #b31d28;
+    --hljs-syntax-markup-deleted-background-color: #ffeef0;
+}
+}
+a[data-v-724f3ec5]:not(.rich-text--component) {
+  text-decoration: underline;
+}

package/dist/assets/NcSelect-EIXtZSVn.css

@@ -0,0 +1,199 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+body {
+  /**
+   * Set custom vue-select CSS variables.
+   * Needs to be on the body (not :root) for theming to apply (see nextcloud/server#36462)
+   */
+  /* Search Input */
+  --vs-search-input-color: var(--color-main-text);
+  --vs-search-input-bg: var(--color-main-background);
+  --vs-search-input-placeholder-color: var(--color-text-maxcontrast);
+  /* Font */
+  --vs-font-size: var(--default-font-size);
+  --vs-line-height: var(--default-line-height);
+  /* Disabled State */
+  --vs-state-disabled-bg: var(--color-background-hover);
+  --vs-state-disabled-color: var(--color-text-maxcontrast);
+  --vs-state-disabled-controls-color: var(--color-text-maxcontrast);
+  --vs-state-disabled-cursor: not-allowed;
+  --vs-disabled-bg: var(--color-background-hover);
+  --vs-disabled-color: var(--color-text-maxcontrast);
+  --vs-disabled-cursor: not-allowed;
+  /* Borders */
+  --vs-border-color: var(--color-border-maxcontrast);
+  --vs-border-width: var(--border-width-input, 2px) !important;
+  --vs-border-style: solid;
+  --vs-border-radius: var(--border-radius-large);
+  /* Component Controls: Clear, Open Indicator */
+  --vs-controls-color: var(--color-main-text);
+  /* Selected */
+  --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);
+  --vs-selected-border-width: var(--vs-border-width);
+  /* Dropdown */
+  --vs-dropdown-bg: var(--color-main-background);
+  --vs-dropdown-color: var(--color-main-text);
+  --vs-dropdown-z-index: 9999;
+  --vs-dropdown-box-shadow: 0px 2px 2px 0px var(--color-box-shadow);
+  /* Options */
+  --vs-dropdown-option-padding: 8px 20px;
+  /* Active State */
+  --vs-dropdown-option--active-bg: var(--color-background-hover);
+  --vs-dropdown-option--active-color: var(--color-main-text);
+  /* Keyboard Focus State */
+  --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--vs-border-color);
+  /* Deselect State */
+  --vs-dropdown-option--deselect-bg: var(--color-error);
+  --vs-dropdown-option--deselect-color: #fff;
+  /* Transitions */
+  --vs-transition-duration: 0ms;
+  /* Actions */
+  --vs-actions-padding: 0 8px 0 4px;
+}
+.v-select.select {
+  /* Override default vue-select styles */
+  min-height: var(--default-clickable-area);
+  min-width: 260px;
+  margin: 0 0 var(--default-grid-baseline);
+}
+.v-select.select.vs--open {
+  --vs-border-width: var(--border-width-input-focused, 2px);
+}
+.v-select.select .select__label {
+  display: block;
+  margin-bottom: 2px;
+}
+.v-select.select .vs__selected {
+  height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width) - var(--default-grid-baseline));
+  margin: calc(var(--default-grid-baseline) / 2);
+  padding-block: 0;
+  padding-inline: 12px 8px;
+  border-radius: 16px !important;
+  background: var(--color-primary-element-light);
+  border: none;
+}
+.v-select.select.vs--open .vs__selected:first-of-type {
+  margin-inline-start: calc(var(--default-grid-baseline) / 2 - (var(--border-width-input-focused, 2px) - var(--border-width-input, 2px))) !important;
+}
+.v-select.select .vs__search {
+  text-overflow: ellipsis;
+  color: var(--color-main-text);
+  min-height: unset !important;
+  height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important;
+}
+.v-select.select .vs__search::placeholder {
+  color: var(--color-text-maxcontrast);
+}
+.v-select.select .vs__search, .v-select.select .vs__search:focus {
+  margin: 0;
+}
+.v-select.select .vs__dropdown-toggle {
+  position: relative;
+  max-height: 100px;
+  padding: 0;
+  overflow-y: auto;
+}
+.v-select.select .vs__actions {
+  position: sticky;
+  top: 0;
+}
+.v-select.select .vs__clear {
+  margin-right: 2px;
+}
+.v-select.select.vs--open .vs__dropdown-toggle {
+  border-width: var(--border-width-input-focused);
+  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 {
+  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 {
+  color: var(--color-text-maxcontrast);
+}
+.v-select.select.vs--disabled .vs__clear,
+.v-select.select.vs--disabled .vs__deselect {
+  display: none;
+}
+.v-select.select--no-wrap .vs__selected-options {
+  flex-wrap: nowrap;
+  overflow: auto;
+  min-width: unset;
+}
+.v-select.select--no-wrap .vs__selected-options .vs__selected {
+  min-width: unset;
+}
+.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-main-text);
+}
+.v-select.select .vs__selected-options {
+  min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width));
+  padding: 0 5px;
+}
+.v-select.select .vs__selected-options .vs__selected ~ .vs__search[readonly] {
+  position: absolute;
+}
+.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;
+}
+.v-select.select.vs--single .vs__selected {
+  background: unset !important;
+}
+.vs__dropdown-menu {
+  border-width: var(--border-width-input-focused) !important;
+  border-color: var(--color-main-text) !important;
+  outline: none !important;
+  box-shadow: -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
+  padding: 4px !important;
+}
+.vs__dropdown-menu--floating {
+  /* Fallback styles overidden by programmatically set inline styles */
+  width: max-content;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.vs__dropdown-menu--floating-placement-top {
+  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 -2px 0 var(--color-main-background), -2px 0 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
+}
+.vs__dropdown-menu .vs__dropdown-option {
+  border-radius: 6px !important;
+}
+.vs__dropdown-menu .vs__no-options {
+  color: var(--color-text-lighter) !important;
+}
+.user-select .vs__selected {
+  padding-inline: 0 5px !important;
+}

package/dist/assets/NcSettingsSection-DXQyhMdq.css

@@ -0,0 +1,53 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-9a743cb1] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.settings-section[data-v-9a743cb1] {
+  display: block;
+  padding: 0 0 calc(var(--default-grid-baseline) * 5) 0;
+  margin: calc(var(--default-grid-baseline) * 7);
+  width: min(900px, 100% - var(--default-grid-baseline) * 7 * 2);
+}
+.settings-section[data-v-9a743cb1]:not(:last-child) {
+  border-bottom: 1px solid var(--color-border);
+}
+.settings-section__name[data-v-9a743cb1] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 900px;
+  margin-top: 0;
+}
+.settings-section__info[data-v-9a743cb1] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--default-clickable-area);
+  height: var(--default-clickable-area);
+  margin: calc((var(--default-clickable-area) - 16px) / 2 * -1);
+  margin-inline-start: 0;
+  color: var(--color-text-maxcontrast);
+}
+.settings-section__info[data-v-9a743cb1]:hover, .settings-section__info[data-v-9a743cb1]:focus, .settings-section__info[data-v-9a743cb1]:active {
+  color: var(--color-main-text);
+}
+.settings-section__desc[data-v-9a743cb1] {
+  margin-top: -0.2em;
+  margin-bottom: 1em;
+  color: var(--color-text-maxcontrast);
+  max-width: 900px;
+}