@omnia/runtime 8.0.7-vnext → 8.0.8-dev

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

@@ -11,6 +11,9 @@
 .v-data-table__tr--focus {
   border: 1px dotted black;
 }
+.v-data-table__tr--clickable {
+  cursor: pointer;
+}
 
 .v-data-table .v-table__wrapper > table > thead > tr > td,
 .v-data-table .v-table__wrapper > table > thead > tr th,
@@ -30,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,
@@ -75,12 +90,6 @@
   opacity: 0.3;
 }
 
-.v-data-table__progress th {
-  position: relative;
-  border: none !important;
-  height: auto !important;
-}
-
 .v-data-table-group-header-row__column {
   padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
 }
@@ -104,146 +113,16 @@
   height: 20px;
 }
 
-.v-data-table-headers__loader {
-  bottom: auto;
-  top: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: 100%;
-  z-index: 1;
+.v-data-table-progress > th {
+  border: none !important;
+  height: auto !important;
+  padding: 0 !important;
 }
 
+.v-data-table-rows-loading,
 .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.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css

@@ -1,5 +1,319 @@
-[data-omfx] .v-date-picker-title, .v-menu__content .v-date-picker-title, .v-tooltip__content .v-date-picker-title, .v-dialog__content .v-date-picker-title{display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap;line-height:1}html .v-application--is-ltr .v-date-picker-title .v-picker__title__btn{text-align:left}html .v-application--is-rtl .v-date-picker-title .v-picker__title__btn{text-align:right}[data-omfx] .v-date-picker-title__year, .v-menu__content .v-date-picker-title__year, .v-tooltip__content .v-date-picker-title__year, .v-dialog__content .v-date-picker-title__year{align-items:center;display:inline-flex;font-size:14px;font-weight:500;margin-bottom:8px}[data-omfx] .v-date-picker-title__date, .v-menu__content .v-date-picker-title__date, .v-tooltip__content .v-date-picker-title__date, .v-dialog__content .v-date-picker-title__date{font-size:34px;text-align:left;font-weight:500;position:relative;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}[data-omfx] .v-date-picker-title__date>div, .v-menu__content .v-date-picker-title__date>div, .v-tooltip__content .v-date-picker-title__date>div, .v-dialog__content .v-date-picker-title__date>div{position:relative}[data-omfx] .v-date-picker-title--disabled, .v-menu__content .v-date-picker-title--disabled, .v-tooltip__content .v-date-picker-title--disabled, .v-dialog__content .v-date-picker-title--disabled{pointer-events:none}
-html .theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus){color:rgba(0,0,0,.87)}html .theme--light.v-date-picker-header .v-date-picker-header__value--disabled button{color:rgba(0,0,0,.38)}html .theme--dark.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus){color:#fff}html .theme--dark.v-date-picker-header .v-date-picker-header__value--disabled button{color:rgba(255,255,255,.5)}[data-omfx] .v-date-picker-header, .v-menu__content .v-date-picker-header, .v-tooltip__content .v-date-picker-header, .v-dialog__content .v-date-picker-header{padding:4px 16px;align-items:center;display:flex;justify-content:space-between;position:relative}[data-omfx] .v-date-picker-header .v-btn, .v-menu__content .v-date-picker-header .v-btn, .v-tooltip__content .v-date-picker-header .v-btn, .v-dialog__content .v-date-picker-header .v-btn{margin:0;z-index:auto}[data-omfx] .v-date-picker-header .v-icon, .v-menu__content .v-date-picker-header .v-icon, .v-tooltip__content .v-date-picker-header .v-icon, .v-dialog__content .v-date-picker-header .v-icon{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-omfx] .v-date-picker-header__value, .v-menu__content .v-date-picker-header__value, .v-tooltip__content .v-date-picker-header__value, .v-dialog__content .v-date-picker-header__value{flex:1;text-align:center;position:relative;overflow:hidden}[data-omfx] .v-date-picker-header__value div, .v-menu__content .v-date-picker-header__value div, .v-tooltip__content .v-date-picker-header__value div, .v-dialog__content .v-date-picker-header__value div{transition:.3s cubic-bezier(0.25, 0.8, 0.5, 1);width:100%}[data-omfx] .v-date-picker-header__value button, .v-menu__content .v-date-picker-header__value button, .v-tooltip__content .v-date-picker-header__value button, .v-dialog__content .v-date-picker-header__value button{cursor:pointer;font-weight:bold;outline:none;padding:.5rem;transition:.3s cubic-bezier(0.25, 0.8, 0.5, 1)}[data-omfx] .v-date-picker-header--disabled, .v-menu__content .v-date-picker-header--disabled, .v-tooltip__content .v-date-picker-header--disabled, .v-dialog__content .v-date-picker-header--disabled{pointer-events:none}
-html .theme--light.v-date-picker-table th,html .theme--light.v-date-picker-table .v-date-picker-table--date__week{color:rgba(0,0,0,.38)}html .theme--dark.v-date-picker-table th,html .theme--dark.v-date-picker-table .v-date-picker-table--date__week{color:rgba(255,255,255,.5)}[data-omfx] .v-date-picker-table, .v-menu__content .v-date-picker-table, .v-tooltip__content .v-date-picker-table, .v-dialog__content .v-date-picker-table{position:relative;padding:0 12px;height:242px}[data-omfx] .v-date-picker-table table, .v-menu__content .v-date-picker-table table, .v-tooltip__content .v-date-picker-table table, .v-dialog__content .v-date-picker-table table{transition:.3s cubic-bezier(0.25, 0.8, 0.5, 1);top:0;table-layout:fixed;width:100%}[data-omfx] .v-date-picker-table td, .v-menu__content .v-date-picker-table td, .v-tooltip__content .v-date-picker-table td, .v-dialog__content .v-date-picker-table td,[data-omfx] .v-date-picker-table th, .v-menu__content .v-date-picker-table th, .v-tooltip__content .v-date-picker-table th, .v-dialog__content .v-date-picker-table th{text-align:center;position:relative}[data-omfx] .v-date-picker-table th, .v-menu__content .v-date-picker-table th, .v-tooltip__content .v-date-picker-table th, .v-dialog__content .v-date-picker-table th{font-size:12px}[data-omfx] .v-date-picker-table--date .v-btn, .v-menu__content .v-date-picker-table--date .v-btn, .v-tooltip__content .v-date-picker-table--date .v-btn, .v-dialog__content .v-date-picker-table--date .v-btn{height:32px;width:32px}[data-omfx] .v-date-picker-table .v-btn, .v-menu__content .v-date-picker-table .v-btn, .v-tooltip__content .v-date-picker-table .v-btn, .v-dialog__content .v-date-picker-table .v-btn{z-index:auto;margin:0;font-size:12px}[data-omfx] .v-date-picker-table .v-btn.v-btn--active, .v-menu__content .v-date-picker-table .v-btn.v-btn--active, .v-tooltip__content .v-date-picker-table .v-btn.v-btn--active, .v-dialog__content .v-date-picker-table .v-btn.v-btn--active{color:#fff}[data-omfx] .v-date-picker-table--month td, .v-menu__content .v-date-picker-table--month td, .v-tooltip__content .v-date-picker-table--month td, .v-dialog__content .v-date-picker-table--month td{width:33.333333%;height:56px;vertical-align:middle;text-align:center}[data-omfx] .v-date-picker-table--month td .v-btn, .v-menu__content .v-date-picker-table--month td .v-btn, .v-tooltip__content .v-date-picker-table--month td .v-btn, .v-dialog__content .v-date-picker-table--month td .v-btn{margin:0 auto;max-width:140px;min-width:40px;width:100%}[data-omfx] .v-date-picker-table--date th, .v-menu__content .v-date-picker-table--date th, .v-tooltip__content .v-date-picker-table--date th, .v-dialog__content .v-date-picker-table--date th{padding:8px 0;font-weight:600}[data-omfx] .v-date-picker-table--date td, .v-menu__content .v-date-picker-table--date td, .v-tooltip__content .v-date-picker-table--date td, .v-dialog__content .v-date-picker-table--date td{width:45px}[data-omfx] .v-date-picker-table__events, .v-menu__content .v-date-picker-table__events, .v-tooltip__content .v-date-picker-table__events, .v-dialog__content .v-date-picker-table__events{height:8px;left:0;position:absolute;text-align:center;white-space:pre;width:100%}[data-omfx] .v-date-picker-table__events>div, .v-menu__content .v-date-picker-table__events>div, .v-tooltip__content .v-date-picker-table__events>div, .v-dialog__content .v-date-picker-table__events>div{border-radius:50%;display:inline-block;height:8px;margin:0 1px;width:8px}[data-omfx] .v-date-picker-table--date .v-date-picker-table__events, .v-menu__content .v-date-picker-table--date .v-date-picker-table__events, .v-tooltip__content .v-date-picker-table--date .v-date-picker-table__events, .v-dialog__content .v-date-picker-table--date .v-date-picker-table__events{bottom:6px}[data-omfx] .v-date-picker-table--month .v-date-picker-table__events, .v-menu__content .v-date-picker-table--month .v-date-picker-table__events, .v-tooltip__content .v-date-picker-table--month .v-date-picker-table__events, .v-dialog__content .v-date-picker-table--month .v-date-picker-table__events{bottom:8px}[data-omfx] .v-date-picker-table__current .v-date-picker-table__events, .v-menu__content .v-date-picker-table__current .v-date-picker-table__events, .v-tooltip__content .v-date-picker-table__current .v-date-picker-table__events, .v-dialog__content .v-date-picker-table__current .v-date-picker-table__events{margin-bottom:-1px}[data-omfx] .v-date-picker-table--disabled, .v-menu__content .v-date-picker-table--disabled, .v-tooltip__content .v-date-picker-table--disabled, .v-dialog__content .v-date-picker-table--disabled{pointer-events:none}
-[data-omfx] .v-date-picker-years, .v-menu__content .v-date-picker-years, .v-tooltip__content .v-date-picker-years, .v-dialog__content .v-date-picker-years{font-size:16px;font-weight:400;height:290px;list-style-type:none;overflow:auto;text-align:center}[data-omfx] .v-date-picker-years.v-date-picker-years, .v-menu__content .v-date-picker-years.v-date-picker-years, .v-tooltip__content .v-date-picker-years.v-date-picker-years, .v-dialog__content .v-date-picker-years.v-date-picker-years{padding:0}[data-omfx] .v-date-picker-years li, .v-menu__content .v-date-picker-years li, .v-tooltip__content .v-date-picker-years li, .v-dialog__content .v-date-picker-years li{cursor:pointer;padding:8px 0;transition:none}[data-omfx] .v-date-picker-years li.active, .v-menu__content .v-date-picker-years li.active, .v-tooltip__content .v-date-picker-years li.active, .v-dialog__content .v-date-picker-years li.active{font-size:26px;font-weight:500;padding:10px 0}[data-omfx] .v-date-picker-years li:hover, .v-menu__content .v-date-picker-years li:hover, .v-tooltip__content .v-date-picker-years li:hover, .v-dialog__content .v-date-picker-years li:hover{background:rgba(0,0,0,.12)}[data-omfx] .v-picker--landscape .v-date-picker-years, .v-menu__content .v-picker--landscape .v-date-picker-years, .v-tooltip__content .v-picker--landscape .v-date-picker-years, .v-dialog__content .v-picker--landscape .v-date-picker-years{padding:0;height:290px}
+.v-date-picker__input {
+  padding-top: 16px;
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.v-date-picker {
+  overflow: hidden;
+}
+
+.v-date-picker-month {
+  padding: 0 12px 12px;
+}
+
+.v-date-picker-month__day {
+  height: 48px;
+  width: 48px;
+}
+.v-date-picker-month__day .v-btn {
+  --v-btn-height: 28px;
+  --v-btn-size: 0.85rem;
+}
+.v-date-picker-controls {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 0.875rem;
+  padding-inline-start: 24px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-inline-end: 12px;
+}
+.v-date-picker-controls--variant-classic {
+  padding-inline-start: 12px;
+}
+.v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
+  opacity: 0.7;
+}
+.v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
+  cursor: pointer;
+}
+.v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
+  opacity: 1;
+}
+.v-date-picker-controls .v-btn:last-child {
+  margin-inline-start: 4px;
+}
+.v-date-picker--year .v-date-picker-controls > .v-btn {
+  transform: rotate(180deg);
+}
+
+.v-date-picker-controls__date {
+  margin-inline-end: 4px;
+}
+.v-date-picker-controls--variant-classic .v-date-picker-controls__date {
+  margin: auto;
+  text-align: center;
+}
+
+.v-date-picker-controls__month {
+  display: flex;
+}
+.v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
+  flex-direction: row-reverse;
+}
+
+.v-date-picker-controls--variant-classic .v-date-picker-controls__month {
+  flex: 1 0 auto;
+}
+
+.v-date-picker__title {
+  display: inline-block;
+}
+.v-date-picker-month {
+  display: flex;
+  justify-content: center;
+  min-width: 328px;
+  --v-date-picker-month-day-diff: 4px;
+}
+
+.v-date-picker-month__weeks {
+  display: grid;
+  grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
+  grid-row-gap: 4px;
+}
+
+.v-date-picker-month__weekday {
+  font-size: 0.875rem;
+}
+
+.v-date-picker-month__days {
+  display: grid;
+  grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
+  grid-row-gap: 4px;
+  flex: 1 1;
+  justify-content: space-around;
+}
+
+.v-date-picker-month__day {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.v-date-picker-month__day--adjacent {
+  opacity: 0.5;
+}
+
+.v-date-picker-month__day--hide-adjacent {
+  opacity: 0;
+}
+
+.v-date-picker-month__day--range {
+  position: absolute;
+  width: 100%;
+  height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
+  opacity: 0.5;
+}
+
+.v-date-picker-month__day--hover {
+  position: absolute;
+  width: 100%;
+  height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
+  border-style: dashed;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-left: none;
+  border-right: none;
+}
+
+.v-date-picker-month__day--start .v-date-picker-month__day--range, .v-date-picker-month__day--week-start .v-date-picker-month__day--range {
+  border-bottom-left-radius: 50%;
+  border-top-left-radius: 50%;
+  left: var(--v-date-picker-month-day-diff);
+  width: calc(100% - var(--v-date-picker-month-day-diff));
+}
+
+.v-date-picker-month__day--end .v-date-picker-month__day--range, .v-date-picker-month__day--week-end .v-date-picker-month__day--range {
+  border-bottom-right-radius: 50%;
+  border-top-right-radius: 50%;
+  right: var(--v-date-picker-month-day-diff);
+  width: calc(100% - var(--v-date-picker-month-day-diff));
+}
+
+.v-date-picker-month__day--selected.v-date-picker-month__day--end.v-date-picker-month__day--week-start .v-date-picker-month__day--range,
+.v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
+  display: none;
+}
+.v-date-picker-years {
+  height: 320px;
+  overflow-y: scroll;
+}
+
+.v-date-picker-years__content {
+  display: grid;
+  flex: 1 1;
+  justify-content: space-around;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 8px 24px;
+  padding-inline-start: 36px;
+  padding-inline-end: 36px;
+}
+.v-date-picker-years__content .v-btn {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+}
+.v-picker.v-sheet {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 4px;
+  display: grid;
+  grid-auto-rows: min-content;
+  grid-template-areas: "title" "header" "body";
+  overflow: hidden;
+}
+.v-picker.v-sheet.v-picker--with-actions {
+  grid-template-areas: "title" "header" "body" "actions";
+}
+
+.v-picker__body {
+  grid-area: body;
+}
+
+.v-picker__header {
+  grid-area: header;
+}
+
+.v-picker__actions {
+  grid-area: actions;
+  padding: 0 12px 12px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.v-picker__actions .v-btn {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  min-width: 48px;
+}
+.v-picker__actions .v-btn:not(:last-child) {
+  margin-inline-end: 8px;
+}
+
+.v-picker--landscape {
+  grid-template-areas: "title" "header body" "header body";
+}
+
+.v-picker--landscape.v-picker--with-actions {
+  grid-template-areas: "title" "header body" "header actions";
+}
+
+.v-picker-title {
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  grid-area: title;
+  padding-inline-start: 24px;
+  padding-inline-end: 12px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  font-weight: 600;
+  letter-spacing: 0.1666666667em;
+}
+.v-date-picker-header {
+  display: grid;
+  grid-template-areas: "prepend content append";
+  grid-template-columns: min-content minmax(0, 1fr) min-content;
+  overflow: hidden;
+  padding-inline-start: 24px;
+  padding-inline-end: 12px;
+  padding-bottom: 12px;
+}
+
+.v-date-picker-header__append {
+  grid-area: append;
+}
+
+.v-date-picker-header__prepend {
+  grid-area: prepend;
+  padding-inline-start: 8px;
+}
+
+.v-date-picker-header__content {
+  align-items: center;
+  display: inline-flex;
+  font-size: 32px;
+  line-height: 40px;
+  grid-area: content;
+  justify-content: space-between;
+}
+.v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
+  opacity: 0.7;
+}
+.v-date-picker--month .v-date-picker-header__content {
+  opacity: 1;
+}
+.v-date-picker--year .v-date-picker-header__content {
+  cursor: pointer;
+}
+
+.date-picker-header-transition-enter-active,
+.date-picker-header-reverse-transition-enter-active {
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.date-picker-header-transition-leave-active,
+.date-picker-header-reverse-transition-leave-active {
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.date-picker-header-transition-enter-from {
+  transform: translate(0, 100%);
+}
+.date-picker-header-transition-leave-to {
+  opacity: 0;
+  transform: translate(0, -100%);
+}
+
+.date-picker-header-reverse-transition-enter-from {
+  transform: translate(0, -100%);
+}
+.date-picker-header-reverse-transition-leave-to {
+  opacity: 0;
+  transform: translate(0, 100%);
+}
+.v-date-card {
+  padding-bottom: 8px;
+}
+.v-date-card .v-card-actions {
+  justify-content: flex-end;
+}
+
+.v-date-card .v-date-picker-month {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.v-date-card .v-date-picker-month .v-date-picker-month__day {
+  height: 32px;
+  width: 32px;
+}
+.v-date-card .v-date-picker-month .v-date-picker-month__day .v-btn {
+  --v-btn-height: 16px;
+  --v-btn-size: 0.75rem;
+}
+.v-date-card .v-date-picker-years {
+  height: 248px;
+}
+.v-date-card .v-date-picker-years .v-date-picker-years__content {
+  grid-template-columns: repeat(4, 56px);
+  grid-gap: 0px;
+  grid-row-gap: 2px;
+  padding-right: 3px;
+}
+.v-date-card .v-date-picker-years .v-date-picker-years__content .v-btn {
+  --v-btn-height: 28px;
+  --v-btn-size: 0.75rem;
+  min-width: unset;
+}
 

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

@@ -0,0 +1,86 @@
+.v-dialog {
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+}
+.v-dialog > .v-overlay__content {
+  max-height: calc(100% - 48px);
+  width: calc(100% - 48px);
+  max-width: calc(100% - 48px);
+  margin: 24px;
+  display: flex;
+  flex-direction: column;
+}
+.v-dialog > .v-overlay__content > .v-card,
+.v-dialog > .v-overlay__content > .v-sheet,
+.v-dialog > .v-overlay__content > form > .v-card,
+.v-dialog > .v-overlay__content > form > .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 > form > .v-card {
+  display: flex;
+  flex-direction: column;
+}
+.v-dialog > .v-overlay__content > .v-card > .v-card-item,
+.v-dialog > .v-overlay__content > form > .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 > form > .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 > form > .v-card > .v-card-text {
+  font-size: inherit;
+  letter-spacing: 0.03125em;
+  line-height: inherit;
+  padding: 16px 24px 10px;
+}
+
+.v-dialog--fullscreen {
+  --v-scrollbar-offset: 0px;
+}
+.v-dialog--fullscreen > .v-overlay__content {
+  border-radius: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+  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 > form > .v-card,
+.v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
+  min-height: 100%;
+  min-width: 100%;
+  border-radius: 0;
+}
+
+.v-dialog--scrollable > .v-overlay__content,
+.v-dialog--scrollable > .v-overlay__content > form {
+  display: flex;
+  overflow: hidden;
+}
+.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 {
+  backface-visibility: hidden;
+  overflow-y: auto;
+}
+

package/dist/bundles/omnia.fx.ux.vuetify.footer_47510593-f34c-487d-83fe-695b59489210.css

@@ -4,6 +4,8 @@
   flex: 1 1 auto;
   padding: 8px 16px;
   position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition-property: height, width, transform, max-width, left, right, top, bottom;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;

package/dist/bundles/omnia.fx.ux.vuetify.rating_98f2c51f-7725-4a0e-91f5-f2631149737c.css

@@ -36,10 +36,6 @@
 .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
   transform: scale(1.25);
 }
-.v-rating__item--focused .v-btn__overlay {
-  display: block;
-  opacity: var(--v-hover-opacity);
-}
 .v-rating__item--half {
   overflow: hidden;
   position: absolute;