@vuetify/nightly 4.0.0-dev-20230427.0 → 4.0.0-dev-20230511.0

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230427.0
+* Vuetify v4.0.0-dev-20230511.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16686,7 +16686,7 @@ html.overflow-y-hidden {
 .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 {
@@ -17522,6 +17522,8 @@ html.overflow-y-hidden {
 
 .v-snackbar-actions .v-btn {
   padding: 0 8px;
+}.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
+  opacity: var(--v-activated-opacity);
 }/** if false, disabled buttons will be greyed out */
 .v-btn-group {
   display: inline-flex;
@@ -17579,8 +17581,6 @@ html.overflow-y-hidden {
 }
 .v-btn-group--tile {
   border-radius: 0;
-}.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
-  opacity: var(--v-activated-opacity);
 }.v-card {
   display: block;
   overflow: hidden;
@@ -20238,10 +20238,8 @@ textarea.v-field__input::placeholder {
 .v-img__gradient,
 .v-img__placeholder,
 .v-img__error {
-  z-index: -1;
-  position: absolute;
-  top: 0;
-  left: 0;
+  grid-row-start: 1;
+  grid-column-start: 1;
   width: 100%;
   height: 100%;
 }
@@ -20942,22 +20940,6 @@ textarea.v-field__input::placeholder {
   overflow: auto;
   height: 100%;
   box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}.v-messages {
-  flex: 1 1 auto;
-  font-size: 12px;
-  min-height: 14px;
-  min-width: 1px;
-  opacity: var(--v-medium-emphasis-opacity);
-  position: relative;
-}
-.v-messages__message {
-  line-height: 12px;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  -webkit-hyphens: auto;
-          hyphens: auto;
-  transition-duration: 150ms;
 }.v-navigation-drawer {
   -webkit-overflow-scrolling: touch;
   background: rgb(var(--v-theme-surface));
@@ -21560,27 +21542,35 @@ html.v-overlay-scroll-blocked {
   position: absolute;
   width: 0;
 }.v-responsive {
-  display: flex;
+  display: grid;
+  grid-template-rows: minmax(100%, 1fr);
+  grid-template-columns: 1fr;
   flex: 1 0 auto;
   max-height: 100%;
   max-width: 100%;
   overflow: hidden;
   position: relative;
 }
+.v-responsive--inline {
+  display: inline-grid;
+  flex: 0 0 auto;
+}
 
 .v-responsive__content {
   flex: 1 0 0px;
   max-width: 100%;
 }
 
-.v-responsive__sizer ~ .v-responsive__content {
-  margin-inline-start: -100%;
-}
-
 .v-responsive__sizer {
   flex: 1 0 0px;
   transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   pointer-events: none;
+}
+
+.v-responsive__sizer,
+.v-responsive__content {
+  grid-row-start: 1;
+  grid-column-start: 1;
 }.v-input--density-default {
   --select-chips-margin-bottom: 0px;
 }
@@ -21773,6 +21763,12 @@ html.v-overlay-scroll-blocked {
 .v-sheet--fixed {
   position: fixed;
 }
+.v-sheet--relative {
+  position: relative;
+}
+.v-sheet--sticky {
+  position: sticky;
+}
 .v-sheet--rounded {
   border-radius: 4px;
 }.v-slide-group {
@@ -22264,6 +22260,48 @@ html.v-overlay-scroll-blocked {
   border-top: 0px !important;
   position: sticky;
   bottom: 0;
+}.v-textarea .v-field {
+  --v-textarea-control-height: var(--v-input-control-height);
+}
+.v-textarea .v-field__field {
+  --v-input-control-height: var(--v-textarea-control-height);
+}
+.v-textarea .v-field__input {
+  flex: 1 1 auto;
+  outline: none;
+  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
+  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
+}
+.v-textarea--auto-grow .v-field__input {
+  overflow: hidden;
+}
+.v-textarea--no-resize .v-field__input {
+  resize: none;
+}
+.v-textarea__sizer {
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0 !important;
+  min-height: 0 !important;
+  pointer-events: none;
+}
+.v-textarea .v-field--no-label textarea,
+.v-textarea .v-field--active textarea {
+  opacity: 1;
+}
+.v-textarea textarea {
+  opacity: 0;
+  flex: 1;
+  min-width: 0;
+  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-textarea textarea:focus, .v-textarea textarea:active {
+  outline: none;
+}
+.v-textarea textarea:invalid {
+  box-shadow: none;
 }/* region BLOCK */
 .v-text-field input {
   color: inherit;
@@ -23014,48 +23052,22 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-textarea .v-field {
-  --v-textarea-control-height: var(--v-input-control-height);
-}
-.v-textarea .v-field__field {
-  --v-input-control-height: var(--v-textarea-control-height);
-}
-.v-textarea .v-field__input {
+}.v-messages {
   flex: 1 1 auto;
-  outline: none;
-  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
-  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
-}
-.v-textarea--auto-grow .v-field__input {
-  overflow: hidden;
-}
-.v-textarea--no-resize .v-field__input {
-  resize: none;
-}
-.v-textarea__sizer {
-  visibility: hidden;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 0 !important;
-  min-height: 0 !important;
-  pointer-events: none;
-}
-.v-textarea .v-field--no-label textarea,
-.v-textarea .v-field--active textarea {
-  opacity: 1;
-}
-.v-textarea textarea {
-  opacity: 0;
-  flex: 1;
-  min-width: 0;
-  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-textarea textarea:focus, .v-textarea textarea:active {
-  outline: none;
+  font-size: 12px;
+  min-height: 14px;
+  min-width: 1px;
+  opacity: var(--v-medium-emphasis-opacity);
+  position: relative;
 }
-.v-textarea textarea:invalid {
-  box-shadow: none;
+.v-messages__message {
+  line-height: 12px;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -webkit-hyphens: auto;
+          hyphens: auto;
+  transition-duration: 150ms;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;