vuetify 3.3.6 → 3.3.7

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.6
+* Vuetify v3.3.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -20131,14 +20131,13 @@ html.overflow-y-hidden {
   flex-wrap: wrap;
   letter-spacing: 0.009375em;
   opacity: var(--v-high-emphasis-opacity);
-  min-height: calc(var(--v-field-input-min-height) + var(--v-input-chips-margin-bottom) + 2px);
+  min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)) + var(--v-input-chips-margin-bottom) + 2px);
   padding-inline-start: var(--v-field-padding-start);
   padding-inline-end: var(--v-field-padding-end);
   padding-top: var(--v-field-input-padding-top);
   padding-bottom: var(--v-field-input-padding-bottom);
   position: relative;
   width: 100%;
-  --v-field-input-min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
 }
 .v-field__input input {
   letter-spacing: inherit;
@@ -20385,10 +20384,16 @@ textarea.v-field__input::placeholder {
   border-inline-start-width: var(--v-field-border-width);
 }
 .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
-  border-radius: 4px 0 0 4px;
+  border-top-left-radius: inherit;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: inherit;
 }
 .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
-  border-radius: 0 4px 4px 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: 0;
 }
 .v-field--variant-outlined .v-field__outline__notch {
   flex: none;
@@ -20422,10 +20427,16 @@ textarea.v-field__input::placeholder {
   border-inline-end-width: var(--v-field-border-width);
 }
 .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
-  border-radius: 0 4px 4px 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: 0;
 }
 .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
-  border-radius: 4px 0 0 4px;
+  border-top-left-radius: inherit;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: inherit;
 }
 
 /* endregion */
@@ -20567,6 +20578,7 @@ textarea.v-field__input::placeholder {
   line-height: 1;
   position: relative;
   text-indent: 0;
+  text-align: center;
   -webkit-user-select: none;
           user-select: none;
   vertical-align: middle;
@@ -20616,8 +20628,10 @@ textarea.v-field__input::placeholder {
 .v-img__gradient,
 .v-img__placeholder,
 .v-img__error {
-  grid-row-start: 1;
-  grid-column-start: 1;
+  z-index: -1;
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
 }
@@ -20784,21 +20798,6 @@ textarea.v-field__input::placeholder {
 
 .v-label--clickable {
   cursor: pointer;
-}.v-layout {
-  --v-scrollbar-offset: 0px;
-  display: flex;
-  flex: 1 1 auto;
-}
-.v-layout--full-height {
-  --v-scrollbar-offset: inherit;
-  height: 100%;
-}.v-layout-item {
-  position: absolute;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.v-layout-item--absolute {
-  position: absolute;
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -21343,19 +21342,6 @@ textarea.v-field__input::placeholder {
   --v-layout-right: 0px;
   --v-layout-top: 0px;
   --v-layout-bottom: 0px;
-}.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 {
-  background: rgb(var(--v-theme-surface));
-  border-radius: inherit;
-  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;
@@ -21372,6 +21358,19 @@ textarea.v-field__input::placeholder {
   -webkit-hyphens: auto;
           hyphens: auto;
   transition-duration: 150ms;
+}.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 {
+  background: rgb(var(--v-theme-surface));
+  border-radius: inherit;
+  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-navigation-drawer {
   -webkit-overflow-scrolling: touch;
   background: rgb(var(--v-theme-surface));
@@ -21476,6 +21475,8 @@ textarea.v-field__input::placeholder {
 
 .v-overlay-scroll-blocked {
   padding-inline-end: var(--v-scrollbar-offset);
+}
+.v-overlay-scroll-blocked:not(html) {
   overflow-y: hidden !important;
 }
 html.v-overlay-scroll-blocked {
@@ -21976,37 +21977,6 @@ html.v-overlay-scroll-blocked {
   opacity: 0;
   position: absolute;
   width: 0;
-}.v-responsive {
-  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 {
-  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 {
-  position: relative;
-  grid-row-start: 1;
-  grid-column-start: 1;
 }.v-select .v-field .v-text-field__prefix,
 .v-select .v-field .v-text-field__suffix,
 .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22058,6 +22028,32 @@ html.v-overlay-scroll-blocked {
 .v-select--active-menu .v-select__menu-icon {
   opacity: var(--v-high-emphasis-opacity);
   transform: rotate(180deg);
+}.v-responsive {
+  display: flex;
+  flex: 1 0 auto;
+  max-height: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.v-responsive--inline {
+  display: inline-flex;
+  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-selection-control {
   align-items: center;
   contain: layout;
@@ -22686,48 +22682,6 @@ 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 .v-field__input.v-textarea__sizer {
-  visibility: hidden;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 0 !important;
-  min-height: 0 !important;
-  pointer-events: none;
-}
-.v-textarea--auto-grow .v-field__input {
-  overflow: hidden;
-}
-.v-textarea--no-resize .v-field__input {
-  resize: 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;
@@ -22777,9 +22731,14 @@ html.v-overlay-scroll-blocked {
   opacity: 0;
   transition: inherit;
   white-space: nowrap;
+  min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)) + var(--v-input-chips-margin-bottom) + 2px);
   padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
   padding-bottom: var(--v-field-padding-bottom, 6px);
 }
+.v-text-field__prefix__text, .v-text-field__suffix__text {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
+}
 .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
   opacity: 1;
 }
@@ -22807,7 +22766,49 @@ html.v-overlay-scroll-blocked {
   padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
 }
 
-/* endregion */.v-theme-provider {
+/* endregion */.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 .v-field__input.v-textarea__sizer {
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0 !important;
+  min-height: 0 !important;
+  pointer-events: none;
+}
+.v-textarea--auto-grow .v-field__input {
+  overflow: hidden;
+}
+.v-textarea--no-resize .v-field__input {
+  resize: 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;
+}.v-theme-provider {
   background: rgb(var(--v-theme-background));
   color: rgb(var(--v-theme-on-background));
 }.v-timeline .v-timeline-divider__dot {
@@ -23488,6 +23489,21 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
+}.v-layout {
+  --v-scrollbar-offset: 0px;
+  display: flex;
+  flex: 1 1 auto;
+}
+.v-layout--full-height {
+  --v-scrollbar-offset: inherit;
+  height: 100%;
+}.v-layout-item {
+  position: absolute;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-layout-item--absolute {
+  position: absolute;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;