@omnia/runtime 8.0.13-vnext → 8.0.14-dev

package/dist/bundles/omfx.ux.rtf.core_b46f7161-e941-4240-b573-a9cd83e9d132.css

@@ -1,39 +1,3 @@
-.ProseMirror .tableWrapper {
-  overflow-x: auto;
-}
-.ProseMirror table {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-  overflow: hidden;
-}
-.ProseMirror td, .ProseMirror th {
-  vertical-align: top;
-  box-sizing: border-box;
-  position: relative;
-}
-.ProseMirror .column-resize-handle {
-  position: absolute;
-  right: -2px; top: 0; bottom: 0;
-  width: 4px;
-  z-index: 20;
-  background-color: #adf;
-  pointer-events: none;
-}
-.ProseMirror.resize-cursor {
-  cursor: ew-resize;
-  cursor: col-resize;
-}
-/* Give selected cells a blue overlay */
-.ProseMirror .selectedCell:after {
-  z-index: 2;
-  position: absolute;
-  content: "";
-  left: 0; right: 0; top: 0; bottom: 0;
-  background: rgba(200, 200, 255, 0.4);
-  pointer-events: none;
-}
-
 .omfx-medianode {
     position: relative;
     line-height: 0;

package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css

@@ -1,15 +1,3 @@
-.v-input--density-default {
-  --autocomplete-chips-margin-bottom: 0px;
-}
-
-.v-input--density-comfortable {
-  --autocomplete-chips-margin-bottom: 2px;
-}
-
-.v-input--density-compact {
-  --autocomplete-chips-margin-bottom: 4px;
-}
-
 .v-autocomplete .v-field .v-text-field__prefix,
 .v-autocomplete .v-field .v-text-field__suffix,
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -19,9 +7,8 @@
   align-self: flex-start;
   flex: 1 1;
 }
-.v-autocomplete .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+.v-autocomplete .v-field input {
+  min-width: 64px;
 }
 .v-autocomplete .v-field:not(.v-field--focused) input {
   min-width: 0;
@@ -29,7 +16,7 @@
 .v-autocomplete .v-field--dirty .v-autocomplete__selection {
   margin-inline-end: 2px;
 }
-.v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
+.v-autocomplete .v-autocomplete__selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -45,21 +32,27 @@
 }
 .v-autocomplete__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
-  max-width: 100%;
-}
-.v-autocomplete--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
+  max-width: 90%;
 }
-.v-autocomplete--chips .v-autocomplete__selection {
-  margin-top: 2px;
-  margin-bottom: var(--autocomplete-chips-margin-bottom);
+.v-autocomplete__selection {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-autocomplete--chips .v-autocomplete__selection:first-child {
+.v-autocomplete__selection:first-child {
   margin-inline-start: 0;
 }
+.v-autocomplete--selecting-index .v-autocomplete__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
+  opacity: 1;
+}
+.v-autocomplete--selecting-index .v-field__input > input {
+  caret-color: transparent;
+}
 .v-autocomplete--single.v-text-field input {
   flex: 1 1;
   position: absolute;
@@ -69,17 +62,25 @@
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-autocomplete--single .v-field--variant-outlined input {
+  top: 50%;
+  transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
+}
 .v-autocomplete--single .v-field--active input {
   transition: none;
 }
 .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
   opacity: 0;
 }
-.v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
+.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
   opacity: 0;
 }
-.v-autocomplete--selection-slot.v-text-field input {
-  position: relative;
-  padding-inline-start: 0;
+.v-autocomplete__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-autocomplete--active-menu .v-autocomplete__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }
 

package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css

@@ -5,8 +5,10 @@
 .ProseMirror {
   word-wrap: break-word;
   white-space: pre-wrap;
+  white-space: break-spaces;
   -webkit-font-variant-ligatures: none;
   font-variant-ligatures: none;
+  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
 }
 
 .ProseMirror pre {
@@ -21,6 +23,9 @@
 .ProseMirror-hideselection *::-moz-selection { background: transparent; }
 .ProseMirror-hideselection { caret-color: transparent; }
 
+/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
+.ProseMirror [draggable][contenteditable=false] { user-select: text }
+
 .ProseMirror-selectednode {
   outline: 2px solid #8cf;
 }
@@ -40,6 +45,14 @@ li.ProseMirror-selectednode:after {
   pointer-events: none;
 }
 
+/* Protect against generic img rules */
+
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+}
+
 .ProseMirror-gapcursor {
   display: none;
   pointer-events: none;

package/dist/bundles/omnia.fx.ux.vuetify.alert_c1e2b0f0-2f26-4ae9-b703-1347533c267d.css

@@ -151,7 +151,7 @@
 .v-alert__append,
 .v-alert__close {
   align-self: flex-start;
-  margin-inline-start: 90px;
+  margin-inline-start: 16px;
 }
 
 .v-alert__append {

package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css

@@ -48,6 +48,7 @@
   flex-grow: 1;
 }
 .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
+  transition: inherit;
   opacity: 0;
 }
 .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {

package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css

@@ -39,6 +39,10 @@
   opacity: var(--v-disabled-opacity);
   pointer-events: none;
 }
+.v-breadcrumbs-item--link {
+  color: inherit;
+  text-decoration: none;
+}
 .v-breadcrumbs-item--link:hover {
   text-decoration: underline;
 }

package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css

@@ -4,6 +4,7 @@
   display: inline-flex;
   font-weight: 400;
   max-width: 100%;
+  min-width: 0;
   overflow: hidden;
   position: relative;
   text-decoration: none;
@@ -27,35 +28,39 @@
   --v-avatar-height: 20px;
 }
 
