vuetify 3.3.4 → 3.3.6

package/dist/json/attributes.json

@@ -3448,7 +3448,7 @@
     "description": "MISSING DESCRIPTION"
   },
   "v-date-card/range": {
-    "type": "boolean | 'end' | 'start'\n",
+    "type": "string | boolean\n",
     "description": "MISSING DESCRIPTION"
   },
   "v-date-card/display-date": {
@@ -3555,10 +3555,6 @@
     "type": "string\n",
     "description": "Text shown when no **display-date** is set."
   },
-  "v-date-picker/transition": {
-    "type": "string\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
   "v-date-picker/multiple": {
     "type": "boolean\n",
     "description": "Allow the selection of multiple dates"
@@ -3600,7 +3596,7 @@
     "description": "MISSING DESCRIPTION"
   },
   "v-date-picker/range": {
-    "type": "boolean | 'end' | 'start'\n",
+    "type": "string | boolean\n",
     "description": "Allow the selection of date range"
   },
   "v-date-picker/display-date": {
@@ -3715,10 +3711,6 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
-  "v-date-picker-month/range": {
-    "type": "boolean | 'end' | 'start'\n",
-    "description": "MISSING DESCRIPTION"
-  },
   "v-date-picker-month/display-date": {
     "type": "any\n",
     "description": "MISSING DESCRIPTION"
@@ -5365,7 +5357,7 @@
   },
   "v-menu/max-height": {
     "type": "string | number\n",
-    "description": "Sets the max height of the menu content"
+    "description": "Sets the maximum height for the component."
   },
   "v-menu/max-width": {
     "type": "string | number\n",
@@ -5377,7 +5369,7 @@
   },
   "v-menu/min-width": {
     "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+    "description": "Sets the minimum width for the component. Use `auto` to use the activator width"
   },
   "v-menu/width": {
     "type": "string | number\n",

package/dist/json/importMap.json

@@ -100,6 +100,14 @@
       "from": "components/VCard/index.mjs",
       "styles": []
     },
+    "VCarousel": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
+    "VCarouselItem": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
     "VCheckbox": {
       "from": "components/VCheckbox/index.mjs",
       "styles": []
@@ -120,14 +128,6 @@
       "from": "components/VCode/index.mjs",
       "styles": []
     },
-    "VCarousel": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
-    "VCarouselItem": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
     "VColorPicker": {
       "from": "components/VColorPicker/index.mjs",
       "styles": []
@@ -328,14 +328,14 @@
       "from": "components/VSlider/index.mjs",
       "styles": []
     },
-    "VSwitch": {
-      "from": "components/VSwitch/index.mjs",
-      "styles": []
-    },
     "VSnackbar": {
       "from": "components/VSnackbar/index.mjs",
       "styles": []
     },
+    "VSwitch": {
+      "from": "components/VSwitch/index.mjs",
+      "styles": []
+    },
     "VSystemBar": {
       "from": "components/VSystemBar/index.mjs",
       "styles": []
@@ -352,6 +352,10 @@
       "from": "components/VTable/index.mjs",
       "styles": []
     },
+    "VTextarea": {
+      "from": "components/VTextarea/index.mjs",
+      "styles": []
+    },
     "VTextField": {
       "from": "components/VTextField/index.mjs",
       "styles": []
@@ -396,10 +400,6 @@
       "from": "components/VForm/index.mjs",
       "styles": []
     },
-    "VHover": {
-      "from": "components/VHover/index.mjs",
-      "styles": []
-    },
     "VContainer": {
       "from": "components/VGrid/index.mjs",
       "styles": []
@@ -416,6 +416,10 @@
       "from": "components/VGrid/index.mjs",
       "styles": []
     },
+    "VHover": {
+      "from": "components/VHover/index.mjs",
+      "styles": []
+    },
     "VLayout": {
       "from": "components/VLayout/index.mjs",
       "styles": []
@@ -527,10 +531,6 @@
     "VDialogTransition": {
       "from": "components/transitions/index.mjs",
       "styles": []
-    },
-    "VTextarea": {
-      "from": "components/VTextarea/index.mjs",
-      "styles": []
     }
   },
   "directives": [

package/dist/json/tags.json

@@ -1150,7 +1150,6 @@
       "tag",
       "theme",
       "title",
-      "transition",
       "view-mode",
       "width"
     ],
@@ -1187,7 +1186,6 @@
       "hover-date",
       "model-value",
       "multiple",
-      "range",
       "show-adjacent-months",
       "show-week",
       "side"

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.4",
+  "version": "3.3.6",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -14682,7 +14682,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | 'end' | 'start'\n"
+                "type": "string | boolean\n"
               }
             },
             {
@@ -15074,16 +15074,6 @@
                 "type": "string\n"
               }
             },
