@nextcloud/vue 8.38.0 → 8.40.0

package/dist/assets/NcAppSettingsDialog-Bi5b1VZg.css

@@ -0,0 +1,222 @@
+/**
+ * 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_K1kcr {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._appSettingsDialogVersion_AVGMT {
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+  color: var(--color-text-maxcontrast);
+  margin-block-end: calc(8 * var(--default-grid-baseline));
+  margin-inline: var(--form-element-label-offset);
+}
+._appSettingsDialogVersion__legacy_sBgwm {
+  margin-inline: 0;
+}/**
+ * 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-1b265bb0] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) {
+  --nav-tint: hsl(from var(--color-primary-element-light) h s calc(l * 1.045));
+  --nav-tint-strong: var(--color-primary-element-light);
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .modal-wrapper .modal-container {
+  padding-inline-start: 0 !important;
+  padding-block-start: 0 !important;
+  background-color: var(--nav-tint);
+  overflow: hidden;
+  max-width: 900px;
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .dialog__name {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(100%);
+  white-space: nowrap;
+  border: 0;
+}
+.app-settings:not(.app-settings--legacy) .app-settings__title[data-v-1b265bb0] {
+  box-sizing: border-box;
+  padding: calc(3 * var(--default-grid-baseline));
+  margin: 0;
+  font-size: 20px;
+  font-weight: var(--font-weight-heading, 700);
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .app-settings__navigation {
+  min-width: 200px;
+  max-width: 200px;
+  flex: 0 0 200px;
+  margin-right: 0 !important;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+  background-color: var(--nav-tint);
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .app-settings__content {
+  box-sizing: border-box;
+  padding: calc(3 * var(--default-grid-baseline));
+  background-color: var(--color-main-background);
+  border-inline-start: 1px solid var(--color-border-dark);
+  border-start-start-radius: var(--border-radius-element);
+  border-end-start-radius: var(--border-radius-element);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list[data-v-1b265bb0] {
+  height: 100%;
+  box-sizing: border-box;
+  overflow-y: auto;
+  padding: var(--default-grid-baseline);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-1b265bb0] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  font-size: var(--default-font-size);
+  font-weight: var(--font-weight-element, 500);
+  height: var(--default-clickable-area);
+  margin: 2px 0;
+  line-height: var(--default-clickable-area);
+  border-radius: var(--border-radius-element, var(--border-radius-pill));
+  padding-inline: calc(2 * var(--default-grid-baseline));
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  background-color: transparent;
+  border: none;
+  color: var(--color-main-text);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-1b265bb0]:hover, .app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-1b265bb0]:focus-visible {
+  background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-1b265bb0]:focus-visible {
+  outline: 2px solid var(--color-main-text);
+  outline-offset: -2px;
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-1b265bb0] {
+  background-color: var(--nav-tint-strong);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-1b265bb0]:hover, .app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-1b265bb0]:focus-visible {
+  background-color: var(--color-primary-element-light-hover);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-1b265bb0]::before {
+  content: "";
+  position: absolute;
+  inset-block: var(--default-grid-baseline);
+  inset-inline-start: 0;
+  width: 3px;
+  background-color: var(--color-primary-element);
+  border-radius: 999px;
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link--icon[data-v-1b265bb0] {
+  gap: var(--default-grid-baseline);
+}
+.app-settings:not(.app-settings--legacy) .navigation-list__link-icon[data-v-1b265bb0] {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
+  max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
+}
+[data-v-1b265bb0] .app-settings__content.app-settings__non-legacy * {
+  box-sizing: border-box;
+}
+@media only screen and (width < 1024px) {
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .modal-wrapper .modal-container {
+    padding-inline-start: 12px !important;
+    padding-block-start: 4px !important;
+    background-color: var(--color-main-background);
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .dialog__name {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0 0 12px 0;
+    padding-inline-end: var(--default-clickable-area);
+    overflow: visible;
+    clip-path: none;
+    white-space: normal;
+    border: 0;
+}
+.app-settings[data-v-1b265bb0]:not(.app-settings--legacy) .app-settings__content {
+    border: none;
+    border-radius: 0;
+}
+}
+.app-settings.app-settings--legacy[data-v-1b265bb0] .app-settings__navigation {
+  min-width: 200px;
+  margin-inline-end: calc(4 * var(--default-grid-baseline));
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+.app-settings.app-settings--legacy[data-v-1b265bb0] .app-settings__content {
+  padding-inline: calc(4 * var(--default-grid-baseline));
+}
+.app-settings.app-settings--legacy .navigation-list[data-v-1b265bb0] {
+  height: 100%;
+  overflow-y: auto;
+  padding: calc(3 * var(--default-grid-baseline));
+}
+.app-settings.app-settings--legacy .navigation-list__link[data-v-1b265bb0] {
+  display: flex;
+  align-content: center;
+  font-size: 16px;
+  height: var(--default-clickable-area);
+  margin: 4px 0;
+  line-height: var(--default-clickable-area);
+  border-radius: var(--border-radius-element, var(--border-radius-pill));
+  font-weight: var(--font-weight-element, bold);
+  padding: 0 calc(4 * var(--default-grid-baseline));
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  background-color: transparent;
+  border: none;
+}
+.app-settings.app-settings--legacy .navigation-list__link[data-v-1b265bb0]:hover, .app-settings.app-settings--legacy .navigation-list__link[data-v-1b265bb0]:focus {
+  background-color: var(--color-background-hover);
+}
+.app-settings.app-settings--legacy .navigation-list__link--active[data-v-1b265bb0] {
+  background-color: var(--color-primary-element-light) !important;
+}
+.app-settings.app-settings--legacy .navigation-list__link--icon[data-v-1b265bb0] {
+  padding-inline-start: calc(2 * var(--default-grid-baseline));
+  gap: var(--default-grid-baseline);
+}
+.app-settings.app-settings--legacy .navigation-list__link-icon[data-v-1b265bb0] {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
+  max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
+}

package/dist/assets/{NcAppSettingsSection-Yg4NYCih.css → NcAppSettingsSection-DU9FOAnJ.css}

@@ -9,38 +9,38 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-06cd755d] {
+.material-design-icon[data-v-6b7bb88c] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-settings-section[data-v-06cd755d] {
+.app-settings-section[data-v-6b7bb88c] {
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   --app-settings-section-text-offset: var(--form-element-label-offset);
   --app-settings-section-content-gap: calc(6 * var(--default-grid-baseline));
   margin-block-end: calc(8 * var(--default-grid-baseline));
 }
-.app-settings-section__name[data-v-06cd755d] {
+.app-settings-section__name[data-v-6b7bb88c] {
   margin: 0;
   padding-inline: var(--app-settings-section-text-offset);
   padding-block: 0;
   font-size: 20px;
-  font-weight: bold;
+  font-weight: var(--font-weight-heading, bold);
 }
-.app-settings-section__description[data-v-06cd755d] {
+.app-settings-section__description[data-v-6b7bb88c] {
   padding-inline: var(--app-settings-section-text-offset);
   color: var(--color-text-maxcontrast);
 }
-.app-settings-section__content[data-v-06cd755d] {
+.app-settings-section__content[data-v-6b7bb88c] {
   margin-block-start: calc(2 * var(--default-grid-baseline));
   display: flex;
   flex-direction: column;
   justify-content: stretch;
   gap: var(--app-settings-section-content-gap);
 }
-.app-settings-section__legacy[data-v-06cd755d] {
+.app-settings-section__legacy[data-v-6b7bb88c] {
   --app-settings-section-text-offset: 0;
   --app-settings-section-content-gap: 0;
 }

package/dist/assets/{NcAppSettingsShortcutsSection-C_DMnyUy.css → NcAppSettingsShortcutsSection-zIKJEvmV.css}

@@ -9,19 +9,19 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_QP8kM {
+._material-design-icon_ZBLye {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._appSettingsSectionShortcuts_LgM7S {
+._appSettingsSectionShortcuts_roVRi {
   display: flex;
   flex-direction: column;
   gap: calc(4 * var(--default-grid-baseline));
   box-sizing: border-box;
 }
-._appSettingsSectionShortcuts_LgM7S * {
+._appSettingsSectionShortcuts_roVRi * {
   box-sizing: border-box;
 }