-.v-chip.v-chip--size-x-small .v-chip__filter,
-.v-chip.v-chip--size-x-small .v-chip__prepend,
-.v-chip.v-chip--size-x-small > .v-avatar--start,
-.v-chip.v-chip--size-x-small > .v-icon--start {
-  margin-inline-end: 4px;
-}
-.v-chip.v-chip--size-x-small .v-chip__filter,
-.v-chip.v-chip--size-x-small .v-chip__prepend,
-.v-chip.v-chip--size-x-small .v-icon--start {
-  margin-inline-start: -4px;
-}
 .v-chip.v-chip--size-x-small .v-avatar--start {
   margin-inline-start: -5.6px;
+  margin-inline-end: 4px;
 }
 .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
   margin-inline-start: -8px;
 }
 
-.v-chip.v-chip--size-x-small .v-chip__append,
-.v-chip.v-chip--size-x-small .v-chip__close,
-.v-chip.v-chip--size-x-small > .v-avatar--end,
-.v-chip.v-chip--size-x-small > .v-icon--end {
+.v-chip.v-chip--size-x-small .v-avatar--end {
   margin-inline-start: 4px;
-  margin-inline-end: -4px;
+  margin-inline-end: -5.6px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
   margin-inline-end: -8px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
+  margin-inline-start: 12px;
+}
+
+.v-chip.v-chip--size-x-small .v-icon--start,
+.v-chip.v-chip--size-x-small .v-chip__filter {
+  margin-inline-start: -4px;
+  margin-inline-end: 4px;
+}
+.v-chip.v-chip--size-x-small .v-icon--end,
+.v-chip.v-chip--size-x-small .v-chip__close {
+  margin-inline-start: 4px;
+  margin-inline-end: -4px;
+}
+.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
   margin-inline-start: 8px;
 }
 
@@ -72,35 +77,39 @@
   --v-avatar-height: 26px;
 }
 
-.v-chip.v-chip--size-small .v-chip__filter,
-.v-chip.v-chip--size-small .v-chip__prepend,
-.v-chip.v-chip--size-small > .v-avatar--start,
-.v-chip.v-chip--size-small > .v-icon--start {
-  margin-inline-end: 5px;
-}
-.v-chip.v-chip--size-small .v-chip__filter,
-.v-chip.v-chip--size-small .v-chip__prepend,
-.v-chip.v-chip--size-small .v-icon--start {
-  margin-inline-start: -5px;
-}
 .v-chip.v-chip--size-small .v-avatar--start {
   margin-inline-start: -7px;
+  margin-inline-end: 5px;
 }
 .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
   margin-inline-start: -10px;
 }
 
-.v-chip.v-chip--size-small .v-chip__append,
-.v-chip.v-chip--size-small .v-chip__close,
-.v-chip.v-chip--size-small > .v-avatar--end,
-.v-chip.v-chip--size-small > .v-icon--end {
+.v-chip.v-chip--size-small .v-avatar--end {
   margin-inline-start: 5px;
-  margin-inline-end: -5px;
+  margin-inline-end: -7px;
 }
-.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
   margin-inline-end: -10px;
 }
