@nextcloud/vue 9.0.0-rc.4 → 9.0.0-rc.5

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.4) (unreleased)
-[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.28.0...v9.0.0-rc.4)
+## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0-rc.5) (unreleased)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.28.0...v9.0.0-rc.5)
 
 ### 💥 Breaking Changes
 * The package now uses Vue 3 instead of Vue 2.7
@@ -172,6 +172,8 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
   If you really need custom formatted tooltips, you can use `NcPopover` instead.
 - The `useFormatDateTime` composable - only exported from default entry point - is removed.
   Instead you can now use `useFormatTime` for formatting a time to a local date string or `useFormatRelativeTime` to format it to a humanized string like *a day ago*.
+- The `usernameToColor` function is named exported instead of a default export.
+  This was done to have consistent export types.
 
 ### 🚀 Enhancements
 * Allow writing components using Typescript and provide type definitions for `NcButton` [\#4525](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4525) \([susnux](https://github.com/susnux)\)
@@ -256,6 +258,12 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * fix(NcDateTimePicker): correctly import library CSS [#7051](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7051) ([raimund-schluessler](https://github.com/raimund-schluessler))
 * fix(NcListItem): correctly handle unmounting [#7151](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7151) ([Antreesy](https://github.com/Antreesy))
 * perf(utils): ensure only 64px or 512px avatars are loaded [#6749](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6749) ([susnux](https://github.com/susnux))
+* perf(NcAvatar): ensure avatar does not add mutation observer [#7157](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7157) ([ShGKme](https://github.com/ShGKme))
+* refactor(NcButton): remove redundant style [#7154](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7154) ([skjnldsv](https://github.com/skjnldsv))
+* fix(NcInputField): remove browser injected clear button [#7167](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7167) ([susnux](https://github.com/susnux))
+* fix(NcModal): use `--border-radius-container` [#7176](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7176) ([susnux](https://github.com/susnux))
+* fix(useIsDarkTheme): provide default value to silence runtime warnings [#7185](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7185) ([susnux](https://github.com/susnux))
+* fix(NcAppSidebar): remove slot styling for buttons in the description [#7182](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7182) ([susnux](https://github.com/susnux))
 
 ### 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))
@@ -375,8 +383,17 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * refactor!: make all events camelcase and drop deprecated events [#7059](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7059) ([susnux](https://github.com/susnux))
 * chore(NcAppContent): rename NcAppDetailsContent to remove from docs [#7137](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7137) ([susnux](https://github.com/susnux))
 * refactor(NcAppContent): clarify props documentation and use capabilities over initial state [#7057](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7057) ([susnux](https://github.com/susnux))
+* chore(NcAppSidebar): correctly define and document exposed CSS variables [#5861](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5861) ([ShGKme](https://github.com/ShGKme))
+* chore: add current Node (upcoming) LTS 24.0.0 to supported engines [#7163](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7163) ([susnux](https://github.com/susnux))
+* refactor(functions): Make sure only named exports are used (`usernameToColor`) [#7161](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7161) ([susnux](https://github.com/susnux))
+* chore(NcRichText): remove unused remark plugin [#7172](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7172) ([susnux](https://github.com/susnux))
+* refactor(NcRichText): migrate helpers to Typescript [#7173](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7173) ([susnux](https://github.com/susnux))
+* refactor(NcRichText): use `debounce` instead of custom delay function [#7174](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7174) ([susnux](https://github.com/susnux))
+* refactor: replace deprecated CSS variables and legacy fallbacks [#7177](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7177) ([susnux](https://github.com/susnux))
+* refactor: use Typescript for l10n dummy import [#7171](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7171) ([susnux](https://github.com/susnux))
 
 ## [v8.28.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.28.0) (2025-07-14)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.27.0...v8.28.0)
 
 ### 📝 Notes
 #### `NcPasswordField`
@@ -427,6 +444,7 @@ Thus following events are deprecated in favor of a new consistent event name:
 * refactor(NcAppContent): clarify props documentation and use capabilities over initial state [#7141](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7141)
 
 ## [v8.27.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.27.0) (2025-05-28)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.26.1...v8.27.0)
 
 ### 📝 Notes
 #### NcEmptyContent
@@ -448,11 +466,13 @@ A padding was added to the empty content wrapper. It is recommended to check in-
 * 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)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.26.0...v8.26.1)
 
 ### 🐛 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)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.25.1...v8.26.0)
 
 ### 📝 Notes
 #### NcAppSidebar
@@ -464,15 +484,15 @@ The `focusTrap` property is now deprecated and will be replaced with `noFocusTra
 the reason behind this is to only have boolean properties with default value of `false` allowing shortcut props.
 
 ### 🚀 Enhancements
-* [stable8] feat(NcAppSidebar): add `info` slot [#6843](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6843)
-* [stable8] feat(NcPopover): add new `noFocusTrap` prop [#6808](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6808)
+* feat(NcAppSidebar): add `info` slot [#6843](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6843)
+* feat(NcPopover): add new `noFocusTrap` prop [#6808](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6808)
 
 ### 🐛 Fixed bugs
-* [stable8] fix(NcRichText): `references` prop type [#6800](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6800)
-* [stable8]  fix(NcAppContent): don't remove list when showing details in mobile or no-split mode [#6261](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6261) ([wofferl](https://github.com/wofferl))
-* [stable8] fix(NcMentionBubble): position selectable text aligned with the component [#6837](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6837)
-* [stable8] fix(NcAvatar): do not load avatar from server, if iconClass was provided [#6836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6836)
-* [stable8] fix(NcSelectUsers): add missing `search` event [#6838](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6838)
+* fix(NcRichText): `references` prop type [#6800](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6800)
+* fix(NcAppContent): don't remove list when showing details in mobile or no-split mode [#6261](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6261) ([wofferl](https://github.com/wofferl))
+* fix(NcMentionBubble): position selectable text aligned with the component [#6837](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6837)
+* fix(NcAvatar): do not load avatar from server, if iconClass was provided [#6836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6836)
+* fix(NcSelectUsers): add missing `search` event [#6838](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6838)
 
 ## [v8.25.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.25.1) (2025-04-17)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.25.0...v8.25.1)
@@ -509,7 +529,22 @@ In some rare cases where you really need a formatted tooltip `NcPopover` could b
 +    :title="title"
 ```
 
+### 🚀 Enhancements
+* feat(NcDateTimePicker): add new types as alternative for `range` property [#6738](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6738) ([susnux](https://github.com/susnux))
+* feat: provide `NcSelectUsers` as replacement of `user-select` prop for `NcSelect` [#6791](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6791)
+
+### 🐛 Fixed bugs
+* Adjust all styles for RTL support and add `directional` prop to NcIconSvgWrapper [#6766](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6766)
+* fix(NcRichContenteditable): add correct tooltip [#6782](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6782)
+* fix(NcRichContenteditable): bring back error style on overflow [#6789](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6789)
+* fix(NcAvatar): skip user status request if `hideStatus` prop was provided [#6780](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6780) ([Antreesy](https://github.com/Antreesy))
+
+### Other Changes
+* Updates for project Nextcloud vue library [#6690](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6690) ([transifex-integration](https://github.com/transifex-integration))
+* refactor: deprecate `Tooltip` directive for accessibility [#6765](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6765)
+
 ## [v8.24.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.24.0) (2025-04-02)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.23.1...v8.24.0)
 
 ### 📝 Notes
 
@@ -563,6 +598,7 @@ To make a later migration to version 9 easier you can already migrate your `NcBu
 * Updated translations
 
 ## [v8.23.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.23.1) (2025-02-13)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.23.0...v8.23.1)
 
 ### 🐛 Fixed bugs
 * fix(l10n): fix build error after `@nextcloud/l10n` bump [\#6521](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6521) \([ShGKme](https://github.com/ShGKme)\)
@@ -677,10 +713,6 @@ To make a later migration to version 9 easier you can already migrate your `NcBu
 * fix(NcRichContenteditable): do not break adjacent user mentions [\#6223](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6223) \([Antreesy](https://github.com/Antreesy)\)
 * fix(NcRichContenteditable): fix pasting of the content to an empty field [\#6241](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6241) \([DorraJaouad](https://github.com/DorraJaouad)\)
 
-## New Contributors
-* @alsulami1 made their first contribution in [\#6202](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6202)
-* @wofferl made their first contribution in [\#6227](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6227)
-
 ## [v8.20.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.20.0) (2024-10-29)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.19.0...v8.20.0)
 
@@ -990,9 +1022,6 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 * Updates for project Nextcloud vue library [\#5447](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5447) \([transifex-integration](https://github.com/transifex-integration)\)
 * Updates for project Nextcloud vue library [\#5478](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5478) \([transifex-integration](https://github.com/transifex-integration)\)
 
-## New Contributors
-* @DorraJaouad made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5455
-
 ## [v8.11.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.11.1) (2024-03-21)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.11.0...v8.11.1)
 
@@ -1007,9 +1036,6 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 * Updates for project Nextcloud vue library [\#5417](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5417) \([transifex-integration](https://github.com/transifex-integration)\)
 * Updates for project Nextcloud vue library [\#5426](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5426) \([transifex-integration](https://github.com/transifex-integration)\)
 
-## New Contributors
-* @RayBB made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5389
-
 ## [v8.11.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.11.0) (2024-03-15)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.10.0...v8.11.0)
 
@@ -1025,9 +1051,6 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 ### Other Changes
 * Updates for project Nextcloud vue library [\#5404](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5404) \([transifex-integration](https://github.com/transifex-integration)\)
 
-## New Contributors
-* @kyteinsky made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5407
-
 ## [v8.10.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.10.0) (2024-03-11)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.9.1...v8.10.0)
 

package/dist/assets/{NcActionButtonGroup-BND4GQdv.css → NcActionButtonGroup-BLIEEeG3.css}

@@ -36,7 +36,7 @@
 }
 .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active {
   background-color: var(--color-primary-element);
-  border-radius: var(--border-radius-large);
+  border-radius: var(--border-radius-element);
   color: var(--color-primary-element-text);
 }
 .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:focus-within {

package/dist/assets/NcActionInput-BZCvMPVy.css

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

package/dist/assets/{NcActionTextEditable-BbOijUsB.css → NcActionTextEditable-D5stkJZK.css}

@@ -21,11 +21,6 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-/**
- * color-text-lighter		normal state
- * color-text-lighter		active state
- * color-text-maxcontrast 	disabled state
- */
 /* Default global values */
 button[data-v-df9c1bf0]:not(.button-vue),
 input[data-v-df9c1bf0]:not([type=range]),
@@ -33,9 +28,9 @@ textarea[data-v-df9c1bf0] {
   margin: 0;
   padding: 7px 6px;
   cursor: text;
-  color: var(--color-text-lighter);
+  color: var(--color-main-text);
   border: 1px solid var(--color-border-dark);
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-element);
   outline: none;
   background-color: var(--color-main-background);
   font-size: 13px;
@@ -55,7 +50,7 @@ textarea:not(:disabled):not(.primary).active[data-v-df9c1bf0] {
 button[data-v-df9c1bf0]:not(.button-vue):not(:disabled):not(.primary):active,
 input[data-v-df9c1bf0]:not([type=range]):not(:disabled):not(.primary):active,
 textarea[data-v-df9c1bf0]:not(:disabled):not(.primary):active {
-  color: var(--color-text-light);
+  color: var(--color-main-text);
   outline: none;
   background-color: var(--color-main-background);
 }

package/dist/assets/{NcActions-DfCOtp0b.css → NcActions-CG3xO48Y.css}

@@ -9,45 +9,45 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-41c643f9] {
+.material-design-icon[data-v-da9c53d9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-41c643f9] {
+.action-items[data-v-da9c53d9] {
   display: flex;
   align-items: center;
   gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
 }
-.action-item[data-v-41c643f9] {
+.action-item[data-v-da9c53d9] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-41c643f9] {
+.action-item.action-item--primary[data-v-da9c53d9] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-41c643f9] {
+.action-item.action-item--secondary[data-v-da9c53d9] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-41c643f9] {
+.action-item.action-item--error[data-v-da9c53d9] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-41c643f9] {
+.action-item.action-item--warning[data-v-da9c53d9] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-41c643f9] {
+.action-item.action-item--success[data-v-da9c53d9] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-41c643f9] {
+.action-item.action-item--tertiary-no-background[data-v-da9c53d9] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-41c643f9] {
+.action-item.action-item--open .action-item__menutoggle[data-v-da9c53d9] {
   background-color: var(--open-background-color);
 }
-.action-item__menutoggle__icon[data-v-41c643f9] {
+.action-item__menutoggle__icon[data-v-da9c53d9] {
   width: 20px;
   height: 20px;
   object-fit: contain;
@@ -70,10 +70,10 @@
   justify-content: center;
 }
 .v-popper--theme-dropdown.v-popper__popper.action-item__popper .v-popper__wrapper {
-  border-radius: var(--border-radius-large);
+  border-radius: var(--border-radius-element);
 }
 .v-popper--theme-dropdown.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner {
-  border-radius: var(--border-radius-large);
+  border-radius: var(--border-radius-element);
   padding: 4px;
   max-height: calc(100vh - var(--header-height));
   overflow: auto;

package/dist/assets/{NcAppContent-RmHDNYBp.css → NcAppContent-vj2DL4Yr.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b5c8d3b8] {
+.material-design-icon[data-v-a5fd2a54] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-details-toggle[data-v-b5c8d3b8] {
+.app-details-toggle[data-v-a5fd2a54] {
   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-b5c8d3b8] {
+.app-details-toggle--mobile[data-v-a5fd2a54] {
   inset-inline-start: var(--app-navigation-padding);
 }
-.app-details-toggle[data-v-b5c8d3b8]:active, .app-details-toggle[data-v-b5c8d3b8]:hover, .app-details-toggle[data-v-b5c8d3b8]:focus {
+.app-details-toggle[data-v-a5fd2a54]:active, .app-details-toggle[data-v-a5fd2a54]:hover, .app-details-toggle[data-v-a5fd2a54]:focus {
   opacity: 1;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors