@nextcloud/vue 9.1.0 → 9.2.0

package/CHANGELOG.md

@@ -7,6 +7,41 @@
 
 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)
 
@@ -513,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,

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/{NcAppSettingsDialog-Dcv235GW.css → NcAppSettingsDialog-B51_ysuI.css}

@@ -9,29 +9,29 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-69d0fb0e] {
+.material-design-icon[data-v-8edb4891] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-[data-v-69d0fb0e] .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-69d0fb0e] .app-settings__content {
+[data-v-8edb4891] .app-settings__content {
   padding-inline: calc(4 * var(--default-grid-baseline));
 }
-.navigation-list[data-v-69d0fb0e] {
+.navigation-list[data-v-8edb4891] {
   height: 100%;
   overflow-y: auto;
   padding: calc(3 * var(--default-grid-baseline));
 }
-.navigation-list__link[data-v-69d0fb0e] {
+.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-69d0fb0e]:hover, .navigation-list__link[data-v-69d0fb0e]: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-69d0fb0e] {
+.navigation-list__link--active[data-v-8edb4891] {
   background-color: var(--color-primary-element-light) !important;
 }
-.navigation-list__link--icon[data-v-69d0fb0e] {
+.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-69d0fb0e] {
+.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-69d0fb0e] .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/{NcDateTimePicker-DW0b4W9D.css → NcDateTimePicker-DL6-rWSN.css}

@@ -95,6 +95,9 @@
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input:hover:not(.dp__input_focus) {
   border-color: var(--dp-border-color-hover);
 }
+.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_not_clearable {
+  padding-inline-end: var(--dp-input-not-clearable-padding) !important;
+}
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_reg {
   caret-color: rgba(0, 0, 0, 0);
 }
@@ -770,7 +773,7 @@
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button:hover {
   background: var(--dp-hover-color);
-  color: var(--dp-primary-color);
+  color: var(--dp-hover-icon-color);
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_display {
   cursor: pointer;
@@ -886,7 +889,7 @@
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_cancel:hover {
   border-color: var(--dp-primary-color);
-  transition: var(--dp-action-row-transtion);
+  transition: var(--dp-action-row-transition);
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select {
   background: var(--dp-primary-color);
@@ -894,7 +897,7 @@
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select:hover {
   background: var(--dp-primary-color);
-  transition: var(--dp-action-row-transtion);
+  transition: var(--dp-action-row-transition);
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select:disabled {
   background: var(--dp-primary-disabled-color);
@@ -947,7 +950,7 @@
   --dp-animation-duration: 0.1s;
   --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
   --dp-transition-timing: ease-out;
-  --dp-action-row-transtion: all 0.2s ease-in;
+  --dp-action-row-transition: all 0.2s ease-in;
   --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   --dp-border-radius: 4px;
   --dp-cell-border-radius: 4px;
@@ -963,6 +966,7 @@
   --dp-common-padding: 10px;
   --dp-input-icon-padding: 35px;
   --dp-input-padding: 6px 30px 6px 12px;
+  --dp-input-not-clearable-padding: 12px;
   --dp-menu-min-width: 260px;
   --dp-action-buttons-padding: 1px 6px;
   --dp-row-margin: 5px 0;

package/dist/assets/NcFormBox-D-kcijXp.css

@@ -0,0 +1,54 @@
+/**
+ * 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_1u9di_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._ncFormBox_1u9di_20 {
+  display: flex;
+  flex-direction: column;
+  gap: calc(1 * var(--default-grid-baseline));
+}
+._ncFormBox_1u9di_20._ncFormBox_row_1u9di_25 {
+  flex-direction: row;
+}
+._ncFormBox__item_1u9di_29 {
+  border-radius: var(--border-radius-small) !important;
+}
+._ncFormBox_col_1u9di_33 {
+  flex-direction: column;
+}
+._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:first-child {
+  border-start-start-radius: var(--border-radius-element) !important;
+  border-start-end-radius: var(--border-radius-element) !important;
+}
+._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:last-child {
+  border-end-start-radius: var(--border-radius-element) !important;
+  border-end-end-radius: var(--border-radius-element) !important;
+}
+._ncFormBox_row_1u9di_25 {
+  flex-direction: row;
+}
+._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29 {
+  flex: 1 1;
+}
+._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:first-child {
+  border-start-start-radius: var(--border-radius-element) !important;
+  border-end-start-radius: var(--border-radius-element) !important;
+}
+._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:last-child {
+  border-end-end-radius: var(--border-radius-element) !important;
+  border-start-end-radius: var(--border-radius-element) !important;
+}

package/dist/assets/{NcAppSettingsSection-DIVdlb0g.css → NcFormBoxButton-C6EvdLK4.css}

@@ -9,22 +9,24 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-78ad5bf4] {
+._material-design-icon_15jyc_12 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-settings-section[data-v-78ad5bf4] {
-  margin-bottom: 80px;
-}
-.app-settings-section__name[data-v-78ad5bf4] {
-  font-size: 1.6em;
+._formBoxButton_15jyc_20 {
+  /* Reset default HTML button styles */
+  background: unset;
+  border: none;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+  text-align: inherit;
+  line-height: inherit;
+  padding: 0;
   margin: 0;
-  padding: 20px 0;
-  font-weight: bold;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  outline: none;
 }

package/dist/assets/NcFormBoxItem-j2nGdOvd.css

@@ -0,0 +1,88 @@
+/**
+ * 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_pugbs_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._formBoxItem_pugbs_20 {
+  --nc-form-box-item-border-width: 1px;
+  --nc-form-box-item-min-height: 40px;
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+  --form-element-label-padding: calc(var(--form-element-label-offset) - var(--nc-form-box-item-border-width));
+  --color-primary-element-extra-light: hsl(from var(--color-primary-element-light) h s calc(l * 1.045));
+  --color-primary-element-extra-light-hover: hsl(from var(--color-primary-element-light-hover) h s calc(l * 1.045));
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: calc(2 * var(--default-grid-baseline));
+  min-height: var(--nc-form-box-item-min-height);
+  padding-inline: var(--form-element-label-padding);
+  border: 1px solid var(--color-primary-element-extra-light-hover);
+  border-bottom-width: 2px;
+  border-radius: var(--border-radius-element);
+  background-color: var(--color-primary-element-extra-light);
+  color: var(--color-primary-element-light-text);
+  transition-property: color, border-color, background-color;
+  transition-duration: var(--animation-quick);
+  transition-timing-function: linear;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: pointer;
+}
+._formBoxItem_pugbs_20 * {
+  cursor: inherit;
+}
+._formBoxItem_pugbs_20:has(:disabled) {
+  cursor: default;
+  opacity: 0.5;
+}
+._formBoxItem_pugbs_20:hover:not(:has(:disabled)) {
+  color: var(--color-primary-element-light-text);
+  background-color: var(--color-primary-element-extra-light-hover);
+}
+._formBoxItem_pugbs_20:has(:focus-visible) {
+  outline: 2px solid var(--color-main-text);
+  box-shadow: 0 0 0 4px var(--color-main-background);
+}
+._formBoxItem_pugbs_20._formBoxItem_legacy_pugbs_60 {
+  --nc-form-box-item-border-width: 0px;
+  border: none;
+}
+._formBoxItem_pugbs_20._formBoxItem_inverted_pugbs_64 ._formBoxItem__element_pugbs_64 {
+  color: var(--color-text-maxcontrast);
+}
+._formBoxItem_pugbs_20._formBoxItem_inverted_pugbs_64 ._formBoxItem__description_pugbs_67 {
+  color: inherit;
+}
+._formBoxItem__content_pugbs_71 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding-block: calc(2 * var(--default-grid-baseline));
+  overflow-wrap: anywhere;
+}
+._formBoxItem__element_pugbs_64::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+._formBoxItem__description_pugbs_67 {
+  color: var(--color-text-maxcontrast);
+}
+._formBoxItem__icon_pugbs_89 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}

package/dist/assets/NcFormBoxSwitch-BmyNQCbA.css

@@ -0,0 +1,37 @@
+/**
+ * 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_hjv1a_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+input._formBoxSwitch__input_hjv1a_20 {
+  margin: 0;
+  width: var(--default-clickable-area);
+  /* Keep it visually hidden but on the position of visual switch icon */
+  position: absolute;
+  inset-block: 0;
+  inset-inline-end: var(--form-element-label-offset);
+  z-index: -1;
+  opacity: 0 !important;
+  /* Override server styles */
+  height: auto;
+  cursor: inherit;
+}
+._formBoxSwitch__icon_hjv1a_34 {
+  color: var(--color-text-maxcontrast);
+}
+input:checked + ._formBoxSwitch__icon_hjv1a_34 {
+  color: var(--color-primary-element);
+}

package/dist/assets/NcFormGroup-BrD0Scm7.css

@@ -0,0 +1,43 @@
+/**
+ * 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_9p8a1_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._formGroup_9p8a1_20 {
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+  --form-group-content-gap: calc(2 * var(--default-grid-baseline));
+}
+._formGroup_9p8a1_20._formGroup_noGap_9p8a1_24 {
+  --form-group-content-gap: 0;
+}
+._formGroup__label_9p8a1_28 {
+  padding-inline: var(--form-element-label-offset);
+  font-size: var(--font-size);
+  font-weight: bold;
+}
+._formGroup__description_9p8a1_34 {
+  padding-inline: var(--form-element-label-offset);
+  color: var(--color-text-maxcontrast);
+}
+._formGroup__content_9p8a1_39 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--form-group-content-gap);
+  margin-block-start: calc(2.5 * var(--default-grid-baseline));
+}
+._formGroup__content_9p8a1_39._formGroup__content_only_9p8a1_45 {
+  margin-block-start: 0;
+}

package/dist/assets/{NcHotkey-QklVKSyr.css → NcHotkey-4yi1Hobg.css}

@@ -9,34 +9,35 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_19tul_12 {
+._material-design-icon_1s86g_12 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._hotkey_19tul_20 {
+._hotkey_1s86g_20 {
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   display: flex;
   flex-direction: row-reverse;
   align-items: stretch;
-  padding-inline: var(--border-radius-element); /* Align with form group */
+  padding-inline: var(--form-element-label-offset);
 }
-._hotkey_19tul_20:first-child ._hotkey__label_19tul_26,
-._hotkey_19tul_20:first-child ._hotkey__keys_19tul_27 {
+._hotkey_1s86g_20:first-child ._hotkey__label_1s86g_27,
+._hotkey_1s86g_20:first-child ._hotkey__keys_1s86g_28 {
   border-block-start: none;
 }
-._hotkey__label_19tul_26,
-._hotkey__keys_19tul_27 {
+._hotkey__label_1s86g_27,
+._hotkey__keys_1s86g_28 {
   display: flex;
   align-items: center;
   padding-block: calc(2 * var(--default-grid-baseline));
   border-block-start: 1px solid var(--color-border);
 }
-._hotkey__label_19tul_26 {
+._hotkey__label_1s86g_27 {
   flex: 1 1 200px;
 }
-._hotkey__keys_19tul_27 {
+._hotkey__keys_1s86g_28 {
   flex: 1 1 auto;
   flex-wrap: wrap;
   justify-content: end;

package/dist/assets/NcHotkeyList-gAZN0WIu.css

@@ -0,0 +1,8 @@
+
+._hotkeyList_pf97p_2 {
+	--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+}
+._hotkeyList__heading_pf97p_6 {
+	font-weight: bold;
+	margin-inline: var(--form-element-label-offset);
+}