vuetify 3.1.9 → 3.1.11

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.9
+* Vuetify v3.1.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6644,6 +6644,10 @@ html.overflow-y-hidden {
   height: 100% !important;
 }
 
+.h-screen {
+  height: 100dvh !important;
+}
+
 .w-auto {
   width: auto !important;
 }
@@ -15793,6 +15797,7 @@ html.overflow-y-hidden {
   background: rgb(var(--v-theme-kbd));
   color: rgb(var(--v-theme-on-kbd));
   border-radius: 3px;
+  display: inline;
   font-size: 85%;
   font-weight: normal;
   padding: 0.2em 0.4rem;
@@ -15832,6 +15837,18 @@ html.overflow-y-hidden {
 .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,
@@ -15971,6 +15988,7 @@ html.overflow-y-hidden {
   flex: 1 1 auto;
   max-width: 100%;
   min-height: 100vh;
+  min-height: 100dvh;
   position: relative;
 }.v-app-bar {
   display: flex;
@@ -17083,13 +17101,8 @@ html.overflow-y-hidden {
   pointer-events: none;
 }
 
-.v-app-bar .v-btn {
-  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-card-actions .v-btn {
   padding: 0 8px;
-  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-card-actions .v-btn ~ .v-btn {
   margin-inline-start: 0.5rem;
@@ -18935,47 +18948,82 @@ html.overflow-y-hidden {
   flex: 0 1 auto;
   font-size: 12px;
   transition-duration: 150ms;
-}.v-dialog {
-  align-items: center;
-  justify-content: center;
-  margin: 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-dialog .v-overlay__content {
-  max-height: calc(100% - 48px);
-  width: calc(100% - 48px);
-  max-width: calc(100% - 48px);
+.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 {
   margin: 24px;
+  margin-inline-end: 24px;
+}
+.v-dialog.v-overlay--scroll-blocked {
+  margin-inline-end: calc(24px + var(--v-scrollbar-offset));
+}
+.v-dialog > .v-overlay__content {
+  max-height: 100%;
+  width: 100%;
+  max-width: 100%;
   display: flex;
   flex-direction: column;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
-.v-dialog .v-overlay__content > .v-card,
-.v-dialog .v-overlay__content > .v-sheet {
+.v-dialog > .v-overlay__content > .v-card,
+.v-dialog > .v-overlay__content > .v-sheet {
   --v-scrollbar-offset: 0px;
   border-radius: 4px;
   overflow-y: auto;
   box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
-.v-dialog .v-overlay__content > .v-card {
+.v-dialog > .v-overlay__content > .v-card {
   display: flex;
   flex-direction: column;
 }
-.v-dialog .v-overlay__content > .v-card > .v-card-item {
+.v-dialog > .v-overlay__content > .v-card > .v-card-item {
   padding: 14px 24px 0;
 }
-.v-dialog .v-overlay__content > .v-card > .v-card-item + .v-card-text {
+.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
   padding-top: 10px;
 }
-.v-dialog .v-overlay__content > .v-card > .v-card-text {
+.v-dialog > .v-overlay__content > .v-card > .v-card-text {
   font-size: inherit;
   letter-spacing: 0.03125em;
   line-height: inherit;
   padding: 16px 24px 10px;
 }
 
-.v-dialog--fullscreen {
+.v-dialog.v-dialog--fullscreen {
+  margin: 0;
+  margin-inline-end: 0;
   --v-scrollbar-offset: 0px;
 }
-.v-dialog--fullscreen .v-overlay__content {
+.v-dialog.v-dialog--fullscreen > .v-overlay__content {
   border-radius: 0;
   margin: 0;
   padding: 0;
@@ -18986,60 +19034,32 @@ html.overflow-y-hidden {
   overflow-y: auto;
   top: 0;
   left: 0;
+  transform: none;
 }
-.v-dialog--fullscreen .v-overlay__content > .v-card,
-.v-dialog--fullscreen .v-overlay__content > .v-sheet {
+.v-dialog.v-dialog--fullscreen > .v-overlay__content > .v-card,
+.v-dialog.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
   min-height: 100%;
   min-width: 100%;
   border-radius: 0;
 }
 
-.v-dialog--scrollable .v-overlay__content,
-.v-dialog--scrollable .v-overlay__content > form {
+.v-dialog--scrollable > .v-overlay__content,
+.v-dialog--scrollable > .v-overlay__content > form {
   display: flex;
 }
-.v-dialog--scrollable .v-overlay__content > .v-card,
-.v-dialog--scrollable .v-overlay__content > form > .v-card {
+.v-dialog--scrollable > .v-overlay__content > .v-card,
+.v-dialog--scrollable > .v-overlay__content > form > .v-card {
   display: flex;
   flex: 1 1 100%;
   flex-direction: column;
   max-height: 100%;
   max-width: 100%;
 }
-.v-dialog--scrollable .v-overlay__content > .v-card > .v-card-text,
-.v-dialog--scrollable .v-overlay__content > form > .v-card > .v-card-text {
+.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
+.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
   -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));
@@ -20459,14 +20479,14 @@ textarea.v-field__input::placeholder {
   --v-layout-right: 0px;
   --v-layout-top: 0px;
   --v-layout-bottom: 0px;
-}.v-menu .v-overlay__content {
+}.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 {
+.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;
@@ -20624,7 +20644,7 @@ html.v-overlay-scroll-blocked {
   border-radius: inherit;
   bottom: 0;
   left: 0;
-  opacity: 32%;
+  opacity: 0.32;
   position: fixed;
   right: 0;
   top: 0;
@@ -20639,7 +20659,7 @@ html.v-overlay-scroll-blocked {
 }
 
 .v-overlay--scroll-blocked {
-  padding-inline-end: var(--v-scrollbar-offset);
+  margin-inline-end: var(--v-scrollbar-offset);
 }.v-pagination__list {
   display: inline-flex;
   list-style-type: none;
@@ -21456,6 +21476,81 @@ html.v-overlay-scroll-blocked {
 }
 .v-snackbar-transition-leave-to {
   opacity: 0;
+}.v-switch .v-label {
+  padding-inline-start: 10px;
+}
+
+.v-switch__loader {
+  display: flex;
+}
+
+.v-switch__track,
+.v-switch__thumb {
+  background-color: currentColor;
+  transition: none;
+}
+.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
+.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
+  background-color: rgb(var(--v-theme-error));
+}
+
+.v-switch__track {
+  border-radius: 8px;
+  height: 14px;
+  opacity: 0.6;
+  width: 36px;
+  cursor: pointer;
+}
+.v-switch--inset .v-switch__track {
+  border-radius: 14px;
+  height: 28px;
+  width: 48px;
+}
+
+.v-switch__thumb {
+  align-items: center;
+  border-radius: 50%;
+  color: rgb(var(--v-theme-surface));
+  display: flex;
+  height: 20px;
+  justify-content: center;
+  width: 20px;
+  pointer-events: none;
+  transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
+  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-switch--inset .v-switch__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-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
+  display: none;
+}
+
+.v-switch--loading .v-selection-control__input > .v-icon {
+  display: none;
+}
+
+.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);
+  transform: translateX(-10px);
+  position: absolute;
+}
+.v-switch .v-selection-control--dirty .v-selection-control__input {
+  transform: translateX(10px);
+}
+.v-switch.v-switch--indeterminate .v-selection-control__input {
+  transform: scale(0.8);
+}
+.v-switch.v-switch--indeterminate .v-switch__thumb {
+  transform: scale(0.75);
+  box-shadow: none;
 }.v-system-bar {
   align-items: center;
   display: flex;
@@ -21825,7 +21920,10 @@ html.v-overlay-scroll-blocked {
   padding: 0;
 }
 
-/* endregion */.v-timeline .v-timeline-divider__dot {
+/* endregion */.v-theme-provider {
+  background: rgb(var(--v-theme-background));
+  color: rgb(var(--v-theme-on-background));
+}.v-timeline .v-timeline-divider__dot {
   background: rgb(var(--v-theme-on-surface-variant));
 }
 .v-timeline .v-timeline-divider__inner-dot {
@@ -22400,7 +22498,7 @@ html.v-overlay-scroll-blocked {
 }
 .v-toolbar-items > .v-btn {
   border-radius: 0;
-}.v-tooltip .v-overlay__content {
+}.v-tooltip > .v-overlay__content {
   background: rgba(var(--v-theme-surface-variant), 0.7);
   color: rgb(var(--v-theme-on-surface-variant));
   border-radius: 4px;
@@ -22414,11 +22512,11 @@ html.v-overlay-scroll-blocked {
   pointer-events: none;
   transition-property: opacity, transform;
 }
-.v-tooltip .v-overlay__content[class*=enter-active] {
+.v-tooltip > .v-overlay__content[class*=enter-active] {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.v-tooltip .v-overlay__content[class*=leave-active] {
+.v-tooltip > .v-overlay__content[class*=leave-active] {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   transition-duration: 75ms;
 }.v-window {
@@ -22490,84 +22588,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-theme-provider {
-  background: rgb(var(--v-theme-background));
-  color: rgb(var(--v-theme-on-background));
-}.v-switch .v-label {
-  padding-inline-start: 10px;
-}
-
-.v-switch__loader {
-  display: flex;
-}
-
-.v-switch__track,
-.v-switch__thumb {
-  background-color: currentColor;
-  transition: none;
-}
-.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
-.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
-  background-color: rgb(var(--v-theme-error));
-}
-
-.v-switch__track {
-  border-radius: 8px;
-  height: 14px;
-  opacity: 0.6;
-  width: 36px;
-  cursor: pointer;
-}
-.v-switch--inset .v-switch__track {
-  border-radius: 14px;
-  height: 28px;
-  width: 48px;
-}
-
-.v-switch__thumb {
-  align-items: center;
-  border-radius: 50%;
-  color: rgb(var(--v-theme-surface));
-  display: flex;
-  height: 20px;
-  justify-content: center;
-  width: 20px;
-  pointer-events: none;
-  transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
-  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-switch--inset .v-switch__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-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
-  display: none;
-}
-
-.v-switch--loading .v-selection-control__input > .v-icon {
-  display: none;
-}
-
-.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);
-  transform: translateX(-10px);
-  position: absolute;
-}
-.v-switch .v-selection-control--dirty .v-selection-control__input {
-  transform: translateX(10px);
-}
-.v-switch.v-switch--indeterminate .v-selection-control__input {
-  transform: scale(0.8);
-}
-.v-switch.v-switch--indeterminate .v-switch__thumb {
-  transform: scale(0.75);
-  box-shadow: none;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;