@nextcloud/vue 9.0.0-rc.2 → 9.0.0-rc.3

package/CHANGELOG.md

@@ -7,8 +7,8 @@
 
 All notable changes to this project will be documented in this file.
 
-## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0-rc.2) (unreleased)
-[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.24.0...v9.0.0-rc.2)
+## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0-rc.3) (unreleased)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.27.1...v9.0.0-rc.3)
 
 ### 💥 Breaking Changes
 * The package now uses Vue 3 instead of Vue 2.7
@@ -131,6 +131,8 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
   - The `closing` and `opening` events were removed.
     They are directly emitted when the sidebar was opened when using `v-if`
     and also just duplicated the state of the `open` prop [\#5606](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5606)
+- `NcColorPicker`
+  - The `update:open` event is removed in favor of the already available `close` event.
 - `NcCounterBubble`
   - The default slot was removed
   - The `count` prop is now required [\#5997](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5997)
@@ -154,6 +156,8 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 - `NcSelect`
   - `userSelect` property was removed, instead just use the `NcSelectUsers` component
   - `closeOnSelect` property was removed in favor of `keepOpen`.
+- `NcTextField`:
+  - The value `'arrowRight'` for the `trailingButtonIcon` property was deprecated is now removed in favor of `arrowEnd`.
 - `Tooltip` directive was deprecated in v8 and is now removed.
   This was done in favor of native tooltips using the `title` attribute, which is better for accessibility.
   If you really need custom formatted tooltips, you can use `NcPopover` instead.
@@ -165,7 +169,7 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * feat(dialogs/spawnDialogs)!: do not toRaw the result  [#6760](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6760) ([ShGKme](https://github.com/ShGKme))
 * feat(dialogs/spawnDialog): return promise with the result [#6758](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6758) ([ShGKme](https://github.com/ShGKme))
 * feat(dialogs/spawnDialog)!: replace onClose callback with Promise [#6759](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6759) ([ShGKme](https://github.com/ShGKme))
-* feat(NcChip): allow to define the actions container [#6813](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6813) ([susnux](https://github.com/susnux)) 
+* feat(NcChip): allow to define the actions container [#6813](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6813) ([susnux](https://github.com/susnux))
 * feat(NcActionButton): introduce description prop [#6932](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6932) ([Antreesy](https://github.com/Antreesy))
 
 ### 🐛 Fixed bugs
@@ -211,6 +215,22 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * fix(NcAppContent): adapt to new emitted event object with splitpanes ^4.0.0 [#6950](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6950) ([wofferl](https://github.com/wofferl))
 * fix(NcActionInput): register used NcColorPicker component [#6956](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6956) ([susnux](https://github.com/susnux))
 * fix(NcSelectUsers): use correct type for model and add tests for model-value handling [#6957](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6957) ([susnux](https://github.com/susnux))
+* fix(NcAppNavigationToggle): restore button design and remove wrong attribute [#6984](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6984) ([susnux](https://github.com/susnux))
+* fix(NcInputField): unresolved component and state color [#6994](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6994) ([susnux](https://github.com/susnux))
+* fix(NcAppNavigationItem): multi level padding [#6861](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6861) ([GretaD](https://github.com/GretaD))
+* fix(NcTextField)!: make trailing button icon for confirmation also work on RTL [#6993](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6993) ([susnux](https://github.com/susnux))
+* fix(NcAppContent): incorrect page title from a different `core.apps` format in Nextcloud 30 [#7010](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7010) ([julien-nc](https://github.com/julien-nc))
+* fix(NcButton): correctly apply reverse padding [#7029](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7029) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcAvatar): update 'hasStatus' flag if changed [#7033](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7033) ([Antreesy](https://github.com/Antreesy))
+* fix(NcCheckboxRadioSwitch): align icons with the first row of label [#7043](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7043) ([Antreesy](https://github.com/Antreesy))
+* fix(actions): use pointer cursor for action button text [#7042](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7042) ([ChristophWurst](https://github.com/ChristophWurst))
+* fix(NcAvatar): migrate from deprecated `showUserStatus` prop [#7053](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7053) ([Antreesy](https://github.com/Antreesy))
+* fix(NcAppNavigationSettings): adjust style and padding of button [#7018](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7018) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcRichText): always render code blocks in LTR direction [#7056](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7056) ([Antreesy](https://github.com/Antreesy))
+* fix(NcHeaderMenu): bring caret back [#7071](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7071) ([ShGKme](https://github.com/ShGKme))
+* fix(NcChip): adjust default prop declaration [#7074](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7074) ([Antreesy](https://github.com/Antreesy))
+* fix(NcPopover): component crash when unmounted shown [#7077](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7077) ([Antreesy](https://github.com/Antreesy))
+* fix(NcListItem): let `active` prop take higher priority [#7086](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7086) ([DorraJaouad](https://github.com/DorraJaouad))
 
 ### Changed
 * refactor: replace boolean properties with `default: true` with `default: false` [#6653](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6653) ([susnux](https://github.com/susnux))
@@ -307,6 +327,67 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * refactor(NcIconSvgWrapper): migrate component to Typescript and script-setup [#6967](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6967) ([susnux](https://github.com/susnux))
 * refactor(NcCounterBubble): migrate component to Typescript and script-setup [#6970](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6970) ([susnux](https://github.com/susnux))
 * refactor: use NcIconSvgWrapper with directional property where needed [#6767](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6767) ([susnux](https://github.com/susnux))
+* refactor(NcTextArea): migrate component to Typescript and script-setup [#6986](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6986) ([susnux](https://github.com/susnux))
+* refactor(NcNoteCard): migrate component to Typescript and script-setup [#6985](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6985) ([susnux](https://github.com/susnux))
+* refactor(NcDialog): migrate to script-setup and use Typescript for module [#6968](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6968) ([susnux](https://github.com/susnux))
+* refactor: migrate Nc*Field to Typescript [#6951](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6951) ([susnux](https://github.com/susnux))
+* refactor(NcUserBubble): migrate components to Typescript [#6946](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6946) ([susnux](https://github.com/susnux))
+* refactor(NcHeaderMenu): export as Typescript module and reorder script tags [#7000](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7000) ([susnux](https://github.com/susnux))
+* fix(NcAppNavigationSettings): button left full width [#6999](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6999) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* refactor: migrate NcAppNavigationToggle / NcAppNavigationSpacer to Typescript [#7004](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7004) ([susnux](https://github.com/susnux))
+* refactor(NcContent): migrate to Typescript and script-setup [#7003](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7003) ([susnux](https://github.com/susnux))
+* chore: adjust vitest config to be consistent on CI and locally [#7065](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7065) ([susnux](https://github.com/susnux))
+* refactor(NcLoadingIcon): migrate component to Typescript and script-setup [#7076](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7076) ([susnux](https://github.com/susnux))
+* refactor(NcDateTimePickerNative): migrate component to Typescript and script-setup [#7075](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7075) ([susnux](https://github.com/susnux))
+* refactor: deprecate events not comply with Vue event naming rules [#7058](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7058) ([susnux](https://github.com/susnux))
+* fix(NcModal): correctly handle when trying to activate non-existing focus-trap [#7084](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7084) ([Antreesy](https://github.com/Antreesy))
+* refactor(NcHighlight): migrate component to Typescript [#7073](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7073) ([susnux](https://github.com/susnux))
+* refactor(NcColorPicker): migrate component to Typescript [#7080](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7080) ([susnux](https://github.com/susnux))
+
+## [v8.27.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.27.1) (UNRELEASED)
+
+### 📝 Notes
+#### `NcTextField`
+The value `arrowRight` of the property `trailingButtonIcon` is deprecated and will be removed in a future version.
+It is replaced by `arrowEnd` which reflects that the directions depends on the text directions (LTR vs RTL).
+
+#### `NcColorPicker`
+The `update:open` event is deprecated, instead just use the `close` event which is emitted at the same time.
+
+#### Event names
+Custom events now have a consistent naming without custom scoping of the events.
+Thus following events are deprecated in favor of a new consistent event name:
+
+     Component |       Old event |       New event
+---------------|-----------------|----------------
+`NcAppContent` |   `resize:list` |   `resize-list`
+  `NcRichText` | `interact:todo` | `interact-todo`
+
+## [v8.27.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.27.0) (2025-05-28)
+
+### 📝 Notes
+#### NcEmptyContent
+A padding was added to the empty content wrapper. It is recommended to check in-app styles for possible overrides.
+
+### 🚀 Enhancements
+* feat(NcChip): allow to define the actions container [#6964](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6964)
+* feat(NcActionButton): introduce `description` prop [#6975](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6975)
+
+### 🐛 Fixed bugs
+* fix(NcEmptyContent): description styling for mobile [#6943](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6943)
+* style(NcAppSidebar): remove custom styles from close button [#6945](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6945)
+
+### Other Changes
+* refactor(useIsFullscreen): migrate to Typescript [#6912](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6912) ([ShGKme](https://github.com/ShGKme))
+* refactor(useHotKey): migrate code to Typescript [#6911](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6911)
+* refactor(Focus): migrate directive to Typescript [#6914](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6914)
+* refactor: use `NcIconSvgWrapper` with `directional` property where needed [#6976](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6976)
+* feat(NcRichText): filter links based on protocol [#6977](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6977) ([max-nextcloud](https://github.com/max-nextcloud))
+
+## [v8.26.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.1) (2025-05-07)
+
+### 🐛 Fixed bugs
+* fix(NcIconSvgWrapper): center svg span wrapper [#6880](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6880)
 
 ## [v8.26.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.0) (2025-04-25)
 

package/dist/assets/{NcActionButton-B2G7zsju.css → NcActionButton-Dz2EBAuD.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-992f2357] {
+.material-design-icon[data-v-76892c52] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -21,25 +21,25 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-992f2357]:hover, li.action.active[data-v-992f2357] {
+li.action[data-v-76892c52]:hover, li.action.active[data-v-76892c52] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-992f2357]:hover {
+li.action[data-v-76892c52]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-992f2357] {
+.action--disabled[data-v-76892c52] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-992f2357]:hover, .action--disabled[data-v-992f2357]:focus {
+.action--disabled[data-v-76892c52]:hover, .action--disabled[data-v-76892c52]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled[data-v-992f2357] * {
+.action--disabled[data-v-76892c52] * {
   opacity: 1 !important;
 }
-.action-button[data-v-992f2357] {
+.action-button[data-v-76892c52] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -59,11 +59,11 @@ li.action[data-v-992f2357]:hover {
   font-size: var(--default-font-size);
   line-height: var(--default-clickable-area);
 }
-.action-button > span[data-v-992f2357] {
+.action-button > span[data-v-76892c52] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-button__icon[data-v-992f2357] {
+.action-button__icon[data-v-76892c52] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
@@ -71,15 +71,15 @@ li.action[data-v-992f2357]:hover {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-button[data-v-992f2357] .material-design-icon {
+.action-button[data-v-76892c52] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-button[data-v-992f2357] .material-design-icon .material-design-icon__svg {
+.action-button[data-v-76892c52] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-button__longtext-wrapper[data-v-992f2357], .action-button__longtext[data-v-992f2357] {
+.action-button__longtext-wrapper[data-v-76892c52], .action-button__longtext[data-v-76892c52] {
   max-width: 220px;
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
@@ -88,11 +88,11 @@ li.action[data-v-992f2357]:hover {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-button__longtext[data-v-992f2357] {
+.action-button__longtext[data-v-76892c52] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-button__name[data-v-992f2357] {
+.action-button__name[data-v-76892c52] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -100,7 +100,7 @@ li.action[data-v-992f2357]:hover {
   max-width: 100%;
   display: block;
 }
-.action-button__description[data-v-992f2357] {
+.action-button__description[data-v-76892c52] {
   display: block;
   white-space: pre-wrap;
   font-size: var(--font-size-small);
@@ -108,9 +108,12 @@ li.action[data-v-992f2357]:hover {
   color: var(--color-text-maxcontrast);
   cursor: pointer;
 }
-.action-button__menu-icon[data-v-992f2357] {
+.action-button__menu-icon[data-v-76892c52] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action-button__pressed-icon[data-v-992f2357] {
+.action-button__pressed-icon[data-v-76892c52] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
+}
+.action-button[data-v-76892c52] * {
+  cursor: pointer;
 }

package/dist/assets/{NcActionInput-SoC93uat.css → NcActionInput-BA67jS1l.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0ba12bfa] {
+.material-design-icon[data-v-5352b9fa] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -27,9 +27,9 @@
  * color-text-maxcontrast 	disabled state
  */
 /* Default global values */
-button[data-v-0ba12bfa]:not(.button-vue),
-input[data-v-0ba12bfa]:not([type=range]),
-textarea[data-v-0ba12bfa] {
+button[data-v-5352b9fa]:not(.button-vue),
+input[data-v-5352b9fa]:not([type=range]),
+textarea[data-v-5352b9fa] {
   margin: 0;
   padding: 7px 6px;
   cursor: text;
@@ -41,69 +41,69 @@ textarea[data-v-0ba12bfa] {
   font-size: 13px;
   /* Primary action button, use sparingly */
 }
-button[data-v-0ba12bfa]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-0ba12bfa]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-0ba12bfa],
-input[data-v-0ba12bfa]:not([type=range]):not(:disabled):not(.primary):hover,
-input[data-v-0ba12bfa]:not([type=range]):not(:disabled):not(.primary):focus,
-input:not([type=range]):not(:disabled):not(.primary).active[data-v-0ba12bfa],
-textarea[data-v-0ba12bfa]:not(:disabled):not(.primary):hover,
-textarea[data-v-0ba12bfa]:not(:disabled):not(.primary):focus,
-textarea:not(:disabled):not(.primary).active[data-v-0ba12bfa] {
+button[data-v-5352b9fa]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-5352b9fa]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-5352b9fa],
+input[data-v-5352b9fa]:not([type=range]):not(:disabled):not(.primary):hover,
+input[data-v-5352b9fa]:not([type=range]):not(:disabled):not(.primary):focus,
+input:not([type=range]):not(:disabled):not(.primary).active[data-v-5352b9fa],
+textarea[data-v-5352b9fa]:not(:disabled):not(.primary):hover,
+textarea[data-v-5352b9fa]:not(:disabled):not(.primary):focus,
+textarea:not(:disabled):not(.primary).active[data-v-5352b9fa] {
   /* active class used for multiselect */
   border-color: var(--color-primary-element);
   outline: none;
 }
-button[data-v-0ba12bfa]:not(.button-vue):not(:disabled):not(.primary):active,
-input[data-v-0ba12bfa]:not([type=range]):not(:disabled):not(.primary):active,
-textarea[data-v-0ba12bfa]:not(:disabled):not(.primary):active {
+button[data-v-5352b9fa]:not(.button-vue):not(:disabled):not(.primary):active,
+input[data-v-5352b9fa]:not([type=range]):not(:disabled):not(.primary):active,
+textarea[data-v-5352b9fa]:not(:disabled):not(.primary):active {
   color: var(--color-text-light);
   outline: none;
   background-color: var(--color-main-background);
 }
-button[data-v-0ba12bfa]:not(.button-vue):disabled,
-input[data-v-0ba12bfa]:not([type=range]):disabled,
-textarea[data-v-0ba12bfa]:disabled {
+button[data-v-5352b9fa]:not(.button-vue):disabled,
+input[data-v-5352b9fa]:not([type=range]):disabled,
+textarea[data-v-5352b9fa]:disabled {
   cursor: default;
   opacity: 0.5;
   color: var(--color-text-maxcontrast);
   background-color: var(--color-background-dark);
 }
-button[data-v-0ba12bfa]:not(.button-vue):required,
-input[data-v-0ba12bfa]:not([type=range]):required,
-textarea[data-v-0ba12bfa]:required {
+button[data-v-5352b9fa]:not(.button-vue):required,
+input[data-v-5352b9fa]:not([type=range]):required,
+textarea[data-v-5352b9fa]:required {
   box-shadow: none;
 }
-button[data-v-0ba12bfa]:not(.button-vue):invalid,
-input[data-v-0ba12bfa]:not([type=range]):invalid,
-textarea[data-v-0ba12bfa]:invalid {
+button[data-v-5352b9fa]:not(.button-vue):invalid,
+input[data-v-5352b9fa]:not([type=range]):invalid,
+textarea[data-v-5352b9fa]:invalid {
   border-color: var(--color-error);
   box-shadow: none !important;
 }
-button:not(.button-vue).primary[data-v-0ba12bfa],
-input:not([type=range]).primary[data-v-0ba12bfa],
-textarea.primary[data-v-0ba12bfa] {
+button:not(.button-vue).primary[data-v-5352b9fa],
+input:not([type=range]).primary[data-v-5352b9fa],
+textarea.primary[data-v-5352b9fa] {
   cursor: pointer;
   color: var(--color-primary-element-text);
   border-color: var(--color-primary-element);
   background-color: var(--color-primary-element);
 }
-button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):hover, button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):focus, button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):active,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):hover,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):focus,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):active,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):hover,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):focus,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):active {
+button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):hover, button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):focus, button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):active,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):hover,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):focus,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):active,
+textarea.primary[data-v-5352b9fa]:not(:disabled):hover,
+textarea.primary[data-v-5352b9fa]:not(:disabled):focus,
+textarea.primary[data-v-5352b9fa]:not(:disabled):active {
   border-color: var(--color-primary-element-light);
   background-color: var(--color-primary-element-light);
 }
-button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):active,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):active,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):active {
+button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):active,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):active,
+textarea.primary[data-v-5352b9fa]:not(:disabled):active {
   color: var(--color-primary-element-text-dark);
 }
-button:not(.button-vue).primary[data-v-0ba12bfa]:disabled,
-input:not([type=range]).primary[data-v-0ba12bfa]:disabled,
-textarea.primary[data-v-0ba12bfa]:disabled {
+button:not(.button-vue).primary[data-v-5352b9fa]:disabled,
+input:not([type=range]).primary[data-v-5352b9fa]:disabled,
+textarea.primary[data-v-5352b9fa]:disabled {
   cursor: default;
   color: var(--color-primary-element-text-dark);
   background-color: var(--color-primary-element);
@@ -113,25 +113,25 @@ textarea.primary[data-v-0ba12bfa]:disabled {
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-0ba12bfa]:hover, li.action.active[data-v-0ba12bfa] {
+li.action[data-v-5352b9fa]:hover, li.action.active[data-v-5352b9fa] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-0ba12bfa]:hover {
+li.action[data-v-5352b9fa]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-0ba12bfa] {
+.action--disabled[data-v-5352b9fa] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-0ba12bfa]:hover, .action--disabled[data-v-0ba12bfa]:focus {
+.action--disabled[data-v-5352b9fa]:hover, .action--disabled[data-v-5352b9fa]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled[data-v-0ba12bfa] * {
+.action--disabled[data-v-5352b9fa] * {
   opacity: 1 !important;
 }
-.action-input[data-v-0ba12bfa] {
+.action-input[data-v-5352b9fa] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -147,60 +147,60 @@ li.action[data-v-0ba12bfa]:hover {
   box-shadow: none;
   font-weight: normal;
 }
-.action-input__icon-wrapper[data-v-0ba12bfa] {
+.action-input__icon-wrapper[data-v-5352b9fa] {
   display: flex;
   align-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-input__icon-wrapper[data-v-0ba12bfa] .material-design-icon {
+.action-input__icon-wrapper[data-v-5352b9fa] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-input__icon-wrapper[data-v-0ba12bfa] .material-design-icon .material-design-icon__svg {
+.action-input__icon-wrapper[data-v-5352b9fa] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-input > span[data-v-0ba12bfa] {
+.action-input > span[data-v-5352b9fa] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-input__icon[data-v-0ba12bfa] {
+.action-input__icon[data-v-5352b9fa] {
   min-width: 0; /* Overwrite icons*/
   min-height: 0;
   padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
   background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
   background-size: 16px;
 }
-.action-input__form[data-v-0ba12bfa] {
+.action-input__form[data-v-5352b9fa] {
   display: flex;
   align-items: center;
   flex: 1 1 auto;
   margin: 4px 0;
   padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
 }
-.action-input__container[data-v-0ba12bfa] {
+.action-input__container[data-v-5352b9fa] {
   position: relative;
   width: 100%;
 }
-.action-input__input-container[data-v-0ba12bfa] {
+.action-input__input-container[data-v-5352b9fa] {
   display: flex;
 }
-.action-input__input-container .colorpicker__trigger[data-v-0ba12bfa], .action-input__input-container .colorpicker__preview[data-v-0ba12bfa] {
+.action-input__input-container .colorpicker__trigger[data-v-5352b9fa], .action-input__input-container .colorpicker__preview[data-v-5352b9fa] {
   width: 100%;
 }
-.action-input__input-container .colorpicker__preview[data-v-0ba12bfa] {
+.action-input__input-container .colorpicker__preview[data-v-5352b9fa] {
   width: 100%;
   height: 36px;
   border-radius: var(--border-radius-large);
   border: 2px solid var(--color-border-maxcontrast);
   box-shadow: none !important;
 }
-.action-input__text-label[data-v-0ba12bfa] {
+.action-input__text-label[data-v-5352b9fa] {
   padding: 4px 0;
   display: block;
 }
-.action-input__text-label--hidden[data-v-0ba12bfa] {
+.action-input__text-label--hidden[data-v-5352b9fa] {
   position: absolute;
   inset-inline-start: 0;
   width: 1px;
@@ -209,18 +209,18 @@ li.action[data-v-0ba12bfa]:hover {
   z-index: -1;
   opacity: 0;
 }
-.action-input__datetimepicker[data-v-0ba12bfa] {
+.action-input__datetimepicker[data-v-5352b9fa] {
   width: 100%;
 }
-.action-input__datetimepicker[data-v-0ba12bfa] .mx-input {
+.action-input__datetimepicker[data-v-5352b9fa] .mx-input {
   margin: 0;
 }
-.action-input__multi[data-v-0ba12bfa] {
+.action-input__multi[data-v-5352b9fa] {
   width: 100%;
 }
-li:last-child > .action-input[data-v-0ba12bfa] {
+li:last-child > .action-input[data-v-5352b9fa] {
   padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
 }
-li:first-child > .action-input[data-v-0ba12bfa]:not(.action-input--visible-label) {
+li:first-child > .action-input[data-v-5352b9fa]:not(.action-input--visible-label) {
   padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
 }

package/dist/assets/{NcAppContent-Di-SbMxO.css → NcAppContent-Zgn8-wsd.css}

@@ -45,14 +45,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-3a1a29de] {
+.material-design-icon[data-v-1afe7f46] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-content[data-v-3a1a29de] {
+.app-content[data-v-1afe7f46] {
   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-3a1a29de]:not(.app-content--has-list) {
+.app-content[data-v-1afe7f46]:not(.app-content--has-list) {
   overflow: auto;
 }
-.app-content-wrapper[data-v-3a1a29de] {
+.app-content-wrapper[data-v-1afe7f46] {
   position: relative;
   width: 100%;
   height: 100%;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-3a1a29de]  .app-content-list {
+.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-1afe7f46]  .app-content-list {
   display: flex;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-3a1a29de]  .app-content-details {
+.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-1afe7f46]  .app-content-details {
   display: none;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-3a1a29de]  .app-content-list {
+.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-1afe7f46]  .app-content-list {
   display: none;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-3a1a29de]  .app-content-details {
+.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-1afe7f46]  .app-content-details {
   display: block;
 }
-[data-v-3a1a29de] .splitpanes.default-theme .app-content-list {
+[data-v-1afe7f46] .splitpanes.default-theme .app-content-list {
   max-width: none;
   /* Thin scrollbar is hard to catch on resizable columns */
   scrollbar-width: auto;
 }
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__pane {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__pane {
   background-color: transparent;
   transition: none;
 }
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__pane-list {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__pane-list {
   min-width: 300px;
   position: sticky;
 }
 @media only screen and (width < 1024px) {
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__pane-list {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__pane-list {
     display: none;
 }
 }
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__pane-details {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__pane-details {
   overflow-y: auto;
 }
 @media only screen and (width < 1024px) {
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__pane-details {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__pane-details {
     min-width: 100%;
 }
 }
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__splitter {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__splitter {
   background-color: var(--color-main-background);
 }
-[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-3a1a29de] .splitpanes.default-theme .splitpanes__splitter::after {
+[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-1afe7f46] .splitpanes.default-theme .splitpanes__splitter::after {
   background-color: var(--color-border);
 }
-[data-v-3a1a29de] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
+[data-v-1afe7f46] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
   border-inline-start: 1px solid var(--color-border);
 }
-[data-v-3a1a29de] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
+[data-v-1afe7f46] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
   border-top: 1px solid var(--color-border);
 }
-.app-content-wrapper--show-list[data-v-3a1a29de] .app-content-list {
+.app-content-wrapper--show-list[data-v-1afe7f46] .app-content-list {
   max-width: none;
 }