@vuetify/nightly 3.1.2-next-20230113.0 → 3.1.2

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.2-next-20230113.0
+* Vuetify v3.1.2
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22258,6 +22258,7 @@ textarea.v-field__input::placeholder {
   position: absolute;
   top: 0;
   width: 100%;
+  z-index: 1;
 }
 .v-file-input .v-chip {
   margin-top: 2px;
@@ -22288,6 +22289,53 @@ textarea.v-field__input::placeholder {
 }
 .v-footer--rounded {
   border-radius: 4px;
+}.v-icon {
+  --v-icon-size-multiplier: 1;
+  align-items: center;
+  display: inline-flex;
+  font-feature-settings: "liga";
+  height: 1em;
+  justify-content: center;
+  letter-spacing: normal;
+  line-height: 1;
+  position: relative;
+  text-indent: 0;
+  -webkit-user-select: none;
+          user-select: none;
+  vertical-align: middle;
+  width: 1em;
+}
+.v-icon--clickable {
+  cursor: pointer;
+}
+.v-icon--size-x-small {
+  font-size: calc(var(--v-icon-size-multiplier) * 1em);
+}
+.v-icon--size-small {
+  font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
+}
+.v-icon--size-default {
+  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
+}
+.v-icon--size-large {
+  font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
+}
+.v-icon--size-x-large {
+  font-size: calc(var(--v-icon-size-multiplier) * 2em);
+}
+
+.v-icon__svg {
+  fill: currentColor;
+  width: 100%;
+  height: 100%;
+}
+
+.v-icon--start {
+  margin-inline-end: 8px;
+}
+
+.v-icon--end {
+  margin-inline-start: 8px;
 }.v-img {
   --v-theme-overlay-multiplier: 3;
   z-index: 0;
@@ -22433,53 +22481,6 @@ textarea.v-field__input::placeholder {
 .v-input__control {
   display: flex;
   grid-area: control;
-}.v-icon {
-  --v-icon-size-multiplier: 1;
-  align-items: center;
-  display: inline-flex;
-  font-feature-settings: "liga";
-  height: 1em;
-  justify-content: center;
-  letter-spacing: normal;
-  line-height: 1;
-  position: relative;
-  text-indent: 0;
-  -webkit-user-select: none;
-          user-select: none;
-  vertical-align: middle;
-  width: 1em;
-}
-.v-icon--clickable {
-  cursor: pointer;
-}
-.v-icon--size-x-small {
-  font-size: calc(var(--v-icon-size-multiplier) * 1em);
-}
-.v-icon--size-small {
-  font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
-}
-.v-icon--size-default {
-  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
-}
-.v-icon--size-large {
-  font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
-}
-.v-icon--size-x-large {
-  font-size: calc(var(--v-icon-size-multiplier) * 2em);
-}
-
-.v-icon__svg {
-  fill: currentColor;
-  width: 100%;
-  height: 100%;
-}
-
-.v-icon--start {
-  margin-inline-end: 8px;
-}
-
-.v-icon--end {
-  margin-inline-start: 8px;
 }.v-item-group {
   flex: 0 1 auto;
   max-width: 100%;
@@ -22941,7 +22942,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;
 }
 
@@ -25285,159 +25286,6 @@ html.v-overlay-scroll-blocked {
   justify-content: center;
   width: 100%;
   height: 100%;
-}.v-slider-track__background {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-
-.v-slider-track__fill {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-
-.v-slider-track__tick {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-.v-slider-track__tick--filled {
-  background-color: rgb(var(--v-theme-on-surface-variant));
-}
-
-.v-slider-track {
-  border-radius: 6px;
-}
-
-.v-slider-track__background, .v-slider-track__fill {
-  position: absolute;
-  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
-  border-radius: inherit;
-}
-.v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
-  transition: none;
-}
-.v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
-  background-color: currentColor;
-}
-
-.v-slider-track__ticks {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-
-.v-slider-track__tick {
-  position: absolute;
-  opacity: 0;
-  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 2px;
-  width: var(--v-slider-tick-size);
-  height: var(--v-slider-tick-size);
-  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
-}
-.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: none;
-}
-.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: translateX(100%);
-}
-.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: translateX(-100%);
-}
-.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: none;
-}
-
-.v-slider-track__tick-label {
-  position: absolute;
-  -webkit-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-}
-
-.v-slider.v-input--horizontal .v-slider-track {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: calc(var(--v-slider-track-size) + 2px);
-  touch-action: pan-y;
-}
-.v-slider.v-input--horizontal .v-slider-track__background {
-  height: var(--v-slider-track-size);
-}
-.v-slider.v-input--horizontal .v-slider-track__fill {
-  height: inherit;
-}
-.v-slider.v-input--horizontal .v-slider-track__tick {
-  margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
-  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
-}
-.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
-  margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
-  transform: translateX(-50%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
-  transform: translateX(50%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--first {
-  margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: translateX(0%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: translateX(0%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--last {
-  margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: translateX(-100%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: translateX(100%);
-}
-
-.v-slider.v-input--vertical .v-slider-track {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  width: calc(var(--v-slider-track-size) + 2px);
-  touch-action: pan-x;
-}
-.v-slider.v-input--vertical .v-slider-track__background {
-  width: var(--v-slider-track-size);
-}
-.v-slider.v-input--vertical .v-slider-track__fill {
-  width: inherit;
-}
-.v-slider.v-input--vertical .v-slider-track__ticks {
-  height: 100%;
-}
-.v-slider.v-input--vertical .v-slider-track__tick {
-  margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
-  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
-}
-.v-slider.v-input--vertical .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
-  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
-}
-.v-slider.v-input--vertical .v-slider-track__tick--first {
-  bottom: calc(0% + var(--v-slider-tick-size) + 1px);
-}
-.v-slider.v-input--vertical .v-slider-track__tick--last {
-  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
-}
-.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
-  margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
-  transform: translateY(-50%);
-}
-
-.v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
-  opacity: 1;
-}
-
-.v-slider-track__background--opacity {
-  opacity: 0.38;
 }.v-slider-thumb {
   touch-action: none;
   color: rgb(var(--v-theme-surface-variant));
@@ -25596,4 +25444,157 @@ html.v-overlay-scroll-blocked {
   .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
     opacity: var(--v-hover-opacity);
   }
+}.v-slider-track__background {
+  background-color: rgb(var(--v-theme-surface-variant));
+}
+
+.v-slider-track__fill {
+  background-color: rgb(var(--v-theme-surface-variant));
+}
+
+.v-slider-track__tick {
+  background-color: rgb(var(--v-theme-surface-variant));
+}
+.v-slider-track__tick--filled {
+  background-color: rgb(var(--v-theme-on-surface-variant));
+}
+
+.v-slider-track {
+  border-radius: 6px;
+}
+
+.v-slider-track__background, .v-slider-track__fill {
+  position: absolute;
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+  border-radius: inherit;
+}
+.v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
+  transition: none;
+}
+.v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
+  background-color: currentColor;
+}
+
+.v-slider-track__ticks {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.v-slider-track__tick {
+  position: absolute;
+  opacity: 0;
+  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
+  border-radius: 2px;
+  width: var(--v-slider-tick-size);
+  height: var(--v-slider-tick-size);
+  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
+}
+.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: none;
+}
+.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: translateX(100%);
+}
+.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: translateX(-100%);
+}
+.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: none;
+}
+
+.v-slider-track__tick-label {
+  position: absolute;
+  -webkit-user-select: none;
+          user-select: none;
+  white-space: nowrap;
+}
+
+.v-slider.v-input--horizontal .v-slider-track {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: calc(var(--v-slider-track-size) + 2px);
+  touch-action: pan-y;
+}
+.v-slider.v-input--horizontal .v-slider-track__background {
+  height: var(--v-slider-track-size);
+}
+.v-slider.v-input--horizontal .v-slider-track__fill {
+  height: inherit;
+}
+.v-slider.v-input--horizontal .v-slider-track__tick {
+  margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
+  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
+}
+.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
+  margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
+  transform: translateX(-50%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
+  transform: translateX(50%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--first {
+  margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: translateX(0%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: translateX(0%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--last {
+  margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: translateX(-100%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: translateX(100%);
+}
+
+.v-slider.v-input--vertical .v-slider-track {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  width: calc(var(--v-slider-track-size) + 2px);
+  touch-action: pan-x;
+}
+.v-slider.v-input--vertical .v-slider-track__background {
+  width: var(--v-slider-track-size);
+}
+.v-slider.v-input--vertical .v-slider-track__fill {
+  width: inherit;
+}
+.v-slider.v-input--vertical .v-slider-track__ticks {
+  height: 100%;
+}
+.v-slider.v-input--vertical .v-slider-track__tick {
+  margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
+  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
+}
+.v-slider.v-input--vertical .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
+  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
+}
+.v-slider.v-input--vertical .v-slider-track__tick--first {
+  bottom: calc(0% + var(--v-slider-tick-size) + 1px);
+}
+.v-slider.v-input--vertical .v-slider-track__tick--last {
+  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
+}
+.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
+  margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
+  transform: translateY(-50%);
+}
+
+.v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
+  opacity: 1;
+}
+
+.v-slider-track__background--opacity {
+  opacity: 0.38;
 }