vuetify 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/json/importMap.json

@@ -12,22 +12,6 @@
       "from": "components/VForm/index.mjs",
       "styles": []
     },
-    "VContainer": {
-      "from": "components/VGrid/index.mjs",
-      "styles": []
-    },
-    "VCol": {
-      "from": "components/VGrid/index.mjs",
-      "styles": []
-    },
-    "VRow": {
-      "from": "components/VGrid/index.mjs",
-      "styles": []
-    },
-    "VSpacer": {
-      "from": "components/VGrid/index.mjs",
-      "styles": []
-    },
     "VHover": {
       "from": "components/VHover/index.mjs",
       "styles": []
@@ -68,6 +52,22 @@
       "from": "components/VResponsive/index.mjs",
       "styles": []
     },
+    "VContainer": {
+      "from": "components/VGrid/index.mjs",
+      "styles": []
+    },
+    "VCol": {
+      "from": "components/VGrid/index.mjs",
+      "styles": []
+    },
+    "VRow": {
+      "from": "components/VGrid/index.mjs",
+      "styles": []
+    },
+    "VSpacer": {
+      "from": "components/VGrid/index.mjs",
+      "styles": []
+    },
     "VThemeProvider": {
       "from": "components/VThemeProvider/index.mjs",
       "styles": []
@@ -136,10 +136,6 @@
       "from": "components/transitions/index.mjs",
       "styles": []
     },
-    "VDialogTransition": {
-      "from": "components/transitions/index.mjs",
-      "styles": []
-    },
     "VAppBar": {
       "from": "components/VAppBar/index.mjs",
       "styles": []
@@ -264,14 +260,14 @@
       "from": "components/VCode/index.mjs",
       "styles": []
     },
-    "VCombobox": {
-      "from": "components/VCombobox/index.mjs",
-      "styles": []
-    },
     "VColorPicker": {
       "from": "components/VColorPicker/index.mjs",
       "styles": []
     },
+    "VCombobox": {
+      "from": "components/VCombobox/index.mjs",
+      "styles": []
+    },
     "VCounter": {
       "from": "components/VCounter/index.mjs",
       "styles": []
@@ -336,14 +332,14 @@
       "from": "components/VIcon/index.mjs",
       "styles": []
     },
-    "VInput": {
-      "from": "components/VInput/index.mjs",
-      "styles": []
-    },
     "VImg": {
       "from": "components/VImg/index.mjs",
       "styles": []
     },
+    "VInput": {
+      "from": "components/VInput/index.mjs",
+      "styles": []
+    },
     "VItemGroup": {
       "from": "components/VItemGroup/index.mjs",
       "styles": []
@@ -400,6 +396,10 @@
       "from": "components/VMain/index.mjs",
       "styles": []
     },
+    "VMenu": {
+      "from": "components/VMenu/index.mjs",
+      "styles": []
+    },
     "VMessages": {
       "from": "components/VMessages/index.mjs",
       "styles": []
@@ -444,6 +444,10 @@
       "from": "components/VSelectionControlGroup/index.mjs",
       "styles": []
     },
+    "VSheet": {
+      "from": "components/VSheet/index.mjs",
+      "styles": []
+    },
     "VSlideGroup": {
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
@@ -468,10 +472,6 @@
       "from": "components/VSystemBar/index.mjs",
       "styles": []
     },
-    "VTextarea": {
-      "from": "components/VTextarea/index.mjs",
-      "styles": []
-    },
     "VTabs": {
       "from": "components/VTabs/index.mjs",
       "styles": []
@@ -484,10 +484,22 @@
       "from": "components/VTable/index.mjs",
       "styles": []
     },
+    "VTextarea": {
+      "from": "components/VTextarea/index.mjs",
+      "styles": []
+    },
     "VTextField": {
       "from": "components/VTextField/index.mjs",
       "styles": []
     },
