@nextcloud/vue 9.0.1 → 9.2.0

package/CHANGELOG.md

@@ -7,6 +7,61 @@
 
 All notable changes to this project will be documented in this file.
 
+## [v9.2.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.1.0) (2025-11-07)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.1.0...v9.2.0)
+
+### 📝 Notes
+* `NcAppSettingsSectionShortcuts` has been renamed to `NcAppSettingsShortcutsSection` but still available by the previous name
+* `NcAppSettingsDialog` has started the process of migration to the new design. It may break the existing settings layout. Use `layout` prop to partially revert the change or migrate to use `NcFormBox` and `NcFormGroup` components in the settings sections.
+
+### 🚀 Enhancements
+* feat: add NcFormGroup [\#7689](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7689) \([ShGKme](https://github.com/ShGKme)\)
+* feat: add `NcFormBox` and adjust `NcRadioGroup` to `NcFormbox` and `NcFormGroup` [\#7690](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7690) \([ShGKme](https://github.com/ShGKme)\)
+* feat(NcRadioGroup): deprecate `labelHidden` prop in favor of `hideLabel` [\#7771](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7771) \([susnux](https://github.com/susnux)\)
+* feat: add NcFormBoxButton [\#7779](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7779) \([ShGKme](https://github.com/ShGKme)\)
+* feat: add NcFormBoxSwitch [\#7781](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7781) \([ShGKme](https://github.com/ShGKme)\)
+* feat: add NcFormBoxCopyButton [\#7787](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7787) \([ShGKme](https://github.com/ShGKme)\)
+* feat(NcAppSettingsDialog): adjust design for new form elements, add section descriptions and optional switch to legacy design [\#7797](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7797) \([ShGKme](https://github.com/ShGKme)\)
+* feat: NcAppSettingsSectionShortcuts -> NcAppSettingsShortcutsSection [\#7814](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7814) \([ShGKme](https://github.com/ShGKme)\)
+
+### 🐛 Fixed bugs
+* fix(NcRichText): start heading from h4 [\#7748](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7748) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormGroup): remove margin when no label/description [\#7764](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7764) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormGroup): decrease gap between label and content [\#7775](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7775) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormBox*): user-select: none on Safari as well [\#7792](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7792) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichContenteditable): keep previous cursor position on focus [\#7791](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7791) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcHotkeyList): align with form labels [\#7807](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7807) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcHotkeyList): align with the section [\#7811](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7811) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcActions): improve performance by only computing popover maxHeight on demand [\#7808](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7808) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcListItem): do not mount NcAction until necessary [\#7817](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7817) \([ShGKme](https://github.com/ShGKme)\)
+
+### Other Changes
+* chore(docs): update docs link titles [\#7768](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7768) \([ShGKme](https://github.com/ShGKme)\)
+* chore(docs): correct min supported Nextcloud version [\#7774](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7774) \([ShGKme](https://github.com/ShGKme)\)
+* chore(docs): do not minimize docs and add examples code highlight [\#7784](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7784) \([ShGKme](https://github.com/ShGKme)\)
+* chore(docs): optionally set docs server port via VUE_STYLEGUIDIST_PORT [\#7805](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7805) \([ShGKme](https://github.com/ShGKme)\)
+* chore: bump node and npm dev versions [\#7785](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7785) \([susnux](https://github.com/susnux)\)
+
+## [v9.1.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.1.0) (2025-10-22)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.0.1...v9.1.0)
+
+### 🚀 Enhancements
+* feat(NcChip): add error, success and warning variants [\#7652](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7652) \([DorraJaouad](https://github.com/DorraJaouad)\)
+* feat(NcAppSettingsSection): add `order` prop, ensure intended order in navigation list [\#7636](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7636) \([Antreesy](https://github.com/Antreesy)\)
+* feat: add `NcAppSettingsSectionShortcuts`, `NcHotkeyList` and `NcHotkey` [\#7633](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7633) \([ShGKme](https://github.com/ShGKme)\)
+
+### 🐛 Fixed bugs
+* fix(NcInputField): use empty string to fix label position [\#7630](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7630) \([susnux](https://github.com/susnux)\)
+* chore: switch dependency for MD5 to `ts-md5` [\#7623](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7623) \([susnux](https://github.com/susnux)\)
+* fix(NcEmptyContent): use name as label [\#7634](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7634) \([susnux](https://github.com/susnux)\)
+* fix(NcRadioGroupButton): scope expensive CSS selectors [\#7661](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7661) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAppContentDetailsToggle): Hide navigation toggle on mobile [\#7697](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7697) \([mejo-](https://github.com/mejo-)\)
+
+### Other Changes
+* refactor(NcAppSidebarTabs): use custom components for tab buttons [\#7516](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7516) \([susnux](https://github.com/susnux)\)
+* refactor(NcAppSettingsSection): migrate to `<script setup lang="ts">` [\#7651](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7651) \([ShGKme](https://github.com/ShGKme)\)
+* refactor: use named export for logger [\#7655](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7655) \([ShGKme](https://github.com/ShGKme)\)
+
 ## [v9.0.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0) (2025-10-06)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.0.0...v9.0.1)
 
@@ -493,6 +548,41 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * ci: fix server styling update [\#7547](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7547) \([susnux](https://github.com/susnux)\)
 * docs: document removed events and props [\#7552](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7552) \([Antreesy](https://github.com/Antreesy)\)
 
+## [v8.34.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.34.0) (2025-11-07)
+### 📝 Notes
+* `NcAppSettingsSectionShortcuts` has been renamed to `NcAppSettingsShortcutsSection` but still available by the previous name
+
+### 🚀 Enhancements
+* feat: add NcFormGroup [\#7762](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7762) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add `NcFormBox` and adjust `NcRadioGroup` to `NcFormBox` and `NcFormGroup` [\#7765](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7765) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add NcFormBoxButton [\#7789](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7789) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat(NcRadioGroup): deprecate `labelHidden` prop in favor of `hideLabel` [\#7772](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7772) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add NcFormBoxCopyButton [\#7793](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7793) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add NcFormBoxSwitch [\#7795](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7795) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat(NcAppSettingsDialog): adjust design for new form elements, add section descriptions [\#7802](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7802) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: NcAppSettingsSectionShortcuts -> NcAppSettingsShortcutsSection [\#7816](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7816) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+### 🐛 Fixed bugs
+* fix(NcFormGroup): remove margin when no label/description [\#7780](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7780) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcFormGroup): decrease gap between label and content [\#7782](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7782) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormBox*): user-select: none on Safari as well [\#7796](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7796) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcRichContenteditable): keep previous cursor position on focus [\#7804](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7804) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcHotkeyList): align with form labels [\#7810](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7810) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcHotkeyList): align with the section [\#7812](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7812) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcActions): improve performance by only computing popover maxHeight on demand [\#7815](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7815) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcListItem): do not mount NcAction until necessary [\#7818](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7818) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcRichText): start heading from h4 [\#7821](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7821)\([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormBoxButton): router check on Vue 2 [\#7822](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7822)\([ShGKme](https://github.com/ShGKme)\)
+
+### Other Changes
+* chore(docs): update docs link titles [\#7770](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7770) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* chore: update workflows from organization [\#7763](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7763) \([susnux](https://github.com/susnux)\)
+* chore(docs): add missing backports around supported versions and links [\#7773](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7773) \([ShGKme](https://github.com/ShGKme)\)
+* chore(docs): correct min supported Nextcloud version [\#7776](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7776) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* chore(docs): do not minimize docs and add examples code highlight [\#7803](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7803) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* chore: update Node and NPM version in dev engines [\#7786](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7786) \([susnux](https://github.com/susnux)\)
+* chore(docs): optionally set docs server port via VUE_STYLEGUIDIST_PORT [\#7806](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7806) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
 ## [v8.31.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.31.0) (2025-09-11)
 ### 📝 Notes
 The `NcSettingsInputText` component was deprecated,
@@ -520,6 +610,22 @@ it is no longer used by Nextcloud or Nextcloud apps and not recommended to be us
 * chore(test): explicitly import from jest/globals to simplify migration to/from Vitest [\#7424](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7424) \([ShGKme](https://github.com/ShGKme)\)
 * docs: typos in 8.30.0 changelog [\#7422](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7422)
 
+## [v8.33.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.33.0) (2025-10-22)
+### 🚀 Enhancements
+* feat(NcChip): add error, success and warning variants [\#7653](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7653) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat(NcAppSettingsSection): add `order` prop, ensure intended order in navigation list [\#7656](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7656) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add `NcAppSettingsSectionShortcuts`, `NcHotkeyList` and `NcHotkey` [\#7696](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7696) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+### 🐛 Fixed bugs
+* fix(NcInputField): use empty string to fix label position [\#7637](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7637) \([susnux](https://github.com/susnux)\)
+* fix(NcEmptyContent): use name as label [\#7649](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7649) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcRadioGroupButton): scope expensive CSS selectors [\#7662](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7662) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcAppContentDetailsToggle): Hide navigation toggle on mobile [\#7698](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7698) \([mejo-](https://github.com/mejo-)\)
+* fix(NcAppNavigationSettings): migrate to NcButton component [\#7700](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7700) \([mejo-](https://github.com/mejo-)\)
+
+### Other Changes
+* chore: adjust heading in changelog to match version [\#7622](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7622) \([susnux](https://github.com/susnux)\)
+* refactor(NcAppSettingsSection): migrate to `<script setup lang="ts">` [\#7654](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7654) \([backportbot[bot]](https://github.com/backportbot[bot])\)
 
 ## [v8.30.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.30.0) (2025-09-01)
 ### 🚀 Enhancements

package/dist/assets/{NcActions-Bqx-6r2h.css → NcActions-DXLRy-4d.css}

@@ -9,45 +9,45 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-cc138260] {
+.material-design-icon[data-v-6c19c816] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-cc138260] {
+.action-items[data-v-6c19c816] {
   display: flex;
   align-items: center;
   gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
 }
-.action-item[data-v-cc138260] {
+.action-item[data-v-6c19c816] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-cc138260] {
+.action-item.action-item--primary[data-v-6c19c816] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-cc138260] {
+.action-item.action-item--secondary[data-v-6c19c816] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-cc138260] {
+.action-item.action-item--error[data-v-6c19c816] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-cc138260] {
+.action-item.action-item--warning[data-v-6c19c816] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-cc138260] {
+.action-item.action-item--success[data-v-6c19c816] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-cc138260] {
+.action-item.action-item--tertiary-no-background[data-v-6c19c816] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-cc138260] {
+.action-item.action-item--open .action-item__menutoggle[data-v-6c19c816] {
   background-color: var(--open-background-color);
 }
-.action-item__menutoggle__icon[data-v-cc138260] {
+.action-item__menutoggle__icon[data-v-6c19c816] {
   width: 20px;
   height: 20px;
   object-fit: contain;

package/dist/assets/{NcAppContent-w2GK951A.css → NcAppContent-r_MkL84m.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b3f8ea5e] {
+.material-design-icon[data-v-a28923a1] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-details-toggle[data-v-b3f8ea5e] {
+.app-details-toggle[data-v-a28923a1] {
   position: sticky;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -29,10 +29,10 @@
   top: var(--app-navigation-padding);
   inset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2);
 }
-.app-details-toggle--mobile[data-v-b3f8ea5e] {
+.app-details-toggle--mobile[data-v-a28923a1] {
   inset-inline-start: var(--app-navigation-padding);
 }
-.app-details-toggle[data-v-b3f8ea5e]:active, .app-details-toggle[data-v-b3f8ea5e]:hover, .app-details-toggle[data-v-b3f8ea5e]:focus {
+.app-details-toggle[data-v-a28923a1]:active, .app-details-toggle[data-v-a28923a1]:hover, .app-details-toggle[data-v-a28923a1]:focus {
   opacity: 1;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
@@ -45,14 +45,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-4d51da87] {
+.material-design-icon[data-v-7f1adc2a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-content[data-v-4d51da87] {
+.app-content[data-v-7f1adc2a] {
   position: initial;
   z-index: 1000;
   flex-basis: 100vw;
@@ -61,64 +61,64 @@
   background-color: var(--color-main-background);
   min-width: 0;
 }
-.app-content[data-v-4d51da87]:not(.app-content--has-list) {
+.app-content[data-v-7f1adc2a]:not(.app-content--has-list) {
   overflow: auto;
 }
-.app-content-wrapper[data-v-4d51da87] {
+.app-content-wrapper[data-v-7f1adc2a] {
   position: relative;
   width: 100%;
   height: 100%;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-4d51da87]  .app-content-list {
+.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-7f1adc2a]  .app-content-list {
   display: flex;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-4d51da87]  .app-content-details {
+.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-7f1adc2a]  .app-content-details {
   display: none;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-4d51da87]  .app-content-list {
+.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-7f1adc2a]  .app-content-list {
   display: none;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-4d51da87]  .app-content-details {
+.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-7f1adc2a]  .app-content-details {
   display: block;
 }
-[data-v-4d51da87] .splitpanes.default-theme .app-content-list {
+[data-v-7f1adc2a] .splitpanes.default-theme .app-content-list {
   max-width: none;
   /* Thin scrollbar is hard to catch on resizable columns */
   scrollbar-width: auto;
 }
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__pane {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__pane {
   background-color: transparent;
   transition: none;
 }
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__pane-list {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__pane-list {
   min-width: 300px;
   position: sticky;
 }
 @media only screen and (width < 1024px) {
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__pane-list {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__pane-list {
     display: none;
 }
 }
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__pane-details {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__pane-details {
   overflow-y: auto;
 }
 @media only screen and (width < 1024px) {
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__pane-details {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__pane-details {
     min-width: 100%;
 }
 }
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__splitter {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__splitter {
   background-color: var(--color-main-background);
 }
-[data-v-4d51da87] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-4d51da87] .splitpanes.default-theme .splitpanes__splitter::after {
+[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-7f1adc2a] .splitpanes.default-theme .splitpanes__splitter::after {
   background-color: var(--color-border);
 }
-[data-v-4d51da87] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
+[data-v-7f1adc2a] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
   border-inline-start: 1px solid var(--color-border);
 }
-[data-v-4d51da87] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
+[data-v-7f1adc2a] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
   border-top: 1px solid var(--color-border);
 }
-.app-content-wrapper--show-list[data-v-4d51da87] .app-content-list {
+.app-content-wrapper--show-list[data-v-7f1adc2a] .app-content-list {
   max-width: none;
 }

package/dist/assets/{NcAppSettingsDialog-Csh7L4r1.css → NcAppSettingsDialog-B51_ysuI.css}

@@ -9,29 +9,29 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-5f3b5743] {
+.material-design-icon[data-v-8edb4891] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-[data-v-5f3b5743] .app-settings__navigation {
+[data-v-8edb4891] .app-settings__navigation {
   min-width: 200px;
   margin-inline-end: calc(4 * var(--default-grid-baseline));
   overflow-x: hidden;
   overflow-y: auto;
   position: relative;
 }
-[data-v-5f3b5743] .app-settings__content {
+[data-v-8edb4891] .app-settings__content {
   padding-inline: calc(4 * var(--default-grid-baseline));
 }
-.navigation-list[data-v-5f3b5743] {
+.navigation-list[data-v-8edb4891] {
   height: 100%;
   overflow-y: auto;
   padding: calc(3 * var(--default-grid-baseline));
 }
-.navigation-list__link[data-v-5f3b5743] {
+.navigation-list__link[data-v-8edb4891] {
   display: flex;
   align-content: center;
   font-size: 16px;
@@ -48,17 +48,17 @@
   background-color: transparent;
   border: none;
 }
-.navigation-list__link[data-v-5f3b5743]:hover, .navigation-list__link[data-v-5f3b5743]:focus {
+.navigation-list__link[data-v-8edb4891]:hover, .navigation-list__link[data-v-8edb4891]:focus {
   background-color: var(--color-background-hover);
 }
-.navigation-list__link--active[data-v-5f3b5743] {
+.navigation-list__link--active[data-v-8edb4891] {
   background-color: var(--color-primary-element-light) !important;
 }
-.navigation-list__link--icon[data-v-5f3b5743] {
+.navigation-list__link--icon[data-v-8edb4891] {
   padding-inline-start: calc(2 * var(--default-grid-baseline));
   gap: var(--default-grid-baseline);
 }
-.navigation-list__link-icon[data-v-5f3b5743] {
+.navigation-list__link-icon[data-v-8edb4891] {
   display: flex;
   justify-content: center;
   align-content: center;
@@ -66,7 +66,7 @@
   max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
 }
 @media only screen and (max-width: 512px) {
-.app-settings[data-v-5f3b5743] .dialog__name {
+.app-settings[data-v-8edb4891] .dialog__name {
     padding-inline-start: 16px;
 }
 }

package/dist/assets/NcAppSettingsSection-ObwpPdgW.css

@@ -0,0 +1,46 @@
+/**
+ * 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-4095bb7f] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.app-settings-section[data-v-4095bb7f] {
+  --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-4095bb7f] {
+  margin: 0;
+  padding-inline: var(--app-settings-section-text-offset);
+  padding-block: 0;
+  font-size: 20px;
+  font-weight: bold;
+}
+.app-settings-section__description[data-v-4095bb7f] {
+  padding-inline: var(--app-settings-section-text-offset);
+  color: var(--color-text-maxcontrast);
+}
+.app-settings-section__content[data-v-4095bb7f] {
+  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-4095bb7f] {
+  --app-settings-section-text-offset: 0;
+  --app-settings-section-content-gap: 0;
+}

package/dist/assets/NcAppSettingsShortcutsSection-CRO4RakN.css

@@ -0,0 +1,6 @@
+
+._appSettingsSectionShortcuts_1trvh_2 {
+	display: flex;
+	flex-direction: column;
+	gap: calc(4 * var(--default-grid-baseline));
+}