-            {
-              "name": "transition",
-              "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
-              "default": "'fade'",
-              "value": {
-                "kind": "expression",
-                "type": "string\n"
-              }
-            },
             {
               "name": "multiple",
               "description": "Allow the selection of multiple dates",
@@ -15190,7 +15180,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | 'end' | 'start'\n"
+                "type": "string | boolean\n"
               }
             },
             {
@@ -15487,7 +15477,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
-              "default": "new Date('2023-06-13T20:04:56.103Z')",
+              "default": "new Date('2023-06-27T21:00:42.317Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -15680,21 +15670,11 @@
                 "type": "boolean\n"
               }
             },
-            {
-              "name": "range",
-              "description": "MISSING DESCRIPTION",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | 'end' | 'start'\n"
-              }
-            },
             {
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "new Date('2023-06-13T20:04:56.103Z')",
+              "default": "new Date('2023-06-27T21:00:42.317Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -22146,7 +22126,7 @@
             },
             {
               "name": "maxHeight",
-              "description": "Sets the max height of the menu content",
+              "description": "Sets the maximum height for the component.",
               "doc-url": "https://vuetifyjs.com/api/v-menu#props",
               "value": {
                 "kind": "expression",
@@ -22173,7 +22153,7 @@
             },
             {
               "name": "minWidth",
-              "description": "Sets the minimum width for the component.",
+              "description": "Sets the minimum width for the component. Use `auto` to use the activator width",
               "doc-url": "https://vuetifyjs.com/api/v-menu#props",
               "value": {
                 "kind": "expression",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.4
+* Vuetify v3.3.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16180,19 +16180,17 @@ html.overflow-y-hidden {
 
 .v-date-picker {
   overflow: hidden;
-  width: 358px;
 }
 .v-date-picker .v-date-picker-month {
-  padding-bottom: 8px;
   padding-inline-start: 12px;
   padding-inline-end: 12px;
 }
 .v-date-picker .v-date-picker-month .v-date-picker-month__day {
-  height: 40px;
-  width: 40px;
+  height: 48px;
+  width: 48px;
 }
 .v-date-picker .v-date-picker-month .v-date-picker-month__day .v-btn {
-  --v-btn-height: 24px;
+  --v-btn-height: 28px;
   --v-btn-size: 0.85rem;
 }.v-date-picker-controls {
   display: flex;
@@ -16200,10 +16198,12 @@ html.overflow-y-hidden {
   justify-content: space-between;
   font-size: 0.875rem;
   padding-inline-start: 24px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   padding-inline-end: 12px;
 }
 .v-date-picker-controls .v-btn:last-child {
-  margin-left: 24px;
+  margin-left: 4px;
 }
 
 .v-date-picker-controls__date {
@@ -16264,7 +16264,6 @@ html.overflow-y-hidden {
 }.v-date-picker-month {
   display: flex;
   justify-content: center;
-  height: 268px;
   min-width: 328px;
   --v-date-picker-month-day-diff: 4px;
 }
@@ -16338,7 +16337,7 @@ html.overflow-y-hidden {
 .v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
   display: none;
 }.v-date-picker-years {
-  height: 268px;
+  height: 308px;
   overflow-y: scroll;
 }
 
@@ -16386,7 +16385,7 @@ html.overflow-y-hidden {
   grid-auto-rows: min-content;
   grid-template-areas: "title" "header" "body";
   overflow: hidden;
-  width: 358px;
+  width: 360px;
 }
 .v-picker.v-sheet.v-picker--with-actions {
   grid-template-areas: "title" "header" "body" "actions";
@@ -16902,13 +16901,16 @@ html.overflow-y-hidden {
   align-self: flex-start;
   flex: 1 1;
 }
+.v-autocomplete .v-field input {
+  min-width: 64px;
+}
 .v-autocomplete .v-field:not(.v-field--focused) input {
   min-width: 0;
 }
 .v-autocomplete .v-field--dirty .v-autocomplete__selection {
   margin-inline-end: 2px;
 }
-.v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
+.v-autocomplete .v-autocomplete__selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -16924,15 +16926,16 @@ html.overflow-y-hidden {
 }
 .v-autocomplete__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
-  max-width: 100%;
+  max-width: 90%;
 }
-.v-autocomplete input, .v-autocomplete__selection {
+.v-autocomplete__selection {
   margin-top: var(--v-input-chips-margin-top);
   margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-autocomplete input:first-child, .v-autocomplete__selection:first-child {
+.v-autocomplete__selection:first-child {
   margin-inline-start: 0;
 }
 .v-autocomplete--selecting-index .v-autocomplete__selection {
@@ -16953,6 +16956,10 @@ html.overflow-y-hidden {
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-autocomplete--single .v-field--variant-outlined input {
+  top: calc(50% - var(--v-input-chips-margin-top));
+  transform: translateY(-50%);
+}
 .v-autocomplete--single .v-field--active input {
   transition: none;
 }
@@ -17378,6 +17385,10 @@ html.overflow-y-hidden {
   opacity: var(--v-disabled-opacity);
   pointer-events: none;
 }
+.v-breadcrumbs-item--link {
+  color: inherit;
+  text-decoration: none;
+}
 .v-breadcrumbs-item--link:hover {
   text-decoration: underline;
 }
@@ -17779,7 +17790,7 @@ html.overflow-y-hidden {
 .v-card-actions .v-btn {
   padding: 0 8px;
 }
-.v-card-actions .v-btn ~ .v-btn {
+.v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
   margin-inline-start: 0.5rem;
 }
 
@@ -18667,13 +18678,16 @@ html.overflow-y-hidden {
   align-self: flex-start;
   flex: 1 1;
 }
+.v-combobox .v-field input {
+  min-width: 64px;
+}
 .v-combobox .v-field:not(.v-field--focused) input {
   min-width: 0;
 }
 .v-combobox .v-field--dirty .v-combobox__selection {
   margin-inline-end: 2px;
 }
-.v-combobox .v-field--single-line .v-combobox__selection-text {
+.v-combobox .v-combobox__selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -18689,15 +18703,16 @@ html.overflow-y-hidden {
 }
 .v-combobox__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
-  max-width: 100%;
+  max-width: 90%;
 }
-.v-combobox input, .v-combobox__selection {
+.v-combobox__selection {
   margin-top: var(--v-input-chips-margin-top);
   margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-combobox input:first-child, .v-combobox__selection:first-child {
+.v-combobox__selection:first-child {
   margin-inline-start: 0;
 }
 .v-combobox--selecting-index .v-combobox__selection {
@@ -18718,6 +18733,10 @@ html.overflow-y-hidden {
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-combobox--single .v-field--variant-outlined input {
+  top: calc(50% - var(--v-input-chips-margin-top));
+  transform: translateY(-50%);
+}
 .v-combobox--single .v-field--active input {
   transition: none;
 }
@@ -20746,6 +20765,11 @@ textarea.v-field__input::placeholder {
 .v-input__control {
   display: flex;
   grid-area: control;
+}.v-item-group {
+  flex: 0 1 auto;
+  max-width: 100%;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }.v-label {
   align-items: center;
   display: inline-flex;
@@ -20775,11 +20799,6 @@ textarea.v-field__input::placeholder {
 
 .v-layout-item--absolute {
   position: absolute;
-}.v-item-group {
-  flex: 0 1 auto;
-  max-width: 100%;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -22005,7 +22024,7 @@ html.v-overlay-scroll-blocked {
 .v-select .v-field--dirty .v-select__selection {
   margin-inline-end: 2px;
 }
-.v-select .v-field--single-line .v-select__selection-text {
+.v-select .v-select__selection-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -22017,15 +22036,16 @@ html.v-overlay-scroll-blocked {
 }
 .v-select__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
   max-width: 100%;
 }
-.v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
+.v-select .v-select__selection {
   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 {
+.v-select .v-select__selection:first-child {
   margin-inline-start: 0;
 }
 .v-select--selected .v-field .v-field__input > input {
@@ -22715,6 +22735,8 @@ html.v-overlay-scroll-blocked {
   flex: 1;
   transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
   min-width: 0;
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
 .v-text-field input:focus, .v-text-field input:active {
   outline: none;