@omnia/runtime 8.0.20-vnext → 8.0.22-vnext

package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css

@@ -98,7 +98,7 @@
   width: 100%;
 }
 
-.v-tooltip .v-overlay__content {
+.v-tooltip > .v-overlay__content {
   background: rgba(var(--v-theme-surface-variant), 0.7);
   color: rgb(var(--v-theme-on-surface-variant));
   border-radius: 4px;
@@ -112,11 +112,11 @@
   pointer-events: none;
   transition-property: opacity, transform;
 }
-.v-tooltip .v-overlay__content[class*=enter-active] {
+.v-tooltip > .v-overlay__content[class*=enter-active] {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.v-tooltip .v-overlay__content[class*=leave-active] {
+.v-tooltip > .v-overlay__content[class*=leave-active] {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   transition-duration: 75ms;
 }
@@ -471,6 +471,10 @@
   padding-top: 16px;
   padding-bottom: 16px;
 }
+.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
+.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
+  padding-top: 8px;
+}
 .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
   padding-inline-start: 16px;
   padding-inline-end: 16px;
@@ -500,6 +504,10 @@
   padding-top: 12px;
   padding-bottom: 12px;
 }
+.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
+.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
+  padding-top: 6px;
+}
 .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
   padding-inline-start: 16px;
   padding-inline-end: 16px;
@@ -529,6 +537,10 @@
   padding-top: 8px;
   padding-bottom: 8px;
 }
+.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
+.v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
+  padding-top: 4px;
+}
 .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
   padding-inline-start: 16px;
   padding-inline-end: 16px;
@@ -604,14 +616,14 @@
   opacity: 0;
 }
 
-.v-menu .v-overlay__content {
+.v-menu > .v-overlay__content {
   display: flex;
   flex-direction: column;
   border-radius: 4px;
 }
-.v-menu .v-overlay__content > .v-card,
-.v-menu .v-overlay__content > .v-sheet,
-.v-menu .v-overlay__content > .v-list {
+.v-menu > .v-overlay__content > .v-card,
+.v-menu > .v-overlay__content > .v-sheet,
+.v-menu > .v-overlay__content > .v-list {
   background: rgb(var(--v-theme-surface));
   border-radius: inherit;
   overflow: auto;
@@ -810,6 +822,7 @@
 .v-toolbar__prepend,
 .v-toolbar__append {
   align-items: center;
+  align-self: stretch;
   display: flex;
 }
 
@@ -852,6 +865,7 @@
 .v-toolbar-items {
   display: flex;
   height: inherit;
+  align-self: stretch;
 }
 .v-toolbar-items > .v-btn {
   border-radius: 0;
@@ -1551,6 +1565,7 @@
 
 .v-badge__badge {
   align-items: center;
+  display: inline-flex;
   border-radius: 10px;
   font-size: 0.75rem;
   font-weight: 500;

package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css

@@ -33,6 +33,18 @@
 .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
   flex-direction: row-reverse;
 }
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
+  text-align: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
+  justify-content: center;
+}
 .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
 .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
 .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
@@ -120,133 +132,6 @@
 .v-data-table-rows-no-data {
   text-align: center;
 }
-.v-table {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-table .v-table-divider {
-  border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-.v-table .v-table__wrapper > table > thead > tr > th {
-  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-}
-.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
-.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
-  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-.v-table .v-table__wrapper > table > tfoot > tr > td,
-.v-table .v-table__wrapper > table > tfoot > tr > th {
-  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
-  background: rgba(var(--v-border-color), var(--v-hover-opacity));
-}
-.v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
-  background: rgb(var(--v-theme-surface));
-  box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
-  z-index: 1;
-}
-.v-table.v-table--fixed-footer > tfoot > tr > th,
-.v-table.v-table--fixed-footer > tfoot > tr > td {
-  background: rgb(var(--v-theme-surface));
-  box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
-}
-
-.v-table {
-  --v-table-header-height: 56px;
-  border-radius: inherit;
-  line-height: 1.5;
-  max-width: 100%;
-}
-.v-table > .v-table__wrapper > table {
-  width: 100%;
-  border-spacing: 0;
-}
-.v-table > .v-table__wrapper > table > tbody > tr > td,
-.v-table > .v-table__wrapper > table > tbody > tr > th,
-.v-table > .v-table__wrapper > table > thead > tr > td,
-.v-table > .v-table__wrapper > table > thead > tr > th,
-.v-table > .v-table__wrapper > table > tfoot > tr > td,
-.v-table > .v-table__wrapper > table > tfoot > tr > th {
-  padding: 0 16px;
-  transition: height cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-table > .v-table__wrapper > table > tbody > tr > th,
-.v-table > .v-table__wrapper > table > thead > tr > th,
-.v-table > .v-table__wrapper > table > tfoot > tr > th {
-  font-weight: 500;
-  user-select: none;
-  text-align: start;
-}
-.v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
-.v-table--density-default > .v-table__wrapper > table > thead > tr > th,
-.v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
-  height: calc(var(--v-table-header-height) + 0px);
-}
-.v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
-.v-table--density-default > .v-table__wrapper > table > thead > tr > td,
-.v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
-  height: calc(var(--v-table-row-height, 52px) + 0px);
-}
-
-.v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
-.v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
-.v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
-  height: calc(var(--v-table-header-height) - 8px);
-}
-.v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
-.v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
-.v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
-  height: calc(var(--v-table-row-height, 52px) - 8px);
-}
-
-.v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
-.v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
-.v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
-  height: calc(var(--v-table-header-height) - 16px);
-}
-.v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
-.v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
-.v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
-  height: calc(var(--v-table-row-height, 52px) - 16px);
-}
-
-.v-table__wrapper {
-  border-radius: inherit;
-  overflow: auto;
-}
-
-.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
-  border-top-left-radius: 0;
-}
-.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
-  border-top-right-radius: 0;
-}
-
-.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
-  border-bottom-left-radius: 0;
-}
-.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
-  border-bottom-right-radius: 0;
-}
-
-.v-table--fixed-height > .v-table__wrapper {
-  overflow-y: auto;
-}
-
-.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
-  border-bottom: 0px !important;
-  position: sticky;
-  top: 0;
-}
-
-.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
-.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
-  border-top: 0px !important;
-  position: sticky;
-  bottom: 0;
-}
 .v-data-table-footer {
   display: flex;
   align-items: center;

package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css

@@ -3,7 +3,7 @@
   justify-content: center;
   margin: auto;
 }
