@nextcloud/vue 8.15.0 → 8.16.0

package/dist/assets/{NcAvatar-m0lTnGXX.css → NcAvatar-BnOXoW8w.css}

@@ -9,65 +9,68 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b7cf7dd2] {
+.material-design-icon[data-v-db8632eb] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.avatardiv[data-v-b7cf7dd2] {
+.avatardiv[data-v-db8632eb] {
   position: relative;
   display: inline-block;
   width: var(--size);
   height: var(--size);
 }
-.avatardiv--unknown[data-v-b7cf7dd2] {
+.avatardiv--unknown[data-v-db8632eb] {
   position: relative;
   background-color: var(--color-main-background);
   white-space: normal;
 }
-.avatardiv[data-v-b7cf7dd2]:not(.avatardiv--unknown) {
+.avatardiv[data-v-db8632eb]:not(.avatardiv--unknown) {
   background-color: var(--color-main-background) !important;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
 }
-.avatardiv--with-menu[data-v-b7cf7dd2] {
+.avatardiv--with-menu[data-v-db8632eb] {
   cursor: pointer;
 }
-.avatardiv--with-menu .action-item[data-v-b7cf7dd2] {
+.avatardiv--with-menu .action-item[data-v-db8632eb] {
   position: absolute;
   top: 0;
   left: 0;
 }
-.avatardiv--with-menu[data-v-b7cf7dd2] .action-item__menutoggle {
+.avatardiv--with-menu[data-v-db8632eb] .action-item__menutoggle {
   cursor: pointer;
   opacity: 0;
 }
-.avatardiv--with-menu[data-v-b7cf7dd2]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-b7cf7dd2]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-b7cf7dd2] .action-item__menutoggle {
+.avatardiv--with-menu[data-v-db8632eb]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-db8632eb]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-db8632eb] .action-item__menutoggle {
   opacity: 1;
 }
-.avatardiv--with-menu:focus-within img[data-v-b7cf7dd2], .avatardiv--with-menu:hover img[data-v-b7cf7dd2], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-b7cf7dd2] {
+.avatardiv--with-menu:focus-within img[data-v-db8632eb], .avatardiv--with-menu:hover img[data-v-db8632eb], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-db8632eb] {
   opacity: 0.3;
 }
-.avatardiv--with-menu[data-v-b7cf7dd2] .action-item__menutoggle,
-.avatardiv--with-menu img[data-v-b7cf7dd2] {
+.avatardiv--with-menu[data-v-db8632eb] .action-item__menutoggle,
+.avatardiv--with-menu img[data-v-db8632eb] {
   transition: opacity var(--animation-quick);
 }
-.avatardiv--with-menu[data-v-b7cf7dd2]  .button-vue,
-.avatardiv--with-menu[data-v-b7cf7dd2]  .button-vue__icon {
+.avatardiv--with-menu[data-v-db8632eb]  .button-vue,
+.avatardiv--with-menu[data-v-db8632eb]  .button-vue__icon {
   height: var(--size);
   min-height: var(--size);
   width: var(--size) !important;
   min-width: var(--size);
 }
-.avatardiv .avatardiv__initials-wrapper[data-v-b7cf7dd2] {
+.avatardiv--with-menu[data-v-db8632eb] >  .button-vue, .avatardiv--with-menu[data-v-db8632eb] >  .action-item .button-vue {
+  --button-radius: calc(var(--size) / 2);
+}
+.avatardiv .avatardiv__initials-wrapper[data-v-db8632eb] {
   display: block;
   height: var(--size);
   width: var(--size);
   background-color: var(--color-main-background);
-  border-radius: 50%;
+  border-radius: calc(var(--size) / 2);
 }
-.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-b7cf7dd2] {
+.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-db8632eb] {
   position: absolute;
   top: 0;
   left: 0;
@@ -76,16 +79,16 @@
   text-align: center;
   font-weight: normal;
 }
-.avatardiv img[data-v-b7cf7dd2] {
+.avatardiv img[data-v-db8632eb] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.avatardiv .material-design-icon[data-v-b7cf7dd2] {
+.avatardiv .material-design-icon[data-v-db8632eb] {
   width: var(--size);
   height: var(--size);
 }
-.avatardiv .avatardiv__user-status[data-v-b7cf7dd2] {
+.avatardiv .avatardiv__user-status[data-v-db8632eb] {
   box-sizing: border-box;
   position: absolute;
   right: -4px;
@@ -105,25 +108,25 @@
   background-position: center;
   border-radius: 50%;
 }
-.acli:hover .avatardiv .avatardiv__user-status[data-v-b7cf7dd2] {
+.acli:hover .avatardiv .avatardiv__user-status[data-v-db8632eb] {
   border-color: var(--color-background-hover);
   background-color: var(--color-background-hover);
 }
-.acli.active .avatardiv .avatardiv__user-status[data-v-b7cf7dd2] {
+.acli.active .avatardiv .avatardiv__user-status[data-v-db8632eb] {
   border-color: var(--color-primary-element-light);
   background-color: var(--color-primary-element-light);
 }
-.avatardiv .avatardiv__user-status--icon[data-v-b7cf7dd2] {
+.avatardiv .avatardiv__user-status--icon[data-v-db8632eb] {
   border: none;
   background-color: transparent;
 }
-.avatardiv .popovermenu-wrapper[data-v-b7cf7dd2] {
+.avatardiv .popovermenu-wrapper[data-v-db8632eb] {
   position: relative;
   display: inline-block;
 }
-.avatar-class-icon[data-v-b7cf7dd2] {
+.avatar-class-icon[data-v-db8632eb] {
   display: block;
-  border-radius: 50%;
+  border-radius: calc(var(--size) / 2);
   background-color: var(--color-background-darker);
   height: 100%;
 }

package/dist/assets/{NcChip-CQm1mq2C.css → NcChip-CEKw1zaK.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-e01fcb1e] {
+.material-design-icon[data-v-470fc02d] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.nc-chip[data-v-e01fcb1e] {
+.nc-chip[data-v-470fc02d] {
   --chip-size: 24px;
   --chip-radius: calc(var(--chip-size) / 2);
   height: var(--chip-size);
@@ -24,28 +24,32 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: var(--default-grid-baseline);
   border-radius: var(--chip-radius);
   background-color: var(--color-background-hover);
 }
-.nc-chip--primary[data-v-e01fcb1e] {
+.nc-chip--primary[data-v-470fc02d] {
   background-color: var(--color-primary-element);
   color: var(--color-primary-text);
 }
-.nc-chip--secondary[data-v-e01fcb1e] {
+.nc-chip--secondary[data-v-470fc02d] {
   background-color: var(--color-primary-element-light);
   color: var(--color-primary-element-light-text);
 }
-.nc-chip--no-actions .nc-chip__text[data-v-e01fcb1e] {
+.nc-chip--no-actions .nc-chip__text[data-v-470fc02d] {
   padding-inline-end: calc(1.5 * var(--default-grid-baseline));
 }
-.nc-chip__text[data-v-e01fcb1e] {
+.nc-chip--no-icon .nc-chip__text[data-v-470fc02d] {
+  padding-inline-start: calc(1.5 * var(--default-grid-baseline));
+}
+.nc-chip__text[data-v-470fc02d] {
   flex: 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
+  text-wrap: nowrap;
 }
-.nc-chip__icon[data-v-e01fcb1e] {
+.nc-chip__icon[data-v-470fc02d] {
   flex: 0 0 var(--chip-size);
+  margin-inline-end: var(--default-grid-baseline);
   line-height: 1;
   display: flex;
   align-items: center;
@@ -54,7 +58,7 @@
   height: var(--chip-size);
   width: var(--chip-size);
 }
-.nc-chip__actions[data-v-e01fcb1e] {
+.nc-chip__actions[data-v-470fc02d] {
   flex: 0 0 var(--chip-size);
   --default-clickable-area: var(--chip-size);
   --border-radius-element: var(--chip-radius);

package/dist/assets/{NcCounterBubble-BlAq2Vim.css → NcCounterBubble-BQB2m2ZT.css}

@@ -9,45 +9,46 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-d0364562] {
+.material-design-icon[data-v-11010ba6] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.counter-bubble__counter[data-v-d0364562] {
+.counter-bubble__counter[data-v-11010ba6] {
   font-size: calc(var(--default-font-size) * 0.8);
   overflow: hidden;
   width: fit-content;
   max-width: var(--default-clickable-area);
+  min-width: calc(1lh + 2 * var(--default-grid-baseline));
   text-align: center;
   text-overflow: ellipsis;
   line-height: 1em;
-  padding: 4px 6px;
+  padding: var(--default-grid-baseline);
   border-radius: var(--border-radius-pill);
   background-color: var(--color-primary-element-light);
   font-weight: bold;
   color: var(--color-primary-element-light-text);
 }
-.counter-bubble__counter .active[data-v-d0364562] {
+.counter-bubble__counter .active[data-v-11010ba6] {
   color: var(--color-main-background);
   background-color: var(--color-primary-element-light);
 }
-.counter-bubble__counter--highlighted[data-v-d0364562] {
+.counter-bubble__counter--highlighted[data-v-11010ba6] {
   color: var(--color-primary-element-text);
   background-color: var(--color-primary-element);
 }
-.counter-bubble__counter--highlighted.active[data-v-d0364562] {
+.counter-bubble__counter--highlighted.active[data-v-11010ba6] {
   color: var(--color-primary-element);
   background-color: var(--color-main-background);
 }
-.counter-bubble__counter--outlined[data-v-d0364562] {
+.counter-bubble__counter--outlined[data-v-11010ba6] {
   color: var(--color-primary-element);
   background: transparent;
   box-shadow: inset 0 0 0 2px;
 }
-.counter-bubble__counter--outlined.active[data-v-d0364562] {
+.counter-bubble__counter--outlined.active[data-v-11010ba6] {
   color: var(--color-main-background);
   box-shadow: inset 0 0 0 2px;
 }

package/dist/assets/{NcDashboardWidgetItem-Qe5SSOhA.css → NcDashboardWidgetItem-BBZT17WU.css}

@@ -9,31 +9,31 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-28adb238] {
+.material-design-icon[data-v-51bbc625] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.item-list__entry[data-v-28adb238] {
+.item-list__entry[data-v-51bbc625] {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   position: relative;
   padding: 8px;
 }
-.item-list__entry[data-v-28adb238]:hover, .item-list__entry[data-v-28adb238]:focus {
+.item-list__entry[data-v-51bbc625]:hover, .item-list__entry[data-v-51bbc625]:focus {
   background-color: var(--color-background-hover);
   border-radius: var(--border-radius-large);
 }
-.item-list__entry .item-avatar[data-v-28adb238] {
+.item-list__entry .item-avatar[data-v-51bbc625] {
   position: relative;
   margin-top: auto;
   margin-bottom: auto;
 }
-.item-list__entry .item__details[data-v-28adb238] {
+.item-list__entry .item__details[data-v-51bbc625] {
   padding-left: 8px;
-  max-height: var(--default-clickable-area);
+  max-height: fit-content;
   flex-grow: 1;
   overflow: hidden;
   display: flex;
@@ -41,32 +41,32 @@
   justify-content: center;
   min-height: var(--default-clickable-area);
 }
-.item-list__entry .item__details h3[data-v-28adb238],
-.item-list__entry .item__details .message[data-v-28adb238] {
+.item-list__entry .item__details h3[data-v-51bbc625],
+.item-list__entry .item__details .message[data-v-51bbc625] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.item-list__entry .item__details .message span[data-v-28adb238] {
+.item-list__entry .item__details .message span[data-v-51bbc625] {
   width: 10px;
   display: inline-block;
   margin-bottom: -3px;
 }
-.item-list__entry .item__details h3[data-v-28adb238] {
+.item-list__entry .item__details h3[data-v-51bbc625] {
   font-size: 100%;
   margin: 0;
 }
-.item-list__entry .item__details .message[data-v-28adb238] {
+.item-list__entry .item__details .message[data-v-51bbc625] {
   width: 100%;
   color: var(--color-text-maxcontrast);
 }
-.item-list__entry .item-icon[data-v-28adb238] {
+.item-list__entry .item-icon[data-v-51bbc625] {
   position: relative;
   width: 14px;
   height: 14px;
   margin: 27px -3px 0px -7px;
 }
-.item-list__entry button.primary[data-v-28adb238] {
+.item-list__entry button.primary[data-v-51bbc625] {
   padding: 21px;
   margin: 0;
 }

package/dist/assets/{NcDateTimePicker-Aq9TnHYj.css → NcDateTimePicker-CWLRe5-W.css}

@@ -438,29 +438,29 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-197a635] {
+.mx-datepicker[data-v-08136a7] {
   user-select: none;
   color: var(--color-main-text);
   /* INPUT CONTAINER */
 }
-.mx-datepicker[data-v-197a635] svg {
+.mx-datepicker[data-v-08136a7] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-197a635] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-08136a7] .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-197a635] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-197a635] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-197a635] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-08136a7] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-08136a7] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-08136a7] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-197a635] .mx-input-wrapper:disabled, .mx-datepicker[data-v-197a635] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-08136a7] .mx-input-wrapper:disabled, .mx-datepicker[data-v-08136a7] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
-.mx-datepicker[data-v-197a635] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-197a635] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-08136a7] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-08136a7] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {

package/dist/assets/{NcInputField-B7T0X2lM.css → NcInputField-Dq0PVf84.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-07b05442] {
+.material-design-icon[data-v-6db1f91a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.input-field[data-v-07b05442] {
+.input-field[data-v-6db1f91a] {
   --input-border-radius: var(--border-radius-element, var(--border-radius-large));
   --input-padding-start: var(--border-radius-large);
   --input-padding-end: var(--border-radius-large);
@@ -24,27 +24,27 @@
   width: 100%;
   margin-block-start: 6px;
 }
-.input-field--disabled[data-v-07b05442] {
+.input-field--disabled[data-v-6db1f91a] {
   opacity: 0.4;
   filter: saturate(0.4);
 }
-.input-field--label-outside[data-v-07b05442] {
+.input-field--label-outside[data-v-6db1f91a] {
   margin-block-start: 0;
 }
-.input-field--leading-icon[data-v-07b05442] {
+.input-field--leading-icon[data-v-6db1f91a] {
   --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));
 }
-.input-field--trailing-icon[data-v-07b05442] {
+.input-field--trailing-icon[data-v-6db1f91a] {
   --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));
 }
-.input-field--pill[data-v-07b05442] {
+.input-field--pill[data-v-6db1f91a] {
   --input-border-radius: var(--border-radius-pill);
 }
-.input-field__main-wrapper[data-v-07b05442] {
+.input-field__main-wrapper[data-v-6db1f91a] {
   height: var(--default-clickable-area);
   position: relative;
 }
-.input-field__input[data-v-07b05442] {
+.input-field__input[data-v-6db1f91a] {
   --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
   background-color: var(--color-main-background);
   color: var(--color-main-text);
@@ -61,46 +61,49 @@
   padding-inline: calc(var(--input-padding-start) + var(--input-border-width-offset)) calc(var(--input-padding-end) + var(--input-border-width-offset));
   padding-block: var(--input-border-width-offset);
 }
-.input-field__input[data-v-07b05442]:active:not([disabled]), .input-field__input[data-v-07b05442]:hover:not([disabled]), .input-field__input[data-v-07b05442]:focus:not([disabled]) {
+.input-field__input[data-v-6db1f91a]::placeholder {
+  color: var(--color-text-maxcontrast);
+}
+.input-field__input[data-v-6db1f91a]:active:not([disabled]), .input-field__input[data-v-6db1f91a]:hover:not([disabled]), .input-field__input[data-v-6db1f91a]:focus:not([disabled]) {
   border-width: var(--border-width-input-focused, 2px);
   border-color: var(--color-main-text) !important;
   box-shadow: 0 0 0 2px var(--color-main-background) !important;
   --input-border-width-offset: 0px;
 }
-.input-field__input:focus + .input-field__label[data-v-07b05442], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-07b05442] {
+.input-field__input:focus + .input-field__label[data-v-6db1f91a], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-6db1f91a] {
   color: var(--color-main-text);
 }
-.input-field__input[data-v-07b05442]:focus {
+.input-field__input[data-v-6db1f91a]:focus {
   cursor: text;
 }
-.input-field__input[data-v-07b05442]:disabled {
+.input-field__input[data-v-6db1f91a]:disabled {
   cursor: default;
 }
-.input-field__input[data-v-07b05442]:focus-visible {
+.input-field__input[data-v-6db1f91a]:focus-visible {
   box-shadow: unset !important;
 }
-.input-field__input--success[data-v-07b05442] {
+.input-field__input--success[data-v-6db1f91a] {
   border-color: var(--color-success) !important;
 }
-.input-field__input--success[data-v-07b05442]:focus-visible {
+.input-field__input--success[data-v-6db1f91a]:focus-visible {
   box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 }
-.input-field__input--error[data-v-07b05442] {
+.input-field__input--error[data-v-6db1f91a] {
   border-color: var(--color-error) !important;
 }
-.input-field__input--error[data-v-07b05442]:focus-visible {
+.input-field__input--error[data-v-6db1f91a]:focus-visible {
   box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 }
-.input-field:not(.input-field--label-outside) .input-field__input[data-v-07b05442]:not(:focus)::placeholder {
+.input-field:not(.input-field--label-outside) .input-field__input[data-v-6db1f91a]:not(:focus)::placeholder {
   opacity: 0;
 }
-.input-field__label[data-v-07b05442] {
+.input-field__label[data-v-6db1f91a] {
   --input-label-font-size: var(--default-font-size);
   position: absolute;
   margin-inline: var(--input-padding-start) var(--input-padding-end);
   max-width: fit-content;
   font-size: var(--input-label-font-size);
-  inset-block-start: calc((var(--default-clickable-area) - var(--default-line-height)) / 2);
+  inset-block-start: calc((var(--default-clickable-area) - 1lh) / 2);
   inset-inline: var(--border-width-input-focused, 2px);
   color: var(--color-text-maxcontrast);
   white-space: nowrap;
@@ -109,7 +112,7 @@
   pointer-events: none;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
 }
-.input-field__input:focus + .input-field__label[data-v-07b05442], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-07b05442] {
+.input-field__input:focus + .input-field__label[data-v-6db1f91a], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-6db1f91a] {
   --input-label-font-size: 13px;
   line-height: 1.5;
   inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2);
@@ -120,7 +123,7 @@
   margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
 }
-.input-field__icon[data-v-07b05442] {
+.input-field__icon[data-v-6db1f91a] {
   position: absolute;
   height: var(--default-clickable-area);
   width: var(--default-clickable-area);
@@ -130,37 +133,37 @@
   opacity: 0.7;
   inset-block-end: 0;
 }
-.input-field__icon--leading[data-v-07b05442] {
+.input-field__icon--leading[data-v-6db1f91a] {
   inset-inline-start: 0px;
 }
-.input-field__icon--trailing[data-v-07b05442] {
+.input-field__icon--trailing[data-v-6db1f91a] {
   inset-inline-end: 0px;
 }
-.input-field__trailing-button[data-v-07b05442] {
+.input-field__trailing-button[data-v-6db1f91a] {
   --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;
   --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px));
 }
-.input-field__trailing-button.button-vue[data-v-07b05442] {
+.input-field__trailing-button.button-vue[data-v-6db1f91a] {
   position: absolute;
   top: var(--border-width-input-focused, 2px);
   right: var(--border-width-input-focused, 2px);
 }
-.input-field__trailing-button.button-vue[data-v-07b05442]:focus-visible {
+.input-field__trailing-button.button-vue[data-v-6db1f91a]:focus-visible {
   box-shadow: none !important;
 }
-.input-field__helper-text-message[data-v-07b05442] {
+.input-field__helper-text-message[data-v-6db1f91a] {
   padding-block: 4px;
   padding-inline: var(--border-radius-large);
   display: flex;
   align-items: center;
   color: var(--color-text-maxcontrast);
 }
-.input-field__helper-text-message__icon[data-v-07b05442] {
+.input-field__helper-text-message__icon[data-v-6db1f91a] {
   margin-inline-end: 8px;
 }
-.input-field__helper-text-message--error[data-v-07b05442] {
+.input-field__helper-text-message--error[data-v-6db1f91a] {
   color: var(--color-error-text);
 }
-.input-field__helper-text-message--success[data-v-07b05442] {
+.input-field__helper-text-message--success[data-v-6db1f91a] {
   color: var(--color-success-text);
 }