@nextcloud/vue 9.8.0 → 9.8.1

package/CHANGELOG.md

@@ -7,6 +7,19 @@
 
 All notable changes to this project will be documented in this file.
 
+## [v9.8.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.8.1) (2026-05-28)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.8.0...v9.8.1)
+
+## What's Changed
+### 🐛 Fixed bugs
+* fix: use correct boundaries of CSS breakpoints [\#8520](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8520) \([susnux](https://github.com/susnux)\)
+* fix(NcAppSidebarTab): Reduce pill height [\#8547](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8547) \([kra-mo](https://github.com/kra-mo)\)
+* fix(NcAppContent): background blur may be missing after minification [\#8544](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8544) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichText): handle new lines when parsing reference links [\#8565](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8565) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAppNavigationItem): Make active state darker than hover [\#8557](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8557) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+### Other Changes
+* Updated translations
+
 ## [v9.8.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.8.0) (2026-05-07)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.7.0...v9.8.0)
 

package/dist/assets/{NcAppNavigation-ykL7Wz6L.css → NcAppNavigation-2b1jxOXM.css}

@@ -57,14 +57,14 @@ button.app-navigation-toggle[data-v-5a15295d] {
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-3b634fbd] {
+.material-design-icon[data-v-104ef656] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation[data-v-3b634fbd] {
+.app-navigation[data-v-104ef656] {
   --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));
   transition: transform var(--animation-quick), margin var(--animation-quick);
   width: 300px;
@@ -84,21 +84,20 @@ button.app-navigation-toggle[data-v-5a15295d] {
   flex-shrink: 0;
   background-color: transparent;
 }
-.app-navigation--legacy[data-v-3b634fbd] {
+.app-navigation--legacy[data-v-104ef656] {
   background-color: var(--color-main-background-blur, var(--color-main-background));
-  -webkit-backdrop-filter: var(--filter-background-blur, none);
   backdrop-filter: var(--filter-background-blur, none);
 }
-.app-navigation--closed[data-v-3b634fbd] {
+.app-navigation--closed[data-v-104ef656] {
   margin-inline-start: calc(-1 * min(300px, var(--app-navigation-max-width)));
 }
-.app-navigation__search[data-v-3b634fbd] {
+.app-navigation__search[data-v-104ef656] {
   width: 100%;
 }
-.app-navigation__body[data-v-3b634fbd] {
+.app-navigation__body[data-v-104ef656] {
   overflow-y: scroll;
 }
-.app-navigation__content > ul[data-v-3b634fbd] {
+.app-navigation__content > ul[data-v-104ef656] {
   position: relative;
   width: 100%;
   overflow-x: hidden;
@@ -108,33 +107,32 @@ button.app-navigation-toggle[data-v-5a15295d] {
   gap: var(--default-grid-baseline, 4px);
   padding: var(--app-navigation-padding);
 }
-.app-navigation .app-navigation__list[data-v-3b634fbd] {
+.app-navigation .app-navigation__list[data-v-104ef656] {
   height: 100%;
 }
-.app-navigation__body--no-list[data-v-3b634fbd] {
+.app-navigation__body--no-list[data-v-104ef656] {
   flex: 1 1 auto;
   overflow: auto;
   height: 100%;
 }
-.app-navigation__content[data-v-3b634fbd] {
+.app-navigation__content[data-v-104ef656] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-[data-themes*=highcontrast] .app-navigation[data-v-3b634fbd] {
+[data-themes*=highcontrast] .app-navigation[data-v-104ef656] {
   border-inline-end: 1px solid var(--color-border);
 }
-@media only screen and (max-width: 1024px) {
-.app-navigation[data-v-3b634fbd] {
+@media only screen and (width < 1024px) {
+.app-navigation[data-v-104ef656] {
     position: absolute;
     border-inline-end: 1px solid var(--color-border);
     background-color: var(--color-main-background-blur, var(--color-main-background));
-    -webkit-backdrop-filter: var(--filter-background-blur, none);
     backdrop-filter: var(--filter-background-blur, none);
 }
 }
 @media only screen and (max-width: 512px) {
-.app-navigation[data-v-3b634fbd] {
+.app-navigation[data-v-104ef656] {
     z-index: 1400;
 }
 }

package/dist/assets/{NcAppNavigationItem-DF81QkEz.css → NcAppNavigationItem-BsuZoJAq.css}

@@ -70,10 +70,10 @@
   display: none;
 }
 .app-navigation-entry:not(.app-navigation-entry--legacy).active[data-v-e4d562ae] {
-  background-color: var(--color-primary-element-light) !important;
+  background-color: color-mix(in srgb, var(--color-primary-element) 16%, transparent) !important;
 }
 .app-navigation-entry:not(.app-navigation-entry--legacy).active[data-v-e4d562ae]:hover {
-  background-color: var(--color-primary-element-light-hover) !important;
+  background-color: color-mix(in srgb, var(--color-primary-element) 22%, transparent) !important;
 }
 .app-navigation-entry:not(.app-navigation-entry--legacy).active:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-e4d562ae],
 .app-navigation-entry:not(.app-navigation-entry--legacy).active:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-e4d562ae] {

package/dist/assets/{NcAppNavigationNewItem-vxkB61-C.css → NcAppNavigationNewItem-MaYQVcKF.css}

@@ -43,10 +43,10 @@
   display: none;
 }
 .app-navigation-entry:not(.app-navigation-entry--legacy).active[data-v-ee07f8f8] {
-  background-color: var(--color-primary-element-light) !important;
+  background-color: color-mix(in srgb, var(--color-primary-element) 16%, transparent) !important;
 }
 .app-navigation-entry:not(.app-navigation-entry--legacy).active[data-v-ee07f8f8]:hover {
-  background-color: var(--color-primary-element-light-hover) !important;
+  background-color: color-mix(in srgb, var(--color-primary-element) 22%, transparent) !important;
 }
 .app-navigation-entry:not(.app-navigation-entry--legacy).active:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-ee07f8f8],
 .app-navigation-entry:not(.app-navigation-entry--legacy).active:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-ee07f8f8] {

package/dist/assets/{NcAppSettingsDialog-B6-RqGYA.css → NcAppSettingsDialog-HsZoLuDy.css}

@@ -35,25 +35,25 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-d360e001] {
+.material-design-icon[data-v-e669a5ef] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) {
   --nav-tint: hsl(from var(--color-primary-element-light) h s calc(l * 1.045));
   --nav-tint-strong: var(--color-primary-element-light);
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .modal-wrapper .modal-container {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .modal-wrapper .modal-container {
   padding-inline-start: 0 !important;
   padding-block-start: 0 !important;
   background-color: var(--nav-tint);
   overflow: hidden;
   max-width: 900px;
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .dialog__name {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .dialog__name {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -64,7 +64,7 @@
   white-space: nowrap;
   border: 0;
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .app-settings__navigation {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .app-settings__navigation {
   min-width: 200px;
   max-width: 200px;
   flex: 0 0 200px;
@@ -73,26 +73,26 @@
   overflow-y: auto;
   position: relative;
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .app-settings__content {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .app-settings__content {
   padding: calc(3 * var(--default-grid-baseline));
   background-color: var(--color-main-background);
   border-inline-start: 1px solid var(--color-border-dark);
   border-start-start-radius: var(--border-radius-element);
   border-end-start-radius: var(--border-radius-element);
 }
-.app-settings:not(.app-settings--legacy) .app-settings__title[data-v-d360e001] {
+.app-settings:not(.app-settings--legacy) .app-settings__title[data-v-e669a5ef] {
   box-sizing: border-box;
   padding: calc(3 * var(--default-grid-baseline));
   margin: 0;
   font-size: 20px;
   font-weight: 700;
 }
-.app-settings:not(.app-settings--legacy) .navigation-list[data-v-d360e001] {
+.app-settings:not(.app-settings--legacy) .navigation-list[data-v-e669a5ef] {
   height: 100%;
   overflow-y: auto;
   padding: var(--default-grid-baseline);
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-d360e001] {
+.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-e669a5ef] {
   position: relative;
   display: flex;
   align-items: center;
@@ -111,20 +111,20 @@
   border: none;
   color: var(--color-main-text);
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-d360e001]:hover, .app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-d360e001]:focus-visible {
+.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-e669a5ef]:hover, .app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-e669a5ef]:focus-visible {
   background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-d360e001]:focus-visible {
+.app-settings:not(.app-settings--legacy) .navigation-list__link[data-v-e669a5ef]:focus-visible {
   outline: 2px solid var(--color-main-text);
   outline-offset: -2px;
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-d360e001] {
+.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-e669a5ef] {
   background-color: var(--nav-tint-strong);
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-d360e001]:hover, .app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-d360e001]:focus-visible {
+.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-e669a5ef]:hover, .app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-e669a5ef]:focus-visible {
   background-color: var(--color-primary-element-light-hover);
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-d360e001]::before {
+.app-settings:not(.app-settings--legacy) .navigation-list__link--active[data-v-e669a5ef]::before {
   content: "";
   position: absolute;
   inset-block: var(--default-grid-baseline);
@@ -133,23 +133,23 @@
   background-color: var(--color-primary-element);
   border-radius: 999px;
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link--icon[data-v-d360e001] {
+.app-settings:not(.app-settings--legacy) .navigation-list__link--icon[data-v-e669a5ef] {
   gap: var(--default-grid-baseline);
 }
-.app-settings:not(.app-settings--legacy) .navigation-list__link-icon[data-v-d360e001] {
+.app-settings:not(.app-settings--legacy) .navigation-list__link-icon[data-v-e669a5ef] {
   display: flex;
   justify-content: center;
   align-content: center;
   width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
   max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
 }
-@media only screen and (max-width: 1024px) {
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .modal-wrapper .modal-container {
+@media only screen and (width < 1024px) {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .modal-wrapper .modal-container {
     padding-inline-start: 12px !important;
     padding-block-start: 4px !important;
     background-color: var(--color-main-background);
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .dialog__name {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .dialog__name {
     position: static;
     width: auto;
     height: auto;
@@ -160,27 +160,27 @@
     white-space: normal;
     border: 0;
 }
-.app-settings[data-v-d360e001]:not(.app-settings--legacy) .app-settings__content {
+.app-settings[data-v-e669a5ef]:not(.app-settings--legacy) .app-settings__content {
     border: none;
     border-radius: 0;
 }
 }
-.app-settings.app-settings--legacy[data-v-d360e001] .app-settings__navigation {
+.app-settings.app-settings--legacy[data-v-e669a5ef] .app-settings__navigation {
   min-width: 200px;
   margin-inline-end: calc(4 * var(--default-grid-baseline));
   overflow-x: hidden;
   overflow-y: auto;
   position: relative;
 }
-.app-settings.app-settings--legacy[data-v-d360e001] .app-settings__content {
+.app-settings.app-settings--legacy[data-v-e669a5ef] .app-settings__content {
   padding-inline: calc(4 * var(--default-grid-baseline));
 }
-.app-settings.app-settings--legacy .navigation-list[data-v-d360e001] {
+.app-settings.app-settings--legacy .navigation-list[data-v-e669a5ef] {
   height: 100%;
   overflow-y: auto;
   padding: calc(3 * var(--default-grid-baseline));
 }
-.app-settings.app-settings--legacy .navigation-list__link[data-v-d360e001] {
+.app-settings.app-settings--legacy .navigation-list__link[data-v-e669a5ef] {
   display: flex;
   align-content: center;
   font-size: 16px;
@@ -197,17 +197,17 @@
   background-color: transparent;
   border: none;
 }
-.app-settings.app-settings--legacy .navigation-list__link[data-v-d360e001]:hover, .app-settings.app-settings--legacy .navigation-list__link[data-v-d360e001]:focus {
+.app-settings.app-settings--legacy .navigation-list__link[data-v-e669a5ef]:hover, .app-settings.app-settings--legacy .navigation-list__link[data-v-e669a5ef]:focus {
   background-color: var(--color-background-hover);
 }
-.app-settings.app-settings--legacy .navigation-list__link--active[data-v-d360e001] {
+.app-settings.app-settings--legacy .navigation-list__link--active[data-v-e669a5ef] {
   background-color: var(--color-primary-element-light) !important;
 }
-.app-settings.app-settings--legacy .navigation-list__link--icon[data-v-d360e001] {
+.app-settings.app-settings--legacy .navigation-list__link--icon[data-v-e669a5ef] {
   padding-inline-start: calc(2 * var(--default-grid-baseline));
   gap: var(--default-grid-baseline);
 }
-.app-settings.app-settings--legacy .navigation-list__link-icon[data-v-d360e001] {
+.app-settings.app-settings--legacy .navigation-list__link-icon[data-v-e669a5ef] {
   display: flex;
   justify-content: center;
   align-content: center;
@@ -215,7 +215,7 @@
   max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
 }
 @media only screen and (max-width: 512px) {
-.app-settings.app-settings--legacy[data-v-d360e001] .dialog__name {
+.app-settings.app-settings--legacy[data-v-e669a5ef] .dialog__name {
     padding-inline-start: 16px;
 }
 }

package/dist/assets/{NcAppSidebar-BMon2CtX.css → NcAppSidebar-dHtSShIl.css}

@@ -43,7 +43,7 @@
   bottom: 0;
   left: 50%;
   width: 0;
-  height: 6px;
+  height: 4px;
   border-radius: 999px;
   background-color: var(--color-primary-element);
   opacity: 0;

package/dist/assets/{NcAssistantIcon-CxXrcBfu.css → NcAssistantIcon-CsBmzIxJ.css}

@@ -28,8 +28,8 @@
 }
 ._assistantIcon__svg_V8CXC {
   display: inline-block;
-  width: var(--6629513e);
-  height: var(--6629513e);
-  max-width: var(--6629513e);
-  max-height: var(--6629513e);
+  width: var(--v6629513e);
+  height: var(--v6629513e);
+  max-width: var(--v6629513e);
+  max-height: var(--v6629513e);
 }

package/dist/assets/{NcCheckboxRadioSwitch-CZYa6mnQ.css → NcCheckboxRadioSwitch-BlQSZVW0.css}

@@ -86,7 +86,7 @@
   justify-content: center;
 }
 .checkbox-radio-switch[data-v-c34c63a4] {
-  --icon-size: var(--5ac25550);
+  --icon-size: var(--v5ac25550);
   --icon-height: var(--d98ce684);
   --checkbox-radio-switch--border-radius: var(--border-radius-element);
   --checkbox-radio-switch--border-radius-outer: calc(var(--checkbox-radio-switch--border-radius) + 2px);

package/dist/assets/{NcContent-DXc6geEw.css → NcContent-DX4Rs6Pc.css}

@@ -41,39 +41,39 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-91d07631] {
+.material-design-icon[data-v-d13dcb98] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.vue-skip-actions__container[data-v-91d07631] {
+.vue-skip-actions__container[data-v-d13dcb98] {
   background-color: var(--color-main-background);
   border-radius: var(--border-radius-element);
   padding: 22px;
 }
-.vue-skip-actions__headline[data-v-91d07631] {
+.vue-skip-actions__headline[data-v-d13dcb98] {
   font-weight: var(--font-weight-heading, bold);
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 12px;
 }
-.vue-skip-actions__buttons[data-v-91d07631] {
+.vue-skip-actions__buttons[data-v-d13dcb98] {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
 }
-.vue-skip-actions__buttons[data-v-91d07631] > * {
+.vue-skip-actions__buttons[data-v-d13dcb98] > * {
   flex: 1 0 fit-content;
 }
-.vue-skip-actions__image[data-v-91d07631] {
+.vue-skip-actions__image[data-v-d13dcb98] {
   margin-top: 12px;
 }
-.vue-skip-actions__image[data-v-91d07631]:dir(rtl) {
+.vue-skip-actions__image[data-v-d13dcb98]:dir(rtl) {
   transform: rotateY(180deg);
 }
-.content[data-v-91d07631] {
+.content[data-v-d13dcb98] {
   display: flex;
   width: calc(100% - var(--body-container-margin) * 2);
   border-radius: var(--body-container-radius);
@@ -81,14 +81,13 @@
   overflow: hidden;
   padding: 0;
 }
-.content[data-v-91d07631]:not(.content--legacy) {
+.content[data-v-d13dcb98]:not(.content--legacy) {
   background-color: var(--color-main-background-blur, var(--color-main-background));
   backdrop-filter: var(--filter-background-blur, none);
-  -webkit-backdrop-filter: var(--filter-background-blur, none);
 }
-.content[data-v-91d07631]:not(.with-sidebar--full) {
+.content[data-v-d13dcb98]:not(.with-sidebar--full) {
   position: fixed;
 }
-.content[data-v-91d07631], .content[data-v-91d07631] * {
+.content[data-v-d13dcb98], .content[data-v-d13dcb98] * {
   box-sizing: border-box;
 }

package/dist/assets/{NcIconToggleSwitch-saytabt5.css → NcIconToggleSwitch-V-AKJgPA.css}

@@ -17,7 +17,7 @@
   justify-content: center;
 }
 ._iconToggleSwitch_WgcOx {
-  color: var(--6bd152af);
+  color: var(--v6bd152af);
   transition: color var(--animation-quick) ease;
 }
 ._iconToggleSwitch_WgcOx svg {
@@ -25,6 +25,6 @@
   height: auto !important;
 }
 ._iconToggleSwitch_WgcOx circle {
-  cx: var(--16fd8ca9);
+  cx: var(--v16fd8ca9);
   transition: cx var(--animation-quick) ease;
 }

package/dist/assets/{NcModal-UuJKmueo.css → NcModal-D81luiuU.css}

@@ -61,7 +61,7 @@
 }
 @media only screen and (min-width: 1024px) {
 .modal-header__name[data-v-3c357e2d] {
-    padding-inline-start: calc(var(--header-height) * var(--046d2bb2));
+    padding-inline-start: calc(var(--header-height) * var(--v046d2bb2));
     text-align: center;
 }
 }
@@ -244,7 +244,7 @@
 .modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-3c357e2d] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-3c357e2d linear var(--71f7c020) infinite;
+  animation: progressring-3c357e2d linear var(--v71f7c020) infinite;
   stroke-linecap: round;
   stroke-dashoffset: 94.2477796077;
   stroke-dasharray: 94.2477796077;

package/dist/assets/{NcProgressBar-D1DYRrCN.css → NcProgressBar-B6wveIA1.css}

@@ -19,8 +19,8 @@
 .progress-bar[data-v-353fa414] {
   display: block;
   height: var(--progress-bar-height);
-  --progress-bar-color: var(--3a86fec2);
-  --progress-bar-height: var(--57442460);
+  --progress-bar-color: var(--v3a86fec2);
+  --progress-bar-height: var(--v57442460);
 }
 .progress-bar--linear[data-v-353fa414] {
   width: 100%;