@vuetify/nightly 3.2.0-next-20230114.0 → 4.0.0-next-20230205.0

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.2.0-next-20230114.0
+* Vuetify v4.0.0-next-20230205.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18419,12 +18419,15 @@ html.overflow-y-hidden {
 }
 .v-ripple__animation--enter {
   transition: none;
+  opacity: 0;
 }
 .v-ripple__animation--in {
   transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
+  opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
 }
 .v-ripple__animation--out {
   transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
+  opacity: 0;
 }.v-application {
   display: flex;
   background: rgb(var(--v-theme-background));
@@ -19256,28 +19259,28 @@ html.overflow-y-hidden {
   position: fixed;
 }
 .v-btn:hover > .v-btn__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-btn:focus-visible > .v-btn__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-btn:focus > .v-btn__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
@@ -19664,28 +19667,28 @@ html.overflow-y-hidden {
   position: fixed;
 }
 .v-card:hover > .v-card__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-card:focus-visible > .v-card__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-card:focus > .v-card__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
@@ -20245,28 +20248,28 @@ html.overflow-y-hidden {
 }
 
 .v-chip:hover > .v-chip__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-chip:focus-visible > .v-chip__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-chip:focus > .v-chip__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
@@ -21732,28 +21735,28 @@ html.overflow-y-hidden {
   justify-content: space-between;
 }
 .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-expansion-panel-title--active::before {
@@ -22213,11 +22216,11 @@ textarea.v-field__input::placeholder {
 }
 @media (hover: hover) {
   .v-field--variant-filled:hover .v-field__overlay {
-    opacity: calc(0.08 * var(--v-theme-overlay-multiplier));
+    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-field--variant-filled.v-field--focused .v-field__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 
 /* endregion */
@@ -22258,6 +22261,7 @@ textarea.v-field__input::placeholder {
   position: absolute;
   top: 0;
   width: 100%;
+  z-index: 1;
 }
 .v-file-input .v-chip {
   margin-top: 2px;
@@ -22639,28 +22643,28 @@ textarea.v-field__input::placeholder {
   box-shadow: none;
 }
 .v-list-item:hover > .v-list-item__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-list-item:focus-visible > .v-list-item__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-list-item:focus > .v-list-item__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
@@ -22941,7 +22945,7 @@ textarea.v-field__input::placeholder {
   padding-inline-start: 8px;
   padding-inline-end: 8px;
 }
-.v-list .v-list-item--nav:not(:last-child):not(:only-child) {
+.v-list .v-list-item--nav:not(:only-child) {
   margin-bottom: 4px;
 }
 
@@ -23083,6 +23087,10 @@ textarea.v-field__input::placeholder {
 .v-navigation-drawer--rounded {
   border-radius: 4px;
 }
+.v-navigation-drawer--top {
+  top: 0;
+  border-bottom-width: thin;
+}
 .v-navigation-drawer--bottom {
   left: 0;
   border-top-width: thin;
@@ -23825,7 +23833,7 @@ html.v-overlay-scroll-blocked {
   pointer-events: none;
 }
 .v-selection-control__input:hover::before {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-selection-control__input > .v-icon {
   opacity: var(--v-medium-emphasis-opacity);
@@ -23837,7 +23845,7 @@ html.v-overlay-scroll-blocked {
   color: rgb(var(--v-theme-error));
 }
 .v-selection-control--focus-visible .v-selection-control__input::before {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }.v-selection-control-group {
   grid-area: control;
   display: flex;
@@ -24263,7 +24271,7 @@ html.v-overlay-scroll-blocked {
 }
 
 .v-table {
-  --v-table-header-height: $table-header-height;
+  --v-table-header-height: 56px;
   border-radius: inherit;
   line-height: 1.5;
   max-width: 100%;
@@ -24292,7 +24300,7 @@ html.v-overlay-scroll-blocked {
 .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: 56px;
+  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,
@@ -24303,7 +24311,7 @@ html.v-overlay-scroll-blocked {
 .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: 48px;
+  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,
@@ -24314,7 +24322,7 @@ html.v-overlay-scroll-blocked {
 .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: 40px;
+  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,