+    "VTimeline": {
+      "from": "components/VTimeline/index.mjs",
+      "styles": []
+    },
+    "VTimelineItem": {
+      "from": "components/VTimeline/index.mjs",
+      "styles": []
+    },
     "VToolbar": {
       "from": "components/VToolbar/index.mjs",
       "styles": []
@@ -500,14 +512,6 @@
       "from": "components/VToolbar/index.mjs",
       "styles": []
     },
-    "VTimeline": {
-      "from": "components/VTimeline/index.mjs",
-      "styles": []
-    },
-    "VTimelineItem": {
-      "from": "components/VTimeline/index.mjs",
-      "styles": []
-    },
     "VTooltip": {
       "from": "components/VTooltip/index.mjs",
       "styles": []
@@ -519,14 +523,6 @@
     "VWindowItem": {
       "from": "components/VWindow/index.mjs",
       "styles": []
-    },
-    "VSheet": {
-      "from": "components/VSheet/index.mjs",
-      "styles": []
-    },
-    "VMenu": {
-      "from": "components/VMenu/index.mjs",
-      "styles": []
     }
   },
   "directives": [

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.0-beta.12
+* Vuetify v3.0.0-beta.14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6484,6 +6484,10 @@ html.overflow-y-hidden {
   font-style: italic !important;
 }
 
+.text-mono {
+  font-family: monospace !important;
+}
+
 .position-static {
   position: static !important;
 }
@@ -18656,7 +18660,19 @@ html.overflow-y-hidden {
   text-transform: none;
   word-break: normal;
   word-wrap: break-word;
-}.v-autocomplete .v-field .v-text-field__prefix,
+}.v-input--density-default {
+  --autocomplete-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --autocomplete-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --autocomplete-chips-margin-bottom: 4px;
+}
+
+.v-autocomplete .v-field .v-text-field__prefix,
 .v-autocomplete .v-field .v-text-field__suffix,
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
   cursor: text;
