@nextcloud/vue 8.22.0 → 8.23.1

package/dist/assets/{NcColorPicker-Dw2wy2tU.css → NcColorPicker-C1DuuANb.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-616dda05] {
+.material-design-icon[data-v-d877eef3] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.color-picker[data-v-616dda05] {
+.color-picker[data-v-d877eef3] {
   display: flex;
   overflow: hidden;
   align-content: flex-end;
@@ -27,15 +27,15 @@
   padding: 8px;
   border-radius: 3px;
 }
-.color-picker--advanced-fields[data-v-616dda05] {
+.color-picker--advanced-fields[data-v-d877eef3] {
   width: 264px;
 }
-.color-picker__simple[data-v-616dda05] {
+.color-picker__simple[data-v-d877eef3] {
   display: grid;
   grid-template-columns: repeat(auto-fit, var(--default-clickable-area));
   grid-auto-rows: var(--default-clickable-area);
 }
-.color-picker__simple-color-circle[data-v-616dda05] {
+.color-picker__simple-color-circle[data-v-d877eef3] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -49,46 +49,46 @@
   border-radius: 50%;
   font-size: 16px;
 }
-.color-picker__simple-color-circle[data-v-616dda05]:focus-within {
+.color-picker__simple-color-circle[data-v-d877eef3]:focus-within {
   outline: 2px solid var(--color-main-text);
 }
-.color-picker__simple-color-circle[data-v-616dda05]:hover {
+.color-picker__simple-color-circle[data-v-d877eef3]:hover {
   opacity: 0.6;
 }
-.color-picker__simple-color-circle--active[data-v-616dda05] {
+.color-picker__simple-color-circle--active[data-v-d877eef3] {
   width: calc(var(--default-clickable-area) - 6px);
   height: calc(var(--default-clickable-area) - 6px);
   min-height: calc(var(--default-clickable-area) - 6px);
   transition: all 100ms ease-in-out;
   opacity: 1 !important;
 }
-.color-picker__advanced[data-v-616dda05] {
+.color-picker__advanced[data-v-d877eef3] {
   box-shadow: none !important;
 }
-.color-picker__navigation[data-v-616dda05] {
+.color-picker__navigation[data-v-d877eef3] {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-top: 10px;
 }
-[data-v-616dda05]  .vc-chrome {
+[data-v-d877eef3]  .vc-chrome {
   width: unset;
   background-color: var(--color-main-background);
 }
-[data-v-616dda05]  .vc-chrome-color-wrap {
+[data-v-d877eef3]  .vc-chrome-color-wrap {
   width: 30px;
   height: 30px;
 }
-[data-v-616dda05]  .vc-chrome-active-color {
+[data-v-d877eef3]  .vc-chrome-active-color {
   width: calc(var(--default-clickable-area) - 10 px);
   height: calc(var(--default-clickable-area) - 10 px);
   border-radius: 17px;
 }
-[data-v-616dda05]  .vc-chrome-body {
+[data-v-d877eef3]  .vc-chrome-body {
   padding: 14px 0 0 0;
   background-color: var(--color-main-background);
 }
-[data-v-616dda05]  .vc-chrome-body .vc-input__input {
+[data-v-d877eef3]  .vc-chrome-body .vc-input__input {
   --input-border-radius: var(--border-radius-element, var(--border-radius-large));
   --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
   width: 100%;
@@ -102,16 +102,16 @@
   color: var(--color-main-text);
   box-shadow: none;
 }
-[data-v-616dda05]  .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-616dda05]  .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-616dda05]  .vc-chrome-body .vc-input__input:focus:not([disabled]) {
+[data-v-d877eef3]  .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-d877eef3]  .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-d877eef3]  .vc-chrome-body .vc-input__input:focus:not([disabled]) {
   --input-border-width-offset: 0px;
   border-color: var(--color-main-text);
   border-width: var(--border-width-input-focused, 2px);
   box-shadow: 0 0 0 2px var(--color-main-background) !important;
 }
-[data-v-616dda05]  .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-616dda05]  .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-616dda05]  .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label {
+[data-v-d877eef3]  .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-d877eef3]  .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-d877eef3]  .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label {
   color: var(--color-main-text);
 }
-[data-v-616dda05]  .vc-chrome-body .vc-input__label {
+[data-v-d877eef3]  .vc-chrome-body .vc-input__label {
   position: absolute;
   inset-inline: var(--border-width-input-focused, 2px);
   inset-block-start: calc(-1.5 * var(--font-size-small, 13px) / 2);
@@ -127,7 +127,7 @@
   background-color: var(--color-main-background);
   pointer-events: none;
 }
-[data-v-616dda05]  .vc-chrome-toggle-btn {
+[data-v-d877eef3]  .vc-chrome-toggle-btn {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -136,39 +136,39 @@
   margin-left: 6px;
   filter: var(--background-invert-if-dark);
 }
-[data-v-616dda05]  .vc-chrome-toggle-icon {
+[data-v-d877eef3]  .vc-chrome-toggle-icon {
   width: 24px;
   height: 24px;
   margin: 0;
 }
-[data-v-616dda05]  .vc-chrome-toggle-icon-highlight {
+[data-v-d877eef3]  .vc-chrome-toggle-icon-highlight {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   inset: 0;
 }
-[data-v-616dda05]  .vc-chrome-saturation-wrap {
+[data-v-d877eef3]  .vc-chrome-saturation-wrap {
   border-radius: 3px;
 }
-[data-v-616dda05]  .vc-chrome-saturation-circle {
+[data-v-d877eef3]  .vc-chrome-saturation-circle {
   width: 20px;
   height: 20px;
 }
-.slide-enter[data-v-616dda05] {
+.slide-enter[data-v-d877eef3] {
   transform: translateX(-50%);
   opacity: 0;
 }
-.slide-enter-to[data-v-616dda05] {
+.slide-enter-to[data-v-d877eef3] {
   transform: translateX(0);
   opacity: 1;
 }
-.slide-leave[data-v-616dda05] {
+.slide-leave[data-v-d877eef3] {
   transform: translateX(0);
   opacity: 1;
 }
-.slide-leave-to[data-v-616dda05] {
+.slide-leave-to[data-v-d877eef3] {
   transform: translateX(-50%);
   opacity: 0;
 }
-.slide-enter-active[data-v-616dda05], .slide-leave-active[data-v-616dda05] {
+.slide-enter-active[data-v-d877eef3], .slide-leave-active[data-v-d877eef3] {
   transition: all 50ms ease-in-out;
 }

package/dist/assets/{NcCounterBubble-DdYmHnng.css → NcCounterBubble-CI-DxLjL.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-11322bad] {
+.material-design-icon[data-v-f1abaa29] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.counter-bubble__counter[data-v-11322bad] {
+.counter-bubble__counter[data-v-f1abaa29] {
   --counter-bubble-height: 22px;
   font-size: var(--font-size-small, 13px);
   overflow: hidden;
@@ -30,24 +30,24 @@
   font-weight: bold;
   color: var(--color-primary-element-light-text);
 }
-.counter-bubble__counter .active[data-v-11322bad] {
+.counter-bubble__counter .active[data-v-f1abaa29] {
   color: var(--color-main-background);
   background-color: var(--color-primary-element-light);
 }
-.counter-bubble__counter--highlighted[data-v-11322bad] {
+.counter-bubble__counter--highlighted[data-v-f1abaa29] {
   color: var(--color-primary-element-text);
   background-color: var(--color-primary-element);
 }
-.counter-bubble__counter--highlighted.active[data-v-11322bad] {
+.counter-bubble__counter--highlighted.active[data-v-f1abaa29] {
   color: var(--color-primary-element);
   background-color: var(--color-main-background);
 }
-.counter-bubble__counter--outlined[data-v-11322bad] {
+.counter-bubble__counter--outlined[data-v-f1abaa29] {
   color: var(--color-primary-element);
   background: transparent;
   box-shadow: inset 0 0 0 2px;
 }
-.counter-bubble__counter--outlined.active[data-v-11322bad] {
+.counter-bubble__counter--outlined.active[data-v-f1abaa29] {
   color: var(--color-main-background);
   box-shadow: inset 0 0 0 2px;
 }

package/dist/assets/{NcDateTimePicker-BmtdlJm4.css → NcDateTimePicker-BtV9Fz-n.css}

@@ -285,7 +285,7 @@
 }
 .mx-calendar-content .cell:hover {
   color: #73879c;
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-calendar-content .cell.active {
   color: #fff;
@@ -293,7 +293,7 @@
 }
 .mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
   color: #73879c;
-  background-color: #dbedfb;
+  background-color: rgb(219.45, 236.55, 251.4);
 }
 .mx-calendar-content .cell.disabled {
   cursor: not-allowed;
@@ -304,10 +304,10 @@
   cursor: pointer;
 }
 .mx-calendar-week-mode .mx-date-row:hover {
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-calendar-week-mode .mx-date-row.mx-active-week {
-  background-color: #dbedfb;
+  background-color: rgb(219.45, 236.55, 251.4);
 }
 .mx-calendar-week-mode .mx-date-row .cell:hover {
   color: inherit;
@@ -344,7 +344,7 @@
   font-size: 12px;
 }
 .mx-table-date .today {
-  color: #2a90e9;
+  color: rgb(41.7, 144.3, 233.4);
 }
 .mx-table-date .cell.not-current-month {
   color: #ccc;
@@ -406,7 +406,7 @@
 }
 .mx-time-column .mx-time-item:hover {
   color: #73879c;
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-time-column .mx-time-item.active {
   color: #1284e7;
@@ -426,7 +426,7 @@
 }
 .mx-time-option:hover {
   color: #73879c;
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-time-option.active {
   color: #1284e7;
@@ -438,29 +438,29 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-175de9f] {
+.mx-datepicker[data-v-a8e1a64] {
   user-select: none;
   color: var(--color-main-text);
   /* INPUT CONTAINER */
 }
-.mx-datepicker[data-v-175de9f] svg {
+.mx-datepicker[data-v-a8e1a64] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-175de9f] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-a8e1a64] .mx-input-wrapper .mx-input {
   width: 100%;
   border: 2px solid var(--color-border-maxcontrast);
   background-color: var(--color-main-background);
   background-clip: content-box;
 }
-.mx-datepicker[data-v-175de9f] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-175de9f] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-175de9f] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-a8e1a64] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-a8e1a64] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-a8e1a64] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-175de9f] .mx-input-wrapper:disabled, .mx-datepicker[data-v-175de9f] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-a8e1a64] .mx-input-wrapper:disabled, .mx-datepicker[data-v-a8e1a64] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
-.mx-datepicker[data-v-175de9f] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-175de9f] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-a8e1a64] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-a8e1a64] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {
@@ -749,11 +749,16 @@
 .mx-datepicker-main .mx-time .mx-time-column {
   border-left: 1px solid var(--color-border);
 }
-.mx-datepicker-main .mx-time .mx-time-option.active, .mx-datepicker-main .mx-time .mx-time-option:hover,
-.mx-datepicker-main .mx-time .mx-time-item.active,
-.mx-datepicker-main .mx-time .mx-time-item:hover {
+.mx-datepicker-main .mx-time .mx-time-option.active,
+.mx-datepicker-main .mx-time .mx-time-item.active {
+  background-color: var(--color-primary-element);
   color: var(--color-primary-element-text);
 }
+.mx-datepicker-main .mx-time .mx-time-option:hover,
+.mx-datepicker-main .mx-time .mx-time-item:hover {
+  background-color: var(--color-background-hover);
+  color: var(--color-main-text);
+}
 .mx-datepicker-main .mx-time .mx-time-option.disabled,
 .mx-datepicker-main .mx-time .mx-time-item.disabled {
   cursor: not-allowed;

package/dist/assets/NcDateTimePickerNative-DVGEymgr.css

@@ -0,0 +1,60 @@
+/**
+ * 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-a606e088] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.native-datetime-picker[data-v-a606e088] {
+  display: flex;
+  flex-direction: column;
+}
+.native-datetime-picker .native-datetime-picker--label[data-v-a606e088] {
+  margin-block-end: 2px;
+}
+.native-datetime-picker .native-datetime-picker--input[data-v-a606e088] {
+  --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
+  width: 100%;
+  flex: 0 0 auto;
+  margin: 0;
+  padding-inline-start: calc(var(--border-radius-large) + var(--input-border-width-offset));
+  padding-inline-end: calc(var(--default-grid-baseline) + var(--input-border-width-offset));
+  border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast);
+}
+.native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:active:not([disabled]), .native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:hover:not([disabled]), .native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:focus:not([disabled]), .native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:focus-within:not([disabled]) {
+  border-color: var(--color-main-text);
+  border-width: var(--border-width-input-focused, 2px);
+  box-shadow: 0 0 0 2px var(--color-main-background) !important;
+  --input-border-width-offset: 0px;
+}
+[data-theme-light] .native-datetime-picker--input[data-v-a606e088],
+[data-themes*=light] .native-datetime-picker--input[data-v-a606e088] {
+  color-scheme: light;
+}
+[data-theme-dark] .native-datetime-picker--input[data-v-a606e088],
+[data-themes*=dark] .native-datetime-picker--input[data-v-a606e088] {
+  color-scheme: dark;
+}
+@media (prefers-color-scheme: light) {
+[data-theme-default] .native-datetime-picker--input[data-v-a606e088],
+  [data-themes*=default] .native-datetime-picker--input[data-v-a606e088] {
+    color-scheme: light;
+}
+}
+@media (prefers-color-scheme: dark) {
+[data-theme-default] .native-datetime-picker--input[data-v-a606e088],
+  [data-themes*=default] .native-datetime-picker--input[data-v-a606e088] {
+    color-scheme: dark;
+}
+}

package/dist/assets/{NcEmojiPicker-BNCW1Q94.css → NcEmojiPicker-rk5qcSl7.css}

@@ -443,81 +443,98 @@
   align-items: center;
   justify-content: center;
 }
-.emoji-mart {
+.nc-emoji-picker.emoji-mart {
   background-color: var(--color-main-background) !important;
   border: 0;
   color: var(--color-main-text) !important;
+  /* Label element in the section grid */
+  /* An actual heading inside the element */
 }
-.emoji-mart button {
-  margin: 0;
-  padding: 0;
+.nc-emoji-picker.emoji-mart button {
   border: none;
   background: transparent;
   font-size: inherit;
-  height: 36px;
-  width: auto;
-}
-.emoji-mart button * {
-  cursor: pointer !important;
-}
-.emoji-mart .emoji-mart-bar,
-.emoji-mart .emoji-mart-anchors,
-.emoji-mart .emoji-mart-search,
-.emoji-mart .emoji-mart-search input,
-.emoji-mart .emoji-mart-category,
-.emoji-mart .emoji-mart-category-label,
-.emoji-mart .emoji-mart-category-label span,
-.emoji-mart .emoji-mart-skin-swatches {
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-bar,
+.nc-emoji-picker.emoji-mart .emoji-mart-anchors,
+.nc-emoji-picker.emoji-mart .emoji-mart-search,
+.nc-emoji-picker.emoji-mart .emoji-mart-search input,
+.nc-emoji-picker.emoji-mart .emoji-mart-category,
+.nc-emoji-picker.emoji-mart .emoji-mart-category-label,
+.nc-emoji-picker.emoji-mart .emoji-mart-category-label span,
+.nc-emoji-picker.emoji-mart .emoji-mart-skin-swatches {
   background-color: transparent !important;
   border-color: var(--color-border) !important;
   color: inherit !important;
 }
-.emoji-mart .emoji-mart-search input:focus-visible {
-  box-shadow: inset 0 0 0 2px var(--color-primary-element);
-  outline: none;
-}
-.emoji-mart .emoji-mart-bar:first-child {
-  border-top-left-radius: var(--border-radius) !important;
-  border-top-right-radius: var(--border-radius) !important;
+.nc-emoji-picker.emoji-mart .emoji-mart-anchors {
+  padding-block: 0;
+  padding-inline: calc(2 * var(--default-grid-baseline));
 }
-.emoji-mart .emoji-mart-anchors button {
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor {
   border-radius: 0;
-  padding: 12px 4px;
-  height: auto;
+  margin: 0 !important;
+  padding: 0 !important;
+  height: var(--clickable-area-small);
+  min-width: var(--clickable-area-small);
 }
-.emoji-mart .emoji-mart-anchors button:focus-visible {
-  /* box-shadow: inset 0 0 0 2px var(--color-primary-element); */
-  outline: 2px solid var(--color-primary-element);
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor:hover {
+  background-color: var(--color-background-hover);
 }
-.emoji-mart .emoji-mart-category {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: start;
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor:focus-visible {
+  outline: 2px solid var(--color-primary-element) !important;
+  outline-offset: -2px;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-category-label,
-.emoji-mart .emoji-mart-category .emoji-mart-emoji {
-  user-select: none;
-  flex-grow: 0;
-  flex-shrink: 0;
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor div {
+  display: grid;
+  place-content: center;
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-scroll {
+  padding-inline: calc(2 * var(--default-grid-baseline));
+  padding-block: 0 calc(2 * var(--default-grid-baseline));
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-category {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  justify-items: stretch;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-category-label {
-  flex-basis: 100%;
+.nc-emoji-picker.emoji-mart .emoji-mart-category.emoji-mart-no-results {
+  grid-template-columns: 1fr;
+  font-size: inherit;
+  color: var(--color-text-maxcontrast) !important;
+}
+.nc-emoji-picker.emoji-mart div.emoji-mart-category-label {
+  grid-column: span 8;
+  justify-self: stretch;
+}
+.nc-emoji-picker.emoji-mart h3.emoji-mart-category-label {
+  display: flex;
+  align-items: center;
+  height: var(--default-clickable-area);
   margin: 0;
+  padding-inline: calc(2 * var(--default-grid-baseline));
+  padding-block: 0;
+  user-select: none;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-emoji {
-  flex-basis: 12.5%;
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji {
+  aspect-ratio: 1/1;
   text-align: center;
+  margin: 0 !important;
+  padding: 0 !important;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-emoji:hover::before, .emoji-mart .emoji-mart-category .emoji-mart-emoji.emoji-mart-emoji-selected::before {
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji:hover, .nc-emoji-picker.emoji-mart .emoji-mart-emoji:focus-visible, .nc-emoji-picker.emoji-mart .emoji-mart-emoji.emoji-mart-emoji-selected {
   background-color: var(--color-background-hover) !important;
-  outline: 2px solid var(--color-primary-element);
+  border: none;
   border-radius: var(--border-radius-element, var(--border-radius-pill));
+  box-shadow: none !important;
+  outline: 2px solid var(--color-primary-element) !important;
+  outline-offset: -2px;
 }
-.emoji-mart .emoji-mart-category button:focus-visible {
-  background-color: var(--color-background-hover);
-  border: 2px solid var(--color-primary-element) !important;
-  border-radius: var(--border-radius-element, var(--border-radius-pill));
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji::before {
+  display: none;
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji span {
+  cursor: pointer;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -529,24 +546,25 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ed4adfc3] {
+.material-design-icon[data-v-6e39597a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.search__wrapper[data-v-ed4adfc3] {
+.search__wrapper[data-v-6e39597a] {
   display: flex;
   flex-direction: row;
-  gap: 4px;
+  gap: var(--default-grid-baseline);
   align-items: end;
-  padding: 4px 8px;
+  padding-block: var(--default-grid-baseline);
+  padding-inline: calc(2 * var(--default-grid-baseline));
 }
-.row-selected button[data-v-ed4adfc3], .row-selected span[data-v-ed4adfc3] {
+.row-selected button[data-v-6e39597a], .row-selected span[data-v-6e39597a] {
   vertical-align: middle;
 }
-.emoji-delete[data-v-ed4adfc3] {
+.emoji-delete[data-v-6e39597a] {
   vertical-align: top;
   margin-left: -21px;
   margin-top: -3px;

package/dist/assets/{NcHeaderButton-DH4Qtw3P.css → NcHeaderButton-BPkJ5wxD.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-aacc997d] {
+.material-design-icon[data-v-6be13bb0] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -20,30 +20,30 @@
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-.header-menu[data-v-aacc997d] {
+.header-menu[data-v-6be13bb0] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
 }
-.header-menu .header-menu__trigger[data-v-aacc997d] {
+.header-menu .header-menu__trigger[data-v-6be13bb0] {
   --button-size: var(--header-height) !important;
   height: var(--header-height);
   opacity: 0.85;
   filter: none !important;
   color: var(--color-background-plain-text, var(--color-primary-text)) !important;
 }
-.header-menu .header-menu__trigger[data-v-aacc997d]:focus-visible {
+.header-menu .header-menu__trigger[data-v-6be13bb0]:focus-visible {
   outline: none !important;
   box-shadow: none !important;
 }
-.header-menu--opened .header-menu__trigger[data-v-aacc997d], .header-menu__trigger[data-v-aacc997d]:hover, .header-menu__trigger[data-v-aacc997d]:focus, .header-menu__trigger[data-v-aacc997d]:active {
+.header-menu--opened .header-menu__trigger[data-v-6be13bb0], .header-menu__trigger[data-v-6be13bb0]:hover, .header-menu__trigger[data-v-6be13bb0]:focus, .header-menu__trigger[data-v-6be13bb0]:active {
   opacity: 1;
 }
 @media only screen and (max-width: 512px) {
-.header-menu[data-v-aacc997d] {
+.header-menu[data-v-6be13bb0] {
     width: var(--default-clickable-area);
 }
-.header-menu .header-menu__trigger[data-v-aacc997d] {
+.header-menu .header-menu__trigger[data-v-6be13bb0] {
     --button-size: var(--default-clickable-area) !important;
 }
 }