@vuetify/nightly 3.3.0-pr-17265.2b14e54 → 3.3.0-pr-17412.7cba3db

package/CHANGELOG.md

@@ -1,13 +1,13 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.0-pr-17265.2b14e54...v) (2023-05-21)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.0-pr-17412.7cba3db...v) (2023-05-21)
 
 
 
-# [3.3.0-pr-17265.2b14e54](https://github.com/vuetifyjs/vuetify/compare/v3.3.0...v3.3.0-pr-17265.2b14e54) (2023-05-21)
+# [3.3.0-pr-17412.7cba3db](https://github.com/vuetifyjs/vuetify/compare/v3.3.0...v3.3.0-pr-17412.7cba3db) (2023-05-21)
 
 
-### Features
+### Bug Fixes
 
-* **VSelect:** implement virtual scrolling ([acd6aae](https://github.com/vuetifyjs/vuetify/commit/acd6aae5e23764423d3f6df846056aa5318a34d5))
+* **types:** add exports entry for moduleResolution=bundler ([89ac54c](https://github.com/vuetifyjs/vuetify/commit/89ac54c93f55ada86ac1a5bb002b3a6b8871d792))
 
 
 

package/dist/json/attributes.json

@@ -8519,10 +8519,6 @@
     "type": "unknown[]\n",
     "description": "The array of items to display"
   },
-  "v-virtual-scroll/inline": {
-    "type": "boolean\n",
-    "description": "MISSING DESCRIPTION"
-  },
   "v-virtual-scroll/item-height": {
     "type": "string | number\n",
     "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size."

package/dist/json/tags.json

@@ -2822,7 +2822,6 @@
   "v-virtual-scroll": {
     "attributes": [
       "height",
-      "inline",
       "item-height",
       "items",
       "max-height",

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.0-pr-17265.2b14e54",
+  "version": "3.3.0-pr-17412.7cba3db",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -33658,16 +33658,6 @@
                 "type": "unknown[]\n"
               }
             },
-            {
-              "name": "inline",
-              "description": "MISSING DESCRIPTION",
-              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean\n"
-              }
-            },
             {
               "name": "itemHeight",
               "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size.",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.0-pr-17265.2b14e54
+* Vuetify v3.3.0-pr-17412.7cba3db
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16632,26 +16632,11 @@ html.overflow-y-hidden {
   text-transform: none;
   word-break: normal;
   word-wrap: break-word;
-}.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__prefix,
 .v-autocomplete .v-field .v-text-field__suffix,
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
   cursor: text;
 }
-.v-autocomplete .v-field--variant-outlined {
-  --autocomplete-chips-margin-bottom: 2px;
-}
 .v-autocomplete .v-field .v-field__input > input {
   align-self: flex-start;
   flex: 1 1;
@@ -16682,12 +16667,9 @@ html.overflow-y-hidden {
   line-height: inherit;
   max-width: 100%;
 }
-.v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
-  min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
-}
 .v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
-  margin-top: 2px;
-  margin-bottom: var(--autocomplete-chips-margin-bottom);
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
 .v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
   margin-inline-start: 0;
@@ -16726,77 +16708,6 @@ html.overflow-y-hidden {
 .v-autocomplete--active-menu .v-autocomplete__menu-icon {
   opacity: var(--v-high-emphasis-opacity);
   transform: rotate(180deg);
-}.v-badge {
-  display: inline-block;
-  line-height: 1;
-}
-
-.v-badge__badge {
-  align-items: center;
-  display: inline-flex;
-  border-radius: 10px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  height: 1.25rem;
-  justify-content: center;
-  min-width: 20px;
-  padding: 4px 6px;
-  pointer-events: auto;
-  position: absolute;
-  text-align: center;
-  text-indent: 0;
-  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
-  white-space: nowrap;
-  background: rgb(var(--v-theme-surface-variant));
-  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
-}
-.v-badge--bordered .v-badge__badge::after {
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 2px;
-  bottom: 0;
-  color: rgb(var(--v-theme-background));
-  content: "";
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transform: scale(1.2);
-}
-.v-badge--dot .v-badge__badge {
-  border-radius: 4.5px;
-  height: 9px;
-  min-width: 0;
-  padding: 0;
-  width: 9px;
-}
-.v-badge--dot .v-badge__badge::after {
-  border-width: 1.5px;
-}
-.v-badge--inline .v-badge__badge {
-  position: relative;
-  vertical-align: middle;
-}
-.v-badge__badge .v-icon {
-  color: inherit;
-  font-size: 0.75rem;
-  margin: 0 -2px;
-}
-.v-badge__badge img,
-.v-badge__badge .v-img {
-  height: 100%;
-  width: 100%;
-}
-
-.v-badge__wrapper {
-  display: flex;
-  position: relative;
-}
-.v-badge--inline .v-badge__wrapper {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  margin: 0 4px;
 }.v-avatar {
   flex: none;
   align-items: center;
@@ -16884,6 +16795,77 @@ html.overflow-y-hidden {
 .v-avatar .v-img {
   height: 100%;
   width: 100%;
+}.v-badge {
+  display: inline-block;
+  line-height: 1;
+}
+
+.v-badge__badge {
+  align-items: center;
+  display: inline-flex;
+  border-radius: 10px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  height: 1.25rem;
+  justify-content: center;
+  min-width: 20px;
+  padding: 4px 6px;
+  pointer-events: auto;
+  position: absolute;
+  text-align: center;
+  text-indent: 0;
+  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
+  white-space: nowrap;
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
+}
+.v-badge--bordered .v-badge__badge::after {
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 2px;
+  bottom: 0;
+  color: rgb(var(--v-theme-background));
+  content: "";
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: scale(1.2);
+}
+.v-badge--dot .v-badge__badge {
+  border-radius: 4.5px;
+  height: 9px;
+  min-width: 0;
+  padding: 0;
+  width: 9px;
+}
+.v-badge--dot .v-badge__badge::after {
+  border-width: 1.5px;
+}
+.v-badge--inline .v-badge__badge {
+  position: relative;
+  vertical-align: middle;
+}
+.v-badge__badge .v-icon {
+  color: inherit;
+  font-size: 0.75rem;
+  margin: 0 -2px;
+}
+.v-badge__badge img,
+.v-badge__badge .v-img {
+  height: 100%;
+  width: 100%;
+}
+
+.v-badge__wrapper {
+  display: flex;
+  position: relative;
+}
+.v-badge--inline .v-badge__wrapper {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  margin: 0 4px;
 }.v-banner {
   display: grid;
   flex: 1 1;
@@ -18415,26 +18397,11 @@ 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-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__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--variant-outlined {
-  --combobox-chips-margin-bottom: 2px;
-}
 .v-combobox .v-field .v-field__input > input {
   align-self: flex-start;
   flex: 1 1;
@@ -18465,12 +18432,9 @@ html.overflow-y-hidden {
   line-height: inherit;
   max-width: 100%;
 }
-.v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
-  min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
-}
 .v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
-  margin-top: 2px;
-  margin-bottom: var(--combobox-chips-margin-bottom);
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
 .v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
   margin-inline-start: 0;
@@ -19803,6 +19767,9 @@ html.overflow-y-hidden {
   --v-field-padding-bottom: 0px;
 }
 
+.v-field--variant-outlined {
+  --v-input-chips-margin-bottom: 2px;
+}
 .v-field--flat {
   box-shadow: none;
 }
@@ -19824,7 +19791,7 @@ html.overflow-y-hidden {
   flex-wrap: wrap;
   letter-spacing: 0.009375em;
   opacity: var(--v-high-emphasis-opacity);
-  min-height: var(--v-field-input-min-height);
+  min-height: calc(var(--v-field-input-min-height) + var(--v-input-chips-margin-bottom) + 2px);
   padding-inline-start: var(--v-field-padding-start);
   padding-inline-end: var(--v-field-padding-end);
   padding-top: var(--v-field-input-padding-top);
@@ -20208,19 +20175,7 @@ textarea.v-field__input::placeholder {
   opacity: 0;
 }
 
-/* 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] {
+/* endregion */.v-file-input input[type=file] {
   height: 100%;
   left: 0;
   opacity: 0;
@@ -20229,12 +20184,9 @@ textarea.v-field__input::placeholder {
   width: 100%;
   z-index: 1;
 }
-.v-file-input--chips .v-field__input, .v-file-input--selection-slot .v-field__input {
-  min-height: calc(var(--v-field-input-min-height) + var(--file-input-chips-margin-bottom) + 2px);
-}
 .v-file-input .v-chip {
-  margin-top: 2px;
-  margin-bottom: var(--file-input-chips-margin-bottom);
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }.v-footer {
   align-items: center;
   display: flex;
@@ -20347,6 +20299,7 @@ textarea.v-field__input::placeholder {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.625;
+  --v-input-chips-margin-top: 2px;
 }
 .v-input--disabled {
   pointer-events: none;
@@ -20366,6 +20319,18 @@ textarea.v-field__input::placeholder {
   --v-input-padding-top: 7px;
 }
 
+.v-input--density-default {
+  --v-input-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --v-input-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --v-input-chips-margin-bottom: 4px;
+}
+
 .v-input--vertical {
   grid-template-areas: "append" "control" "prepend";
   grid-template-rows: max-content auto max-content;
@@ -20988,8 +20953,6 @@ textarea.v-field__input::placeholder {
 
 .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
   opacity: 0;
-}.v-locale-provider {
-  display: contents;
 }.v-main {
   flex: 1 0 auto;
   max-width: 100%;
@@ -21018,6 +20981,8 @@ textarea.v-field__input::placeholder {
   --v-layout-right: 0px;
   --v-layout-top: 0px;
   --v-layout-bottom: 0px;
+}.v-locale-provider {
+  display: contents;
 }.v-menu > .v-overlay__content {
   display: flex;
   flex-direction: column;
@@ -21047,6 +21012,99 @@ textarea.v-field__input::placeholder {
   -webkit-hyphens: auto;
           hyphens: auto;
   transition-duration: 150ms;
+}.v-navigation-drawer {
+  -webkit-overflow-scrolling: touch;
+  background: rgb(var(--v-theme-surface));
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  max-width: 100%;
+  pointer-events: auto;
+  transition-duration: 0.2s;
+  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  will-change: transform;
+  position: absolute;
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  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));
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-navigation-drawer--border {
+  border-width: thin;
+  box-shadow: none;
+}
+.v-navigation-drawer--rounded {
+  border-radius: 4px;
+}
+.v-navigation-drawer--top {
+  top: 0;
+  border-bottom-width: thin;
+}
+.v-navigation-drawer--bottom {
+  left: 0;
+  border-top-width: thin;
+}
+.v-navigation-drawer--left {
+  top: 0;
+  left: 0;
+  right: auto;
+  border-right-width: thin;
+}
+.v-navigation-drawer--right {
+  top: 0;
+  left: auto;
+  right: 0;
+  border-left-width: thin;
+}
+.v-navigation-drawer--floating {
+  border: none;
+}
+.v-navigation-drawer--temporary {
+  box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-navigation-drawer--sticky {
+  height: auto;
+  transition: box-shadow, transform, visibility, width, height, left, right;
+}
+.v-navigation-drawer .v-list {
+  overflow: hidden;
+}
+
+.v-navigation-drawer__content {
+  flex: 0 1 auto;
+  height: 100%;
+  max-width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.v-navigation-drawer__img {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: -1;
+}
+.v-navigation-drawer__img img {
+  height: inherit;
+  object-fit: cover;
+  width: inherit;
+}
+
+.v-navigation-drawer__scrim {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.2;
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 1;
 }.v-overlay-container {
   contain: layout;
   left: 0;
@@ -21587,26 +21645,11 @@ html.v-overlay-scroll-blocked {
 .v-responsive__content {
   grid-row-start: 1;
   grid-column-start: 1;
-}.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__prefix,
 .v-select .v-field .v-text-field__suffix,
 .v-select .v-field .v-field__input, .v-select .v-field.v-field {
   cursor: pointer;
 }
-.v-select .v-field--variant-outlined {
-  --select-chips-margin-bottom: 2px;
-}
 .v-select .v-field .v-field__input > input {
   align-self: flex-start;
   opacity: 1;
@@ -21635,12 +21678,9 @@ html.v-overlay-scroll-blocked {
   line-height: inherit;
   max-width: 100%;
 }
-.v-select--chips .v-field__input, .v-select--selection-slot .v-field__input {
-  min-height: calc(var(--v-field-input-min-height) + var(--select-chips-margin-bottom) + 2px);
-}
 .v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
-  margin-top: 2px;
-  margin-bottom: var(--select-chips-margin-bottom);
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
 .v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
   margin-inline-start: 0;
@@ -23082,99 +23122,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-navigation-drawer {
-  -webkit-overflow-scrolling: touch;
-  background: rgb(var(--v-theme-surface));
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  max-width: 100%;
-  pointer-events: auto;
-  transition-duration: 0.2s;
-  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: transform;
-  position: absolute;
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  border-style: solid;
-  border-width: 0;
-  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));
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-navigation-drawer--border {
-  border-width: thin;
-  box-shadow: none;
-}
-.v-navigation-drawer--rounded {
-  border-radius: 4px;
-}
-.v-navigation-drawer--top {
-  top: 0;
-  border-bottom-width: thin;
-}
-.v-navigation-drawer--bottom {
-  left: 0;
-  border-top-width: thin;
-}
-.v-navigation-drawer--left {
-  top: 0;
-  left: 0;
-  right: auto;
-  border-right-width: thin;
-}
-.v-navigation-drawer--right {
-  top: 0;
-  left: auto;
-  right: 0;
-  border-left-width: thin;
-}
-.v-navigation-drawer--floating {
-  border: none;
-}
-.v-navigation-drawer--temporary {
-  box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-navigation-drawer--sticky {
-  height: auto;
-  transition: box-shadow, transform, visibility, width, height, left, right;
-}
-.v-navigation-drawer .v-list {
-  overflow: hidden;
-}
-
-.v-navigation-drawer__content {
-  flex: 0 1 auto;
-  height: 100%;
-  max-width: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.v-navigation-drawer__img {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: -1;
-}
-.v-navigation-drawer__img img {
-  height: inherit;
-  object-fit: cover;
-  width: inherit;
-}
-
-.v-navigation-drawer__scrim {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: black;
-  opacity: 0.2;
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  z-index: 1;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;