@vuetify/nightly 3.4.0-beta.1-dev.2023-11-08 → 3.4.0-dev.2023-11-09

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.0-beta.1-dev.2023-11-08
+* Vuetify v3.4.0-dev.2023-11-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -17810,8 +17810,7 @@ html.overflow-y-hidden {
   display: inline-block;
   padding: 0 8px;
   vertical-align: middle;
-}/** if false, disabled buttons will be greyed out */
-.v-btn {
+}.v-btn {
   align-items: center;
   border-radius: 4px;
   display: inline-grid;
@@ -18211,8 +18210,7 @@ html.overflow-y-hidden {
 }
 .v-pagination__item--is-active .v-btn__overlay {
   opacity: var(--v-border-opacity);
-}/** if false, disabled buttons will be greyed out */
-.v-btn-group {
+}.v-btn-group {
   display: inline-flex;
   flex-wrap: nowrap;
   max-width: 100%;
@@ -19063,26 +19061,87 @@ html.overflow-y-hidden {
 .v-chip-group--column {
   flex-wrap: wrap;
   white-space: normal;
-}.v-color-picker {
-  align-self: flex-start;
-  contain: content;
+}.v-combobox .v-field .v-text-field__prefix,
+.v-combobox .v-field .v-text-field__suffix,
+.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
+  cursor: text;
 }
-.v-color-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;
+.v-combobox .v-field .v-field__input > input {
+  flex: 1 1;
 }
-
-.v-color-picker__controls {
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
+.v-combobox .v-field input {
+  min-width: 64px;
+}
+.v-combobox .v-field:not(.v-field--focused) input {
+  min-width: 0;
+}
+.v-combobox .v-field--dirty .v-combobox__selection {
+  margin-inline-end: 2px;
+}
+.v-combobox .v-combobox__selection-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.v-color-picker--flat {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+.v-combobox__content {
+  overflow: hidden;
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 4px;
 }
-.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+.v-combobox__mask {
+  background: rgb(var(--v-theme-on-surface-variant));
+}
+.v-combobox__selection {
+  display: inline-flex;
+  align-items: center;
+  height: 1.5rem;
+  letter-spacing: inherit;
+  line-height: inherit;
+  max-width: 90%;
+}
+.v-combobox__selection:first-child {
+  margin-inline-start: 0;
+}
+.v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
+.v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
+.v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
+.v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
+  top: 0px;
+}
+.v-combobox--selecting-index .v-combobox__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-combobox--selecting-index .v-combobox__selection--selected {
+  opacity: 1;
+}
+.v-combobox--selecting-index .v-field__input > input {
+  caret-color: transparent;
+}
+.v-combobox--single.v-text-field input {
+  flex: 1 1;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding-inline: inherit;
+}
+.v-combobox--single .v-field--active input {
+  transition: none;
+}
+.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
+  opacity: 0;
+}
+.v-combobox--single .v-field--focused .v-combobox__selection {
+  opacity: 0;
+}
+.v-combobox__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-combobox--active-menu .v-combobox__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }.v-container {
   width: 100%;
   padding: 16px;
@@ -19755,87 +19814,6 @@ html.overflow-y-hidden {
   .offset-xxl-11 {
     margin-inline-start: 91.6666666667%;
   }
-}.v-combobox .v-field .v-text-field__prefix,
-.v-combobox .v-field .v-text-field__suffix,
-.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
-  cursor: text;
-}
-.v-combobox .v-field .v-field__input > input {
-  flex: 1 1;
-}
-.v-combobox .v-field input {
-  min-width: 64px;
-}
-.v-combobox .v-field:not(.v-field--focused) input {
-  min-width: 0;
-}
-.v-combobox .v-field--dirty .v-combobox__selection {
-  margin-inline-end: 2px;
-}
-.v-combobox .v-combobox__selection-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.v-combobox__content {
-  overflow: hidden;
-  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-  border-radius: 4px;
-}
-.v-combobox__mask {
-  background: rgb(var(--v-theme-on-surface-variant));
-}
-.v-combobox__selection {
-  display: inline-flex;
-  align-items: center;
-  height: 1.5rem;
-  letter-spacing: inherit;
-  line-height: inherit;
-  max-width: 90%;
-}
-.v-combobox__selection:first-child {
-  margin-inline-start: 0;
-}
-.v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
-.v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
-.v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
-.v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
-  top: 0px;
-}
-.v-combobox--selecting-index .v-combobox__selection {
-  opacity: var(--v-medium-emphasis-opacity);
-}
-.v-combobox--selecting-index .v-combobox__selection--selected {
-  opacity: 1;
-}
-.v-combobox--selecting-index .v-field__input > input {
-  caret-color: transparent;
-}
-.v-combobox--single.v-text-field input {
-  flex: 1 1;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: 100%;
-  padding-inline: inherit;
-}
-.v-combobox--single .v-field--active input {
-  transition: none;
-}
-.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
-  opacity: 0;
-}
-.v-combobox--single .v-field--focused .v-combobox__selection {
-  opacity: 0;
-}
-.v-combobox__menu-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-combobox--active-menu .v-combobox__menu-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
 }.v-counter {
   color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
   flex: 0 1 auto;
@@ -20221,6 +20199,35 @@ html.overflow-y-hidden {
 }
 .v-date-picker-years__content .v-btn {
   padding-inline: 8px;
+}.v-divider {
+  display: block;
+  flex: 1 1 100%;
+  height: 0px;
+  max-height: 0px;
+  opacity: var(--v-border-opacity);
+  transition: inherit;
+  border-style: solid;
+  border-width: thin 0 0 0;
+}
+.v-divider--vertical {
+  align-self: stretch;
+  border-width: 0 thin 0 0;
+  display: inline-flex;
+  height: inherit;
+  margin-left: -1px;
+  max-height: 100%;
+  max-width: 0px;
+  vertical-align: text-bottom;
+  width: 0px;
+}
+.v-divider--inset:not(.v-divider--vertical) {
+  max-width: calc(100% - 72px);
+  margin-inline-start: 72px;
+}
+.v-divider--inset.v-divider--vertical {
+  margin-bottom: 8px;
+  margin-top: 8px;
+  max-height: calc(100% - 16px);
 }.v-dialog {
   align-items: center;
   justify-content: center;
@@ -20306,35 +20313,6 @@ html.overflow-y-hidden {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   overflow-y: auto;
-}.v-divider {
-  display: block;
-  flex: 1 1 100%;
-  height: 0px;
-  max-height: 0px;
-  opacity: var(--v-border-opacity);
-  transition: inherit;
-  border-style: solid;
-  border-width: thin 0 0 0;
-}
-.v-divider--vertical {
-  align-self: stretch;
-  border-width: 0 thin 0 0;
-  display: inline-flex;
-  height: inherit;
-  margin-left: -1px;
-  max-height: 100%;
-  max-width: 0px;
-  vertical-align: text-bottom;
-  width: 0px;
-}
-.v-divider--inset:not(.v-divider--vertical) {
-  max-width: calc(100% - 72px);
-  margin-inline-start: 72px;
-}
-.v-divider--inset.v-divider--vertical {
-  margin-bottom: 8px;
-  margin-top: 8px;
-  max-height: calc(100% - 16px);
 }.v-expansion-panel {
   background-color: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21121,6 +21099,26 @@ textarea.v-field__input::placeholder {
 }
 .v-footer--rounded {
   border-radius: 4px;
+}.v-color-picker {
+  align-self: flex-start;
+  contain: content;
+}
+.v-color-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;
+}
+
+.v-color-picker__controls {
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+}
+
+.v-color-picker--flat {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }.v-icon {
   --v-icon-size-multiplier: 1;
   align-items: center;
@@ -22152,6 +22150,14 @@ textarea.v-field__input::placeholder {
   height: 100%;
   justify-content: center;
   width: 100%;
+}.v-pagination__list {
+  display: inline-flex;
+  list-style-type: none;
+  justify-content: center;
+  width: 100%;
+}
+.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
+  margin: 0.3rem;
 }.v-overlay-container {
   contain: layout;
   left: 0;
@@ -22215,20 +22221,6 @@ html.v-overlay-scroll-blocked {
 
 .v-overlay--scroll-blocked {
   padding-inline-end: var(--v-scrollbar-offset);
-}.v-pagination__list {
-  display: inline-flex;
-  list-style-type: none;
-  justify-content: center;
-  width: 100%;
-}
-.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
-  margin: 0.3rem;
-}.v-parallax {
-  position: relative;
-  overflow: hidden;
-}
-.v-parallax--active > .v-img__img {
-  will-change: transform;
 }.v-progress-circular {
   align-items: center;
   display: inline-flex;
@@ -22331,6 +22323,12 @@ html.v-overlay-scroll-blocked {
   100% {
     transform: rotate(270deg);
   }
+}.v-parallax {
+  position: relative;
+  overflow: hidden;
+}
+.v-parallax--active > .v-img__img {
+  will-change: transform;
 }.v-progress-linear {
   background: transparent;
   overflow: hidden;
@@ -23598,7 +23596,109 @@ html.v-overlay-scroll-blocked {
   top: 0;
   height: 100%;
   width: 2px;
-}.v-table {
+}.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--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;
+  opacity: 0;
+  flex: 1;
+  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
+  min-width: 0;
+}
+.v-text-field input:focus, .v-text-field input:active {
+  outline: none;
+}
+.v-text-field input:invalid {
+  box-shadow: none;
+}
+.v-text-field .v-field {
+  cursor: text;
+}
+.v-text-field--prefixed.v-text-field .v-field__input {
+  --v-field-padding-start: 6px;
+}
+
+.v-text-field--suffixed.v-text-field .v-field__input {
+  --v-field-padding-end: 0;
+}
+
+.v-text-field .v-input__details {
+  padding-inline: 16px;
+}
+.v-text-field .v-field--no-label input,
+.v-text-field .v-field--active input {
+  opacity: 1;
+}
+.v-text-field .v-field--single-line input {
+  transition: none;
+}
+
+/* endregion */
+/* region ELEMENTS */
+.v-text-field__prefix, .v-text-field__suffix {
+  align-items: center;
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  cursor: default;
+  display: flex;
+  opacity: 0;
+  transition: inherit;
+  white-space: nowrap;
+  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
+  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
+  padding-bottom: var(--v-field-padding-bottom, 6px);
+}
+.v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
+  opacity: 1;
+}
+.v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
+  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
+}
+.v-text-field__prefix {
+  padding-inline-start: var(--v-field-padding-start);
+}
+.v-text-field__suffix {
+  padding-inline-end: var(--v-field-padding-end);
+}
+
+/* endregion */.v-table {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
   transition-duration: 0.28s;
@@ -23749,108 +23849,6 @@ html.v-overlay-scroll-blocked {
 .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;
-}/* region BLOCK */
-.v-text-field input {
-  color: inherit;
-  opacity: 0;
-  flex: 1;
-  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
-  min-width: 0;
-}
-.v-text-field input:focus, .v-text-field input:active {
-  outline: none;
-}
-.v-text-field input:invalid {
-  box-shadow: none;
-}
-.v-text-field .v-field {
-  cursor: text;
-}
-.v-text-field--prefixed.v-text-field .v-field__input {
-  --v-field-padding-start: 6px;
-}
-
-.v-text-field--suffixed.v-text-field .v-field__input {
-  --v-field-padding-end: 0;
-}
-
-.v-text-field .v-input__details {
-  padding-inline: 16px;
-}
-.v-text-field .v-field--no-label input,
-.v-text-field .v-field--active input {
-  opacity: 1;
-}
-.v-text-field .v-field--single-line input {
-  transition: none;
-}
-
-/* endregion */
-/* region ELEMENTS */
-.v-text-field__prefix, .v-text-field__suffix {
-  align-items: center;
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  cursor: default;
-  display: flex;
-  opacity: 0;
-  transition: inherit;
-  white-space: nowrap;
-  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
-  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
-  padding-bottom: var(--v-field-padding-bottom, 6px);
-}
-.v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
-  opacity: 1;
-}
-.v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
-  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-}
-.v-text-field__prefix {
-  padding-inline-start: var(--v-field-padding-start);
-}
-.v-text-field__suffix {
-  padding-inline-end: var(--v-field-padding-end);
-}
-
-/* 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--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));