-.v-dialog .v-overlay__content {
+.v-dialog > .v-overlay__content {
   max-height: calc(100% - 48px);
   width: calc(100% - 48px);
   max-width: calc(100% - 48px);
@@ -11,24 +11,24 @@
   display: flex;
   flex-direction: column;
 }
-.v-dialog .v-overlay__content > .v-card,
-.v-dialog .v-overlay__content > .v-sheet {
+.v-dialog > .v-overlay__content > .v-card,
+.v-dialog > .v-overlay__content > .v-sheet {
   --v-scrollbar-offset: 0px;
   border-radius: 4px;
   overflow-y: auto;
   box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
-.v-dialog .v-overlay__content > .v-card {
+.v-dialog > .v-overlay__content > .v-card {
   display: flex;
   flex-direction: column;
 }
-.v-dialog .v-overlay__content > .v-card > .v-card-item {
+.v-dialog > .v-overlay__content > .v-card > .v-card-item {
   padding: 14px 24px 0;
 }
-.v-dialog .v-overlay__content > .v-card > .v-card-item + .v-card-text {
+.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
   padding-top: 10px;
 }
-.v-dialog .v-overlay__content > .v-card > .v-card-text {
+.v-dialog > .v-overlay__content > .v-card > .v-card-text {
   font-size: inherit;
   letter-spacing: 0.03125em;
   line-height: inherit;
@@ -38,7 +38,7 @@
 .v-dialog--fullscreen {
   --v-scrollbar-offset: 0px;
 }
-.v-dialog--fullscreen .v-overlay__content {
+.v-dialog--fullscreen > .v-overlay__content {
   border-radius: 0;
   margin: 0;
   padding: 0;
@@ -50,27 +50,27 @@
   top: 0;
   left: 0;
 }
-.v-dialog--fullscreen .v-overlay__content > .v-card,
-.v-dialog--fullscreen .v-overlay__content > .v-sheet {
+.v-dialog--fullscreen > .v-overlay__content > .v-card,
+.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
   min-height: 100%;
   min-width: 100%;
   border-radius: 0;
 }
 
-.v-dialog--scrollable .v-overlay__content,
-.v-dialog--scrollable .v-overlay__content > form {
+.v-dialog--scrollable > .v-overlay__content,
+.v-dialog--scrollable > .v-overlay__content > form {
   display: flex;
 }
-.v-dialog--scrollable .v-overlay__content > .v-card,
-.v-dialog--scrollable .v-overlay__content > form > .v-card {
+.v-dialog--scrollable > .v-overlay__content > .v-card,
+.v-dialog--scrollable > .v-overlay__content > form > .v-card {
   display: flex;
   flex: 1 1 100%;
   flex-direction: column;
   max-height: 100%;
   max-width: 100%;
 }
-.v-dialog--scrollable .v-overlay__content > .v-card > .v-card-text,
-.v-dialog--scrollable .v-overlay__content > form > .v-card > .v-card-text {
+.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
+.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
   backface-visibility: hidden;
   overflow-y: auto;
 }