-.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
+  margin-inline-start: 15px;
+}
+
+.v-chip.v-chip--size-small .v-icon--start,
+.v-chip.v-chip--size-small .v-chip__filter {
+  margin-inline-start: -5px;
+  margin-inline-end: 5px;
+}
+.v-chip.v-chip--size-small .v-icon--end,
+.v-chip.v-chip--size-small .v-chip__close {
+  margin-inline-start: 5px;
+  margin-inline-end: -5px;
+}
+.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
   margin-inline-start: 10px;
 }
 
@@ -117,35 +126,39 @@
   --v-avatar-height: 32px;
 }
 
-.v-chip.v-chip--size-default .v-chip__filter,
-.v-chip.v-chip--size-default .v-chip__prepend,
-.v-chip.v-chip--size-default > .v-avatar--start,
-.v-chip.v-chip--size-default > .v-icon--start {
-  margin-inline-end: 6px;
-}
-.v-chip.v-chip--size-default .v-chip__filter,
-.v-chip.v-chip--size-default .v-chip__prepend,
-.v-chip.v-chip--size-default .v-icon--start {
-  margin-inline-start: -6px;
-}
 .v-chip.v-chip--size-default .v-avatar--start {
   margin-inline-start: -8.4px;
+  margin-inline-end: 6px;
 }
 .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
   margin-inline-start: -12px;
 }
 
-.v-chip.v-chip--size-default .v-chip__append,
-.v-chip.v-chip--size-default .v-chip__close,
-.v-chip.v-chip--size-default > .v-avatar--end,
-.v-chip.v-chip--size-default > .v-icon--end {
+.v-chip.v-chip--size-default .v-avatar--end {
   margin-inline-start: 6px;
-  margin-inline-end: -6px;
+  margin-inline-end: -8.4px;
 }
-.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
   margin-inline-end: -12px;
 }
-.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
+  margin-inline-start: 18px;
+}
+
+.v-chip.v-chip--size-default .v-icon--start,
+.v-chip.v-chip--size-default .v-chip__filter {
+  margin-inline-start: -6px;
+  margin-inline-end: 6px;
+}
+.v-chip.v-chip--size-default .v-icon--end,
+.v-chip.v-chip--size-default .v-chip__close {
+  margin-inline-start: 6px;
+  margin-inline-end: -6px;
+}
+.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
   margin-inline-start: 12px;
 }
 
@@ -162,35 +175,39 @@
   --v-avatar-height: 38px;
 }
 
-.v-chip.v-chip--size-large .v-chip__filter,
-.v-chip.v-chip--size-large .v-chip__prepend,
-.v-chip.v-chip--size-large > .v-avatar--start,
-.v-chip.v-chip--size-large > .v-icon--start {
-  margin-inline-end: 7px;
-}
-.v-chip.v-chip--size-large .v-chip__filter,
-.v-chip.v-chip--size-large .v-chip__prepend,
-.v-chip.v-chip--size-large .v-icon--start {
-  margin-inline-start: -7px;
-}
 .v-chip.v-chip--size-large .v-avatar--start {
   margin-inline-start: -9.8px;
+  margin-inline-end: 7px;
 }
 .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
   margin-inline-start: -14px;
 }
 
-.v-chip.v-chip--size-large .v-chip__append,
-.v-chip.v-chip--size-large .v-chip__close,
-.v-chip.v-chip--size-large > .v-avatar--end,
-.v-chip.v-chip--size-large > .v-icon--end {
+.v-chip.v-chip--size-large .v-avatar--end {
   margin-inline-start: 7px;
-  margin-inline-end: -7px;
+  margin-inline-end: -9.8px;
 }
-.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
   margin-inline-end: -14px;
 }
-.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
+  margin-inline-start: 21px;
+}
+
+.v-chip.v-chip--size-large .v-icon--start,
+.v-chip.v-chip--size-large .v-chip__filter {
+  margin-inline-start: -7px;
+  margin-inline-end: 7px;
+}
+.v-chip.v-chip--size-large .v-icon--end,
+.v-chip.v-chip--size-large .v-chip__close {
+  margin-inline-start: 7px;
+  margin-inline-end: -7px;
+}
+.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
   margin-inline-start: 14px;
 }
 
@@ -207,35 +224,39 @@
   --v-avatar-height: 44px;
 }
 
