@nextcloud/vue 8.13.0 → 8.14.0

package/dist/assets/{NcDashboardWidget-CwzqyUG9.css → NcDashboardWidget-CpstyXok.css}

@@ -9,64 +9,64 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-21ddde08] {
+.material-design-icon[data-v-53796b97] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.dashboard-widget[data-v-21ddde08] .empty-content {
+.dashboard-widget[data-v-53796b97] .empty-content {
   text-align: center;
   padding-top: 5vh;
 }
-.dashboard-widget[data-v-21ddde08] .empty-content.half-screen {
+.dashboard-widget[data-v-53796b97] .empty-content.half-screen {
   padding-top: 0;
   margin-bottom: 1vh;
 }
-.more[data-v-21ddde08] {
+.more[data-v-53796b97] {
   display: block;
   text-align: center;
   color: var(--color-text-maxcontrast);
   line-height: 60px;
   cursor: pointer;
 }
-.more[data-v-21ddde08]:hover, .more[data-v-21ddde08]:focus {
+.more[data-v-53796b97]:hover, .more[data-v-53796b97]:focus {
   background-color: var(--color-background-hover);
   border-radius: var(--border-radius-large);
   color: var(--color-main-text);
 }
 
 /* skeleton */
-.item-list__entry[data-v-21ddde08] {
+.item-list__entry[data-v-53796b97] {
   display: flex;
   align-items: flex-start;
   padding: 8px;
 }
-.item-list__entry .item-avatar[data-v-21ddde08] {
+.item-list__entry .item-avatar[data-v-53796b97] {
   position: relative;
   margin-top: auto;
   margin-bottom: auto;
   background-color: var(--color-background-dark) !important;
 }
-.item-list__entry .item__details[data-v-21ddde08] {
+.item-list__entry .item__details[data-v-53796b97] {
   padding-left: 8px;
-  max-height: 44px;
+  max-height: var(--default-clickable-area);
   flex-grow: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
-.item-list__entry .item__details h3[data-v-21ddde08],
-.item-list__entry .item__details .message[data-v-21ddde08] {
+.item-list__entry .item__details h3[data-v-53796b97],
+.item-list__entry .item__details .message[data-v-53796b97] {
   white-space: nowrap;
   background-color: var(--color-background-dark);
 }
-.item-list__entry .item__details h3[data-v-21ddde08] {
+.item-list__entry .item__details h3[data-v-53796b97] {
   font-size: 100%;
   margin: 0;
 }
-.item-list__entry .item__details .message[data-v-21ddde08] {
+.item-list__entry .item__details .message[data-v-53796b97] {
   width: 80%;
   height: 15px;
   margin-top: 5px;

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

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

package/dist/assets/{NcDateTimePicker-Cs-VgGon.css → NcDateTimePicker-BR1KY59N.css}

@@ -438,29 +438,29 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-03cf061] {
+.mx-datepicker[data-v-24eabcf] {
   user-select: none;
   color: var(--color-main-text);
   /* INPUT CONTAINER */
 }
-.mx-datepicker[data-v-03cf061] svg {
+.mx-datepicker[data-v-24eabcf] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-03cf061] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-24eabcf] .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-03cf061] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-03cf061] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-03cf061] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-24eabcf] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-24eabcf] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-24eabcf] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-03cf061] .mx-input-wrapper:disabled, .mx-datepicker[data-v-03cf061] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-24eabcf] .mx-input-wrapper:disabled, .mx-datepicker[data-v-24eabcf] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
-.mx-datepicker[data-v-03cf061] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-03cf061] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-24eabcf] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-24eabcf] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {
@@ -643,7 +643,7 @@
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  height: 44px;
+  height: var(--default-clickable-area);
   margin-bottom: 4px;
 }
 .mx-datepicker-main .mx-calendar-header button, .mx-datepicker-main .mx-time-header button {

package/dist/assets/{NcDialog-BR3cQR_R.css → NcDialog-j6_6dpiF.css}

@@ -38,14 +38,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-3113ede6] {
+.material-design-icon[data-v-b23fe976] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.dialog[data-v-3113ede6] {
+.dialog[data-v-b23fe976] {
   height: 100%;
   width: 100%;
   display: flex;
@@ -53,45 +53,45 @@
   justify-content: space-between;
   overflow: hidden;
 }
-.dialog__modal[data-v-3113ede6] .modal-wrapper .modal-container {
+.dialog__modal[data-v-b23fe976] .modal-wrapper .modal-container {
   display: flex !important;
   padding-block: 4px 0;
   padding-inline: 12px 0;
 }
-.dialog__modal[data-v-3113ede6] .modal-wrapper .modal-container__content {
+.dialog__modal[data-v-b23fe976] .modal-wrapper .modal-container__content {
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.dialog__wrapper[data-v-3113ede6] {
+.dialog__wrapper[data-v-b23fe976] {
   display: flex;
   flex-direction: row;
   flex: 1;
   min-height: 0;
   overflow: hidden;
 }
-.dialog__wrapper--collapsed[data-v-3113ede6] {
+.dialog__wrapper--collapsed[data-v-b23fe976] {
   flex-direction: column;
 }
-.dialog__navigation[data-v-3113ede6] {
+.dialog__navigation[data-v-b23fe976] {
   display: flex;
   flex-shrink: 0;
 }
-.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-3113ede6] {
+.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-b23fe976] {
   flex-direction: column;
   overflow: hidden auto;
   height: 100%;
   min-width: 200px;
   margin-inline-end: 20px;
 }
-.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-3113ede6] {
+.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-b23fe976] {
   flex-direction: row;
   justify-content: space-between;
   overflow: auto hidden;
   width: 100%;
   min-width: 100%;
 }
-.dialog__name[data-v-3113ede6] {
+.dialog__name[data-v-b23fe976] {
   font-size: 21px;
   text-align: center;
   height: fit-content;
@@ -100,16 +100,16 @@
   overflow-wrap: break-word;
   margin-block: 0 12px;
 }
-.dialog__content[data-v-3113ede6] {
+.dialog__content[data-v-b23fe976] {
   flex: 1;
   min-height: 0;
   overflow: auto;
   padding-inline-end: 12px;
 }
-.dialog__text[data-v-3113ede6] {
+.dialog__text[data-v-b23fe976] {
   padding-block-end: 6px;
 }
-.dialog__actions[data-v-3113ede6] {
+.dialog__actions[data-v-b23fe976] {
   box-sizing: border-box;
   display: flex;
   gap: 6px;
@@ -121,11 +121,11 @@
   margin-inline: 0;
   margin-block: 0;
 }
-.dialog__actions[data-v-3113ede6]:not(:empty) {
+.dialog__actions[data-v-b23fe976]:not(:empty) {
   margin-block: 6px 12px;
 }
 @media only screen and (max-width: 512px) {
-.dialog__name[data-v-3113ede6] {
+.dialog__name[data-v-b23fe976] {
     text-align: start;
     margin-inline-end: var(--default-clickable-area);
 }

package/dist/assets/{NcHeaderMenu-BbpDtHjf.css → NcHeaderMenu-CuAI7Fgb.css}

@@ -9,33 +9,33 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-49969529] {
+.material-design-icon[data-v-b0eb667e] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.header-menu[data-v-49969529] {
+.header-menu[data-v-b0eb667e] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
 }
-.header-menu .header-menu__trigger[data-v-49969529] {
+.header-menu .header-menu__trigger[data-v-b0eb667e] {
   width: 100% !important;
   height: var(--header-height);
   opacity: 0.85;
   filter: none !important;
-  color: var(--color-primary-text) !important;
+  color: var(--color-background-plain-text, var(--color-primary-text)) !important;
 }
-.header-menu--opened .header-menu__trigger[data-v-49969529], .header-menu__trigger[data-v-49969529]:hover, .header-menu__trigger[data-v-49969529]:focus, .header-menu__trigger[data-v-49969529]:active {
+.header-menu--opened .header-menu__trigger[data-v-b0eb667e], .header-menu__trigger[data-v-b0eb667e]:hover, .header-menu__trigger[data-v-b0eb667e]:focus, .header-menu__trigger[data-v-b0eb667e]:active {
   opacity: 1;
 }
-.header-menu .header-menu__trigger[data-v-49969529]:focus-visible {
+.header-menu .header-menu__trigger[data-v-b0eb667e]:focus-visible {
   outline: none !important;
   box-shadow: none !important;
 }
-.header-menu__wrapper[data-v-49969529] {
+.header-menu__wrapper[data-v-b0eb667e] {
   position: fixed;
   z-index: 2000;
   top: 50px;
@@ -48,7 +48,7 @@
   background-color: var(--color-main-background);
   filter: drop-shadow(0 1px 5px var(--color-box-shadow));
 }
-.header-menu__carret[data-v-49969529] {
+.header-menu__carret[data-v-b0eb667e] {
   position: absolute;
   z-index: 2001;
   bottom: 0;
@@ -60,18 +60,18 @@
   border: 10px solid transparent;
   border-bottom-color: var(--color-main-background);
 }
-.header-menu__content[data-v-49969529] {
+.header-menu__content[data-v-b0eb667e] {
   overflow: auto;
   width: 350px;
   max-width: calc(100vw - 16px);
-  min-height: 66px;
+  min-height: calc(var(--default-clickable-area) * 1.5);
   max-height: calc(100vh - 100px);
 }
-.header-menu__content[data-v-49969529] .empty-content {
+.header-menu__content[data-v-b0eb667e] .empty-content {
   margin: 12vh 10px;
 }
 @media only screen and (max-width: 512px) {
-.header-menu[data-v-49969529] {
-    width: 44px;
+.header-menu[data-v-b0eb667e] {
+    width: var(--default-clickable-area);
 }
 }

package/dist/assets/{NcInputField-CyNcetxP.css → NcInputField-CrdP183e.css}

@@ -9,28 +9,28 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0613af2d] {
+.material-design-icon[data-v-92afcc70] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.input-field[data-v-0613af2d] {
+.input-field[data-v-92afcc70] {
   position: relative;
   width: 100%;
   border-radius: var(--border-radius-large);
   margin-block-start: 6px;
 }
-.input-field__main-wrapper[data-v-0613af2d] {
+.input-field__main-wrapper[data-v-92afcc70] {
   height: var(--default-clickable-area);
   position: relative;
 }
-.input-field--disabled[data-v-0613af2d] {
+.input-field--disabled[data-v-92afcc70] {
   opacity: 0.4;
   filter: saturate(0.4);
 }
-.input-field__input[data-v-0613af2d] {
+.input-field__input[data-v-92afcc70] {
   margin: 0;
   padding-inline: 12px 6px;
   height: var(--default-clickable-area) !important;
@@ -45,55 +45,55 @@
   -webkit-appearance: textfield !important;
   -moz-appearance: textfield !important;
 }
-.input-field__input--label-outside[data-v-0613af2d] {
+.input-field__input--label-outside[data-v-92afcc70] {
   padding-block: 0;
 }
-.input-field__input[data-v-0613af2d]:active:not([disabled]), .input-field__input[data-v-0613af2d]:hover:not([disabled]), .input-field__input[data-v-0613af2d]:focus:not([disabled]) {
+.input-field__input[data-v-92afcc70]:active:not([disabled]), .input-field__input[data-v-92afcc70]:hover:not([disabled]), .input-field__input[data-v-92afcc70]: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-field__input:focus + .input-field__label[data-v-0613af2d], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-0613af2d] {
+.input-field__input:focus + .input-field__label[data-v-92afcc70], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-92afcc70] {
   color: var(--color-main-text);
 }
-.input-field__input[data-v-0613af2d]:not(:focus, .input-field__input--label-outside)::placeholder {
+.input-field__input[data-v-92afcc70]:not(:focus, .input-field__input--label-outside)::placeholder {
   opacity: 0;
 }
-.input-field__input[data-v-0613af2d]:focus {
+.input-field__input[data-v-92afcc70]:focus {
   cursor: text;
 }
-.input-field__input[data-v-0613af2d]:disabled {
+.input-field__input[data-v-92afcc70]:disabled {
   cursor: default;
 }
-.input-field__input[data-v-0613af2d]:focus-visible {
+.input-field__input[data-v-92afcc70]:focus-visible {
   box-shadow: unset !important;
 }
-.input-field__input--leading-icon[data-v-0613af2d] {
+.input-field__input--leading-icon[data-v-92afcc70] {
   padding-inline-start: var(--default-clickable-area);
 }
-.input-field__input--trailing-icon[data-v-0613af2d] {
+.input-field__input--trailing-icon[data-v-92afcc70] {
   padding-inline-end: var(--default-clickable-area);
 }
-.input-field__input--success[data-v-0613af2d] {
+.input-field__input--success[data-v-92afcc70] {
   border-color: var(--color-success) !important;
 }
-.input-field__input--success[data-v-0613af2d]:focus-visible {
+.input-field__input--success[data-v-92afcc70]: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-0613af2d] {
+.input-field__input--error[data-v-92afcc70] {
   border-color: var(--color-error) !important;
 }
-.input-field__input--error[data-v-0613af2d]:focus-visible {
+.input-field__input--error[data-v-92afcc70]: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--pill[data-v-0613af2d] {
+.input-field__input--pill[data-v-92afcc70] {
   border-radius: var(--border-radius-pill);
 }
-.input-field__label[data-v-0613af2d] {
+.input-field__label[data-v-92afcc70] {
   position: absolute;
   margin-inline: 14px 0;
   max-width: fit-content;
-  inset-block-start: 11px;
+  inset-block-start: calc((var(--default-clickable-area) - var(--default-line-height)) / 2);
   inset-inline: 0;
   color: var(--color-text-maxcontrast);
   white-space: nowrap;
@@ -102,13 +102,13 @@
   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__label--leading-icon[data-v-0613af2d] {
+.input-field__label--leading-icon[data-v-92afcc70] {
   margin-inline-start: var(--default-clickable-area);
 }
-.input-field__label--trailing-icon[data-v-0613af2d] {
+.input-field__label--trailing-icon[data-v-92afcc70] {
   margin-inline-end: var(--default-clickable-area);
 }
-.input-field__input:focus + .input-field__label[data-v-0613af2d], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-0613af2d] {
+.input-field__input:focus + .input-field__label[data-v-92afcc70], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-92afcc70] {
   inset-block-start: -10px;
   line-height: 1.5;
   font-size: 13px;
@@ -119,10 +119,10 @@
   margin-inline-start: 9px;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
 }
-.input-field__input:focus + .input-field__label--leading-icon[data-v-0613af2d], .input-field__input:not(:placeholder-shown) + .input-field__label--leading-icon[data-v-0613af2d] {
+.input-field__input:focus + .input-field__label--leading-icon[data-v-92afcc70], .input-field__input:not(:placeholder-shown) + .input-field__label--leading-icon[data-v-92afcc70] {
   margin-inline-start: 41px;
 }
-.input-field__icon[data-v-0613af2d] {
+.input-field__icon[data-v-92afcc70] {
   position: absolute;
   height: var(--default-clickable-area);
   width: var(--default-clickable-area);
@@ -131,34 +131,34 @@
   justify-content: center;
   opacity: 0.7;
 }
-.input-field__icon--leading[data-v-0613af2d] {
+.input-field__icon--leading[data-v-92afcc70] {
   inset-block-end: 0;
   inset-inline-start: 2px;
 }
-.input-field__icon--trailing[data-v-0613af2d] {
+.input-field__icon--trailing[data-v-92afcc70] {
   inset-block-end: 0;
   inset-inline-end: 2px;
 }
-.input-field__trailing-button.button-vue[data-v-0613af2d] {
+.input-field__trailing-button.button-vue[data-v-92afcc70] {
   position: absolute;
   top: 0;
   right: 0;
   border-radius: var(--border-radius-large);
 }
-.input-field__trailing-button--pill.button-vue[data-v-0613af2d] {
+.input-field__trailing-button--pill.button-vue[data-v-92afcc70] {
   border-radius: var(--border-radius-pill);
 }
-.input-field__helper-text-message[data-v-0613af2d] {
+.input-field__helper-text-message[data-v-92afcc70] {
   padding-block: 4px;
   display: flex;
   align-items: center;
 }
-.input-field__helper-text-message__icon[data-v-0613af2d] {
+.input-field__helper-text-message__icon[data-v-92afcc70] {
   margin-inline-end: 8px;
 }
-.input-field__helper-text-message--error[data-v-0613af2d] {
+.input-field__helper-text-message--error[data-v-92afcc70] {
   color: var(--color-error-text);
 }
-.input-field__helper-text-message--success[data-v-0613af2d] {
+.input-field__helper-text-message--success[data-v-92afcc70] {
   color: var(--color-success-text);
 }

package/dist/assets/{NcListItemIcon-Cd4723rU.css → NcListItemIcon-DxPdaRV5.css}

@@ -9,56 +9,56 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-014b79d9] {
+.material-design-icon[data-v-89979c0c] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.option[data-v-014b79d9] {
+.option[data-v-89979c0c] {
   display: flex;
   align-items: center;
   width: 100%;
   height: var(--height);
   cursor: inherit;
 }
-.option__avatar[data-v-014b79d9] {
+.option__avatar[data-v-89979c0c] {
   margin-right: var(--margin);
 }
-.option__details[data-v-014b79d9] {
+.option__details[data-v-89979c0c] {
   display: flex;
   flex: 1 1;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
 }
-.option__lineone[data-v-014b79d9] {
+.option__lineone[data-v-89979c0c] {
   color: var(--color-main-text);
 }
-.option__linetwo[data-v-014b79d9] {
+.option__linetwo[data-v-89979c0c] {
   color: var(--color-text-maxcontrast);
 }
-.option__lineone[data-v-014b79d9], .option__linetwo[data-v-014b79d9] {
+.option__lineone[data-v-89979c0c], .option__linetwo[data-v-89979c0c] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height: 1.1em;
 }
-.option__lineone strong[data-v-014b79d9], .option__linetwo strong[data-v-014b79d9] {
+.option__lineone strong[data-v-89979c0c], .option__linetwo strong[data-v-89979c0c] {
   font-weight: bold;
 }
-.option__icon[data-v-014b79d9] {
-  width: 44px;
-  height: 44px;
+.option__icon[data-v-89979c0c] {
+  width: var(--default-clickable-area);
+  height: var(--default-clickable-area);
   color: var(--color-text-maxcontrast);
 }
-.option__icon.icon[data-v-014b79d9] {
-  flex: 0 0 44px;
+.option__icon.icon[data-v-89979c0c] {
+  flex: 0 0 var(--default-clickable-area);
   opacity: 0.7;
   background-position: center;
   background-size: 16px;
 }
-.option__details[data-v-014b79d9], .option__lineone[data-v-014b79d9], .option__linetwo[data-v-014b79d9], .option__icon[data-v-014b79d9] {
+.option__details[data-v-89979c0c], .option__lineone[data-v-89979c0c], .option__linetwo[data-v-89979c0c], .option__icon[data-v-89979c0c] {
   cursor: inherit;
 }