@@ -18701,6 +18717,7 @@ html.overflow-y-hidden {
 }
 .v-autocomplete--chips .v-autocomplete__selection {
   margin-top: 2px;
+  margin-bottom: var(--autocomplete-chips-margin-bottom);
 }
 .v-autocomplete--chips .v-autocomplete__selection:first-child {
   margin-inline-start: 0;
@@ -18720,8 +18737,12 @@ html.overflow-y-hidden {
 .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
   opacity: 0;
 }
-.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
+.v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
   opacity: 0;
+}
+.v-autocomplete--selection-slot.v-text-field input {
+  position: relative;
+  padding-inline-start: 0;
 }.v-avatar {
   flex: none;
   align-items: center;
@@ -20362,7 +20383,19 @@ html.overflow-y-hidden {
 }
 .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 .v-field .v-text-field__prefix,
+}.v-input--density-default {
+  --combobox-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --combobox-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --combobox-chips-margin-bottom: 4px;
+}
+
+.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;
@@ -20407,6 +20440,7 @@ html.overflow-y-hidden {
 }
 .v-combobox--chips .v-combobox__selection {
   margin-top: 2px;
+  margin-bottom: var(--combobox-chips-margin-bottom);
 }
 .v-combobox--chips .v-combobox__selection:first-child {
   margin-inline-start: 0;
@@ -21745,13 +21779,6 @@ html.overflow-y-hidden {
 }
 .v-expansion-panels--variant-inset > .v-expansion-panel--active {
   max-width: calc(100% - 32px);
-}.v-file-input input[type=file] {
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
 }/* region INPUT */
 .v-field {
   display: grid;
@@ -21973,7 +22000,7 @@ textarea.v-field__input::placeholder {
 .v-field--active .v-label.v-field-label {
   visibility: hidden;
 }
-.v-field--disabled .v-label.v-field-label, .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
+.v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
   opacity: 1;
 }
 .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
@@ -22183,7 +22210,30 @@ textarea.v-field__input::placeholder {
   opacity: 0;
 }
 
-/* endregion */.v-footer {
+/* endregion */.v-input--density-default {
+  --file-input-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --file-input-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --file-input-chips-margin-bottom: 4px;
+}
+
+.v-file-input input[type=file] {
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.v-file-input .v-chip {
+  margin-top: 2px;
+  margin-bottom: var(--file-input-chips-margin-bottom);
+}.v-footer {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
@@ -23598,7 +23648,19 @@ html.v-overlay-scroll-blocked {
   flex: 1 0 0px;
   transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   pointer-events: none;
-}.v-select .v-field .v-text-field__prefix,
+}.v-input--density-default {
+  --select-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --select-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --select-chips-margin-bottom: 4px;
+}
+
+.v-select .v-field .v-text-field__prefix,
 .v-select .v-field .v-text-field__suffix,
 .v-select .v-field .v-field__input, .v-select .v-field.v-field {
   cursor: pointer;
@@ -23641,6 +23703,7 @@ html.v-overlay-scroll-blocked {
 }
 .v-select--chips .v-select__selection {
   margin-top: 2px;
+  margin-bottom: var(--select-chips-margin-bottom);
 }
 .v-select--chips .v-select__selection:first-child {
   margin-inline-start: 0;
@@ -23752,6 +23815,7 @@ html.v-overlay-scroll-blocked {
 }
 .v-selection-control-group--inline {
   flex-direction: row;
+  flex-wrap: wrap;
 }.v-sheet {
   display: block;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24155,13 +24219,13 @@ html.v-overlay-scroll-blocked {
 .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) th {
   border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
 }
-.v-table .v-table__wrapper > table > tbody > tr:hover {
-  background: rgba(var(--v-border-color), var(--v-hover-opacity));
-}
 .v-table .v-table__wrapper > table > tfoot > tr td,
 .v-table .v-table__wrapper > table > tfoot > tr th {
   border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
 }
+.v-table.v-table--hover > table > tbody > tr:hover {
+  background: rgba(var(--v-border-color), var(--v-hover-opacity));
+}
 .v-table.v-table--fixed-header thead th {
   background: rgb(var(--v-theme-surface));
   box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
@@ -25062,6 +25126,26 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
+}.v-color-picker-canvas {
+  position: relative;
+  overflow: hidden;
+  contain: strict;
+}
+.v-color-picker-canvas__dot {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 15px;
+  height: 15px;
+  background: transparent;
+  border-radius: 50%;
+  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+}
+.v-color-picker-canvas__dot--disabled {
+  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+}
+.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
+  will-change: transform;
 }.v-color-picker-edit {
   display: flex;
 }
@@ -25092,26 +25176,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-edit__input span {
   font-size: 0.75rem;
-}.v-color-picker-canvas {
-  position: relative;
-  overflow: hidden;
-  contain: strict;
-}
-.v-color-picker-canvas__dot {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 15px;
-  height: 15px;
-  background: transparent;
-  border-radius: 50%;
-  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
-}
-.v-color-picker-canvas__dot--disabled {
-  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
-}
-.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
-  will-change: transform;
 }.v-color-picker-preview__alpha .v-slider-track__background {
   background-color: transparent !important;
 }
@@ -25406,16 +25470,16 @@ html.v-overlay-scroll-blocked {
   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-child .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick:first-child .v-slider-track__tick-label {
+.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-child .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick:first-child .v-slider-track__tick-label {
+.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-child .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick:last-child .v-slider-track__tick-label {
+.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-child .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick:last-child .v-slider-track__tick-label {
+.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;
 }
 
@@ -25445,33 +25509,33 @@ html.v-overlay-scroll-blocked {
 .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:first-child {
+.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-child .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick:first-child .v-slider-track__tick-label {
+.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-child .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick:first-child .v-slider-track__tick-label {
+.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-child {
+.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-child .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick:last-child .v-slider-track__tick-label {
+.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-child .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick:last-child .v-slider-track__tick-label {
+.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--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--vertical .v-slider-track {
   height: 100%;
@@ -25496,7 +25560,7 @@ html.v-overlay-scroll-blocked {
 .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:last-child {
+.v-slider.v-input--vertical .v-slider-track__tick--last {
   bottom: calc(0% + var(--v-slider-tick-size) + 1px);
 }
 .v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {