@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-26

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.0-alpha.1-dev.2023-10-21
+* Vuetify v3.4.0-alpha.1-dev.2023-10-26
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16997,18 +16997,6 @@ html.overflow-y-hidden {
   min-height: 100vh;
   min-height: 100dvh;
   position: relative;
-}.v-app-bar {
-  display: flex;
-}
-.v-app-bar.v-toolbar {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
-  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));
-}
-.v-app-bar:not(.v-toolbar--absolute) {
-  padding-inline-end: var(--v-scrollbar-offset);
 }.v-alert {
   display: grid;
   flex: 1 1;
@@ -17670,6 +17658,38 @@ html.overflow-y-hidden {
 }
 .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
   transform: translateY(0.5rem);
+}.bottom-sheet-transition-enter-from {
+  transform: translateY(100%);
+}
+.bottom-sheet-transition-leave-to {
+  transform: translateY(100%);
+}
+
+.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
+  align-self: flex-end;
+  border-radius: 0;
+  flex: 0 1 auto;
+  left: 0;
+  right: 0;
+  margin-inline: 0;
+  margin-bottom: 0;
+  transition-duration: 0.2s;
+  width: 100%;
+  max-width: 100%;
+  overflow: visible;
+  box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
+.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
+  border-radius: 0;
+}
+.v-bottom-sheet.v-bottom-sheet--inset {
+  max-width: none;
+}
+@media (min-width: 600px) {
+  .v-bottom-sheet.v-bottom-sheet--inset {
+    max-width: 70%;
+  }
 }.v-breadcrumbs {
   display: flex;
   align-items: center;
@@ -20912,6 +20932,18 @@ textarea.v-field__input::placeholder {
 
 .v-layout-item--absolute {
   position: absolute;
+}.v-app-bar {
+  display: flex;
+}
+.v-app-bar.v-toolbar {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
+  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));
+}
+.v-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -21601,6 +21633,7 @@ textarea.v-field__input::placeholder {
 
 .v-navigation-drawer__prepend,
 .v-navigation-drawer__append {
+  flex: none;
   overflow: hidden;
 }.v-overlay-container {
   contain: layout;
@@ -22325,6 +22358,229 @@ html.v-overlay-scroll-blocked {
 }
 .v-sheet--rounded {
   border-radius: 4px;
+}.v-skeleton-loader {
+  align-items: center;
+  background: rgb(var(--v-theme-surface));
+  border-radius: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  vertical-align: top;
+}
+.v-skeleton-loader__actions {
+  justify-content: end;
+}
+.v-skeleton-loader .v-skeleton-loader__ossein {
+  height: 100%;
+}
+.v-skeleton-loader .v-skeleton-loader__avatar,
+.v-skeleton-loader .v-skeleton-loader__button,
+.v-skeleton-loader .v-skeleton-loader__chip,
+.v-skeleton-loader .v-skeleton-loader__divider,
+.v-skeleton-loader .v-skeleton-loader__heading,
+.v-skeleton-loader .v-skeleton-loader__image,
+.v-skeleton-loader .v-skeleton-loader__ossein,
+.v-skeleton-loader .v-skeleton-loader__text {
+  background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
+}
+.v-skeleton-loader .v-skeleton-loader__list-item,
+.v-skeleton-loader .v-skeleton-loader__list-item-avatar,
+.v-skeleton-loader .v-skeleton-loader__list-item-text,
+.v-skeleton-loader .v-skeleton-loader__list-item-two-line,
+.v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
+.v-skeleton-loader .v-skeleton-loader__list-item-three-line,
+.v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
+  border-radius: 4px;
+}
+.v-skeleton-loader__bone {
+  align-items: center;
+  border-radius: inherit;
+  display: flex;
+  flex: 1 1 100%;
+  flex-wrap: wrap;
+  overflow: hidden;
+  position: relative;
+}
+.v-skeleton-loader__bone::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  animation: loading 1.5s infinite;
+  background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
+  transform: translateX(-100%);
+  z-index: 1;
+}
+.v-skeleton-loader__avatar {
+  border-radius: 50%;
+  flex: 0 1 auto;
+  margin: 8px 16px;
+  max-height: 48px;
+  min-height: 48px;
+  height: 48px;
+  max-width: 48px;
+  min-width: 48px;
+  width: 48px;
+}
+.v-skeleton-loader__avatar + .v-skeleton-loader__bone {
+  flex: 1 1 auto;
+  margin-inline-start: 0;
+}
+.v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
+.v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
+  margin-inline-start: 0;
+}
+.v-skeleton-loader__button {
+  border-radius: 4px;
+  height: 36px;
+  margin: 16px;
+  max-width: 64px;
+}
+.v-skeleton-loader__button + .v-skeleton-loader__bone {
+  flex: 1 1 auto;
+  margin-inline-start: 0;
+}
+.v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
+.v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
+  margin-inline-start: 0;
+}
+.v-skeleton-loader__chip {
+  border-radius: 16px;
+  margin: 16px;
+  height: 32px;
+  max-width: 96px;
+}
+.v-skeleton-loader__chip + .v-skeleton-loader__bone {
+  flex: 1 1 auto;
+  margin-inline-start: 0;
+}
+.v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
+.v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
+  margin-inline-start: 0;
+}
+.v-skeleton-loader__date-picker {
+  border-radius: inherit;
+}
+.v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
+  max-width: 88px;
+  width: 20%;
+}
+.v-skeleton-loader__date-picker .v-skeleton-loader__heading {
+  max-width: 256px;
+  width: 40%;
+}
+.v-skeleton-loader__date-picker-days {
+  flex-wrap: wrap;
+  margin: 16px;
+}
+.v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
+  border-radius: 4px;
+  margin: 4px;
+  max-width: 100%;
+}
+.v-skeleton-loader__date-picker-options {
+  flex-wrap: nowrap;
+}
+.v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
+  flex: 1 1 auto;
+}
+.v-skeleton-loader__divider {
+  border-radius: 1px;
+  height: 2px;
+}
+.v-skeleton-loader__heading {
+  border-radius: 12px;
+  margin: 16px;
+  height: 24px;
+}
+.v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
+  margin-top: -16px;
+}
+.v-skeleton-loader__image {
+  height: 150px;
+  border-radius: 0;
+}
+.v-skeleton-loader__card .v-skeleton-loader__image {
+  border-radius: 0;
+}
+.v-skeleton-loader__list-item {
+  margin: 16px;
+}
+.v-skeleton-loader__list-item .v-skeleton-loader__text {
+  margin: 0;
+}
+.v-skeleton-loader__table-thead {
+  justify-content: space-between;
+}
+.v-skeleton-loader__table-thead .v-skeleton-loader__heading {
+  margin-top: 16px;
+  max-width: 16px;
+}
+.v-skeleton-loader__table-tfoot {
+  flex-wrap: nowrap;
+}
+.v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
+  margin-top: 16px;
+}
+.v-skeleton-loader__table-row {
+  align-items: baseline;
+  margin: 0 8px;
+  justify-content: space-evenly;
+  flex-wrap: nowrap;
+}
+.v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
+  margin-inline: 8px;
+}
+.v-skeleton-loader__table-row + .v-skeleton-loader__divider {
+  margin: 0 16px;
+}
+.v-skeleton-loader__table-cell {
+  align-items: center;
+  display: flex;
+  height: 48px;
+  width: 88px;
+}
+.v-skeleton-loader__table-cell .v-skeleton-loader__text {
+  margin-bottom: 0;
+}
+.v-skeleton-loader__subtitle {
+  max-width: 70%;
+}
+.v-skeleton-loader__subtitle > .v-skeleton-loader__text {
+  height: 16px;
+  border-radius: 8px;
+}
+.v-skeleton-loader__text {
+  border-radius: 6px;
+  margin: 16px;
+  height: 12px;
+}
+.v-skeleton-loader__text + .v-skeleton-loader__text {
+  margin-top: -8px;
+  max-width: 50%;
+}
+.v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
+  max-width: 70%;
+}
+.v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
+  display: none;
+}
+.v-skeleton-loader--is-loading {
+  overflow: hidden;
+}
+.v-skeleton-loader--tile {
+  border-radius: 0;
+}
+.v-skeleton-loader--tile .v-skeleton-loader__bone {
+  border-radius: 0;
+}
+
+@keyframes loading {
+  100% {
+    transform: translateX(100%);
+  }
 }.v-slide-group {
   display: flex;
   overflow: hidden;
@@ -22486,6 +22742,122 @@ html.v-overlay-scroll-blocked {
 }
 .v-snackbar-transition-leave-to {
   opacity: 0;
+}.v-stepper.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;
+  overflow: hidden;
+}
+.v-stepper.v-sheet.v-stepper--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-stepper-header {
+  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));
+  align-items: center;
+  display: flex;
+  position: relative;
+  overflow-x: auto;
+  justify-content: space-between;
+  z-index: 1;
+}
+.v-stepper-header .v-divider {
+  margin: 0 -16px;
+}
+.v-stepper-header .v-divider:last-child {
+  margin-inline-end: 0;
+}
+.v-stepper-header .v-divider:first-child {
+  margin-inline-start: 0;
+}
+.v-stepper--alt-labels .v-stepper-header {
+  height: auto;
+}
+.v-stepper--alt-labels .v-stepper-header .v-divider {
+  align-self: flex-start;
+  margin: 35px -67px 0;
+}
+
+.v-stepper-window {
+  margin: 1.5rem;
+}
+
+.v-stepper-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem;
+}
+.v-stepper .v-stepper-actions {
+  padding: 0 1.5rem 1rem;
+}
+.v-stepper-window-item .v-stepper-actions {
+  padding: 1.5rem 0 0;
+}.v-stepper-item {
+  align-items: center;
+  align-self: stretch;
+  display: inline-flex;
+  flex: none;
+  opacity: var(--v-medium-emphasis-opacity);
+  padding: 1.5rem;
+  transition-duration: 0.2s;
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-stepper-item--selected {
+  opacity: 1;
+}
+.v-stepper-item--error {
+  color: rgb(var(--v-theme-error));
+}
+.v-stepper-item--disabled {
+  opacity: var(--v-medium-emphasis-opacity);
+  pointer-events: none;
+}
+.v-stepper--alt-labels .v-stepper-item {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  flex-basis: 175px;
+}
+
+.v-stepper-item__avatar.v-avatar {
+  background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
+  color: rgb(var(--v-theme-on-surface-variant));
+  font-size: 0.75rem;
+  margin-inline-end: 8px;
+}
+.v-stepper-item__avatar.v-avatar .v-icon {
+  font-size: 0.875rem;
+}
+.v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
+  background: rgb(var(--v-theme-surface-variant));
+}
+.v-stepper-item--error .v-stepper-item__avatar.v-avatar {
+  background: rgb(var(--v-theme-error));
+}
+.v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
+  margin-bottom: 16px;
+  margin-inline-end: 0;
+}
+
+.v-stepper-item__title {
+  line-height: 1;
+}
+.v-stepper--mobile .v-stepper-item__title {
+  display: none;
+}
+
+.v-stepper-item__subtitle {
+  font-size: 0.75rem;
+  text-align: left;
+  line-height: 1;
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-stepper--alt-labels .v-stepper-item__subtitle {
+  text-align: center;
+}
+.v-stepper--mobile .v-stepper-item__subtitle {
+  display: none;
 }.v-switch .v-label {
   padding-inline-start: 10px;
 }