-.v-chip.v-chip--size-x-large .v-chip__filter,
-.v-chip.v-chip--size-x-large .v-chip__prepend,
-.v-chip.v-chip--size-x-large > .v-avatar--start,
-.v-chip.v-chip--size-x-large > .v-icon--start {
-  margin-inline-end: 8.5px;
-}
-.v-chip.v-chip--size-x-large .v-chip__filter,
-.v-chip.v-chip--size-x-large .v-chip__prepend,
-.v-chip.v-chip--size-x-large .v-icon--start {
-  margin-inline-start: -8.5px;
-}
 .v-chip.v-chip--size-x-large .v-avatar--start {
   margin-inline-start: -11.9px;
+  margin-inline-end: 8.5px;
 }
 .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
   margin-inline-start: -17px;
 }
 
-.v-chip.v-chip--size-x-large .v-chip__append,
-.v-chip.v-chip--size-x-large .v-chip__close,
-.v-chip.v-chip--size-x-large > .v-avatar--end,
-.v-chip.v-chip--size-x-large > .v-icon--end {
+.v-chip.v-chip--size-x-large .v-avatar--end {
   margin-inline-start: 8.5px;
-  margin-inline-end: -8.5px;
+  margin-inline-end: -11.9px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
   margin-inline-end: -17px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
+  margin-inline-start: 25.5px;
+}
+
+.v-chip.v-chip--size-x-large .v-icon--start,
+.v-chip.v-chip--size-x-large .v-chip__filter {
+  margin-inline-start: -8.5px;
+  margin-inline-end: 8.5px;
+}
+.v-chip.v-chip--size-x-large .v-icon--end,
+.v-chip.v-chip--size-x-large .v-chip__close {
+  margin-inline-start: 8.5px;
+  margin-inline-end: -8.5px;
+}
+.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
   margin-inline-start: 17px;
 }
 
@@ -329,6 +350,14 @@
   border-radius: 4px;
 }
 
+.v-chip__content {
+  align-items: center;
+  display: inline-flex;
+}
+.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
+  overflow: hidden;
+}
+
 .v-chip__filter,
 .v-chip__prepend,
 .v-chip__append,

package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css

@@ -1,15 +1,3 @@
-.v-input--density-default {
-  --combobox-chips-margin-bottom: 0px;
-}
-
-.v-input--density-comfortable {
-  --combobox-chips-margin-bottom: 2px;
-}
-
-.v-input--density-compact {
-  --combobox-chips-margin-bottom: 4px;
-}
-
 .v-combobox .v-field .v-text-field__prefix,
 .v-combobox .v-field .v-text-field__suffix,
 .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19,9 +7,8 @@
   align-self: flex-start;
   flex: 1 1;
 }
-.v-combobox .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+.v-combobox .v-field input {
+  min-width: 64px;
 }
 .v-combobox .v-field:not(.v-field--focused) input {
   min-width: 0;
@@ -29,7 +16,7 @@
 .v-combobox .v-field--dirty .v-combobox__selection {
   margin-inline-end: 2px;
 }
-.v-combobox .v-field--single-line .v-combobox__selection-text {
+.v-combobox .v-combobox__selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -45,19 +32,16 @@
 }
 .v-combobox__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
-  max-width: 100%;
+  max-width: 90%;
 }
-.v-combobox--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
-}
-.v-combobox--chips .v-combobox__selection {
-  margin-top: 2px;
-  margin-bottom: var(--combobox-chips-margin-bottom);
+.v-combobox__selection {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-combobox--chips .v-combobox__selection:first-child {
+.v-combobox__selection:first-child {
   margin-inline-start: 0;
 }
 .v-combobox--selecting-index .v-combobox__selection {
@@ -67,7 +51,7 @@
   opacity: 1;
 }
 .v-combobox--selecting-index .v-field__input > input {
-  caret-color: transparent !important;
+  caret-color: transparent;
 }
 .v-combobox--single.v-text-field input {
   flex: 1 1;
@@ -78,6 +62,10 @@
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-combobox--single .v-field--variant-outlined input {
+  top: 50%;
+  transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
+}
 .v-combobox--single .v-field--active input {
   transition: none;
 }
@@ -87,4 +75,12 @@
 .v-combobox--single .v-field--focused .v-combobox__selection {
   opacity: 0;
 }
+.v-combobox__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-combobox--active-menu .v-combobox__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
+}