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

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230511.0
+* Vuetify v4.0.0-dev-20230513.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15954,169 +15954,6 @@ html.overflow-y-hidden {
   font-weight: normal;
   padding: 0.2em 0.4rem;
   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));
-}.v-data-table {
-  width: 100%;
-}
-
-.v-data-table__table {
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-}
-
-.v-data-table__tr--focus {
-  border: 1px dotted black;
-}
-.v-data-table__tr--clickable {
-  cursor: pointer;
-}
-
-.v-data-table .v-table__wrapper > table > thead > tr > td,
-.v-data-table .v-table__wrapper > table > thead > tr th,
-.v-data-table .v-table__wrapper > table tbody > tr > td,
-.v-data-table .v-table__wrapper > table tbody > tr th {
-  background: rgb(var(--v-theme-surface));
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
-  text-align: end;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
-  flex-direction: row-reverse;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
-  text-align: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
-  justify-content: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
-  padding: 0 8px;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th,
-.v-data-table .v-table__wrapper > table tbody > tr > th {
-  align-items: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
-.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
-  cursor: pointer;
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
-.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
-  opacity: 0;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
-.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
-  opacity: 0.5;
-}
-
-.v-data-table-column--fixed {
-  position: sticky;
-  z-index: 2;
-  left: 0;
-}
-
-.v-data-table-column--last-fixed {
-  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-
-.v-data-table-group-header-row td {
-  background: lightgrey;
-}
-.v-data-table-group-header-row td > span {
-  padding-left: 5px;
-}
-
-.v-data-table--loading .v-data-table__td {
-  opacity: 0.3;
-}
-
-.v-data-table__progress th {
-  position: relative;
-  border: none !important;
-  height: auto !important;
-}
-
-.v-data-table-group-header-row__column {
-  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
-}
-
-.v-data-table-header__content {
-  display: flex;
-  align-items: center;
-}
-
-.v-data-table-header__sort-badge {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 0.875rem;
-  padding: 4px;
-  border-radius: 50%;
-  background: rgba(var(--v-border-color), var(--v-border-opacity));
-  min-width: 20px;
-  min-height: 20px;
-  width: 20px;
-  height: 20px;
-}
-
-.v-data-table-headers__loader {
-  bottom: auto;
-  top: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.v-data-table-rows-no-data {
-  text-align: center;
-}.v-data-table-footer {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  padding: 0 8px;
-  justify-content: flex-end;
-}
-
-.v-data-table-footer__items-per-page {
-  padding-inline-end: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.v-data-table-footer__items-per-page > span {
-  padding-inline-end: 24px;
-}
-
-.v-data-table-footer__info {
-  display: flex;
-  padding-inline-end: 24px;
-}
-
-.v-data-table-footer__pagination {
-  display: flex;
-  align-items: center;
-}
-
-.v-data-table-footer__page {
-  padding: 0 8px;
 }.v-infinite-scroll--horizontal {
   display: flex;
   flex-direction: row;
@@ -16362,6 +16199,169 @@ html.overflow-y-hidden {
   100% {
     transform: translateX(100%);
   }
+}.v-data-table {
+  width: 100%;
+}
+
+.v-data-table__table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.v-data-table__tr--focus {
+  border: 1px dotted black;
+}
+.v-data-table__tr--clickable {
+  cursor: pointer;
+}
+
+.v-data-table .v-table__wrapper > table > thead > tr > td,
+.v-data-table .v-table__wrapper > table > thead > tr th,
+.v-data-table .v-table__wrapper > table tbody > tr > td,
+.v-data-table .v-table__wrapper > table tbody > tr th {
+  background: rgb(var(--v-theme-surface));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
+  text-align: end;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
+  flex-direction: row-reverse;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
+  text-align: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
+  justify-content: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
+  padding: 0 8px;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th,
+.v-data-table .v-table__wrapper > table tbody > tr > th {
+  align-items: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
+.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
+  cursor: pointer;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
+  opacity: 0;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
+  opacity: 0.5;
+}
+
+.v-data-table-column--fixed {
+  position: sticky;
+  z-index: 2;
+  left: 0;
+}
+
+.v-data-table-column--last-fixed {
+  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+}
+
+.v-data-table-group-header-row td {
+  background: lightgrey;
+}
+.v-data-table-group-header-row td > span {
+  padding-left: 5px;
+}
+
+.v-data-table--loading .v-data-table__td {
+  opacity: 0.3;
+}
+
+.v-data-table__progress th {
+  position: relative;
+  border: none !important;
+  height: auto !important;
+}
+
+.v-data-table-group-header-row__column {
+  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
+}
+
+.v-data-table-header__content {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-header__sort-badge {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.875rem;
+  padding: 4px;
+  border-radius: 50%;
+  background: rgba(var(--v-border-color), var(--v-border-opacity));
+  min-width: 20px;
+  min-height: 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.v-data-table-headers__loader {
+  bottom: auto;
+  top: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.v-data-table-rows-no-data {
+  text-align: center;
+}.v-data-table-footer {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0 8px;
+  justify-content: flex-end;
+}
+
+.v-data-table-footer__items-per-page {
+  padding-inline-end: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.v-data-table-footer__items-per-page > span {
+  padding-inline-end: 24px;
+}
+
+.v-data-table-footer__info {
+  display: flex;
+  padding-inline-end: 24px;
+}
+
+.v-data-table-footer__pagination {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-footer__page {
+  padding: 0 8px;
 }.v-application {
   display: flex;
   background: rgb(var(--v-theme-background));
@@ -16688,10 +16688,6 @@ html.overflow-y-hidden {
 }
 .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
   opacity: 0;
-}
-.v-autocomplete--selection-slot.v-text-field input {
-  position: relative;
-  padding-inline-start: 0;
 }.v-avatar {
   flex: none;
   align-items: center;
@@ -17522,8 +17518,6 @@ 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;
@@ -17581,6 +17575,8 @@ 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;
@@ -17941,6 +17937,7 @@ html.overflow-y-hidden {
   display: inline-flex;
   font-weight: 400;
   max-width: 100%;
+  min-width: 0;
   overflow: hidden;
   position: relative;
   text-decoration: none;
@@ -18287,6 +18284,12 @@ html.overflow-y-hidden {
   border-radius: 4px;
 }
 
+.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .v-chip__filter,
 .v-chip__prepend,
 .v-chip__append,
@@ -20940,6 +20943,22 @@ 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));
@@ -21984,9 +22003,6 @@ html.v-overlay-scroll-blocked {
 .v-switch .v-selection-control {
   min-height: var(--v-input-control-height);
 }
-.v-switch .v-selection-control__wrapper {
-  width: auto;
-}
 .v-switch .v-selection-control__input {
   border-radius: 50%;
   transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
@@ -22002,6 +22018,9 @@ html.v-overlay-scroll-blocked {
 .v-switch.v-switch--indeterminate .v-switch__thumb {
   transform: scale(0.75);
   box-shadow: none;
+}
+.v-switch.v-switch--inset .v-selection-control__wrapper {
+  width: auto;
 }.v-system-bar {
   align-items: center;
   display: flex;
@@ -23052,22 +23071,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.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-color-picker-canvas {
   display: flex;
   position: relative;