vuetify 3.0.5 → 3.0.6

package/dist/_component-variables.sass

@@ -1,4 +1,5 @@
 @forward '../lib/components/VAlert/_variables.scss'
+@forward '../lib/components/VApp/_variables.scss'
 @forward '../lib/components/VAppBar/_variables.scss'
 @forward '../lib/components/VAutocomplete/_variables.scss'
 @forward '../lib/components/VAvatar/_variables.scss'

package/dist/json/attributes.json

@@ -495,6 +495,10 @@
     "type": "string",
     "description": "Specify a custom tag used on the root element."
   },
+  "v-avatar/theme": {
+    "type": "string",
+    "description": "Specify a theme for this component and all of its children"
+  },
   "v-avatar/color": {
     "type": "string",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/variant.json))"
@@ -3241,7 +3245,7 @@
   },
   "v-list-item/value": {
     "type": "any",
-    "description": "The value used when a child of a [v-list-item-group](/components/list-item-groups)."
+    "description": "The value used for selection."
   },
   "v-list-item/active": {
     "type": "boolean",
@@ -5143,6 +5147,10 @@
     "type": "\"flat\" | \"elevated\" | \"tonal\" | \"outlined\" | \"text\" | \"plain\"",
     "description": "Applies one of 6 styles: **elevated**, **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
+  "v-snackbar/theme": {
+    "type": "string",
+    "description": "Specify a theme for this component and all of its children"
+  },
   "v-snackbar/close-on-back": {
     "type": "boolean",
     "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
@@ -5239,10 +5247,6 @@
     "type": "string | number | number[]",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/v-overlay-location-strategies.json))"
   },
-  "v-snackbar/theme": {
-    "type": "string",
-    "description": "Specify a theme for this component and all of its children"
-  },
   "v-snackbar/transition": {
     "type": "string",
     "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."

package/dist/json/importMap.json

@@ -1,9 +1,5 @@
 {
   "components": {
-    "VApp": {
-      "from": "components/VApp/index.mjs",
-      "styles": []
-    },
     "VDefaultsProvider": {
       "from": "components/VDefaultsProvider/index.mjs",
       "styles": []
@@ -32,10 +28,6 @@
       "from": "components/VHover/index.mjs",
       "styles": []
     },
-    "VLazy": {
-      "from": "components/VLazy/index.mjs",
-      "styles": []
-    },
     "VLayout": {
       "from": "components/VLayout/index.mjs",
       "styles": []
@@ -48,6 +40,10 @@
       "from": "components/VLocaleProvider/index.mjs",
       "styles": []
     },
+    "VLazy": {
+      "from": "components/VLazy/index.mjs",
+      "styles": []
+    },
     "VNoSsr": {
       "from": "components/VNoSsr/index.mjs",
       "styles": []
@@ -56,44 +52,20 @@
       "from": "components/VParallax/index.mjs",
       "styles": []
     },
-    "VRangeSlider": {
-      "from": "components/VRangeSlider/index.mjs",
-      "styles": []
-    },
     "VRadio": {
       "from": "components/VRadio/index.mjs",
       "styles": []
     },
-    "VResponsive": {
-      "from": "components/VResponsive/index.mjs",
-      "styles": []
-    },
-    "VThemeProvider": {
-      "from": "components/VThemeProvider/index.mjs",
-      "styles": []
-    },
-    "VValidation": {
-      "from": "components/VValidation/index.mjs",
-      "styles": []
-    },
-    "VAppBar": {
-      "from": "components/VAppBar/index.mjs",
-      "styles": []
-    },
-    "VAppBarNavIcon": {
-      "from": "components/VAppBar/index.mjs",
-      "styles": []
-    },
-    "VAppBarTitle": {
-      "from": "components/VAppBar/index.mjs",
+    "VRangeSlider": {
+      "from": "components/VRangeSlider/index.mjs",
       "styles": []
     },
-    "VAlert": {
-      "from": "components/VAlert/index.mjs",
+    "VResponsive": {
+      "from": "components/VResponsive/index.mjs",
       "styles": []
     },
-    "VAlertTitle": {
-      "from": "components/VAlert/index.mjs",
+    "VApp": {
+      "from": "components/VApp/index.mjs",
       "styles": []
     },
     "VFabTransition": {
@@ -160,8 +132,28 @@
       "from": "components/transitions/index.mjs",
       "styles": []
     },
-    "VAvatar": {
-      "from": "components/VAvatar/index.mjs",
+    "VAppBar": {
+      "from": "components/VAppBar/index.mjs",
+      "styles": []
+    },
+    "VAppBarNavIcon": {
+      "from": "components/VAppBar/index.mjs",
+      "styles": []
+    },
+    "VAppBarTitle": {
+      "from": "components/VAppBar/index.mjs",
+      "styles": []
+    },
+    "VValidation": {
+      "from": "components/VValidation/index.mjs",
+      "styles": []
+    },
+    "VAlert": {
+      "from": "components/VAlert/index.mjs",
+      "styles": []
+    },
+    "VAlertTitle": {
+      "from": "components/VAlert/index.mjs",
       "styles": []
     },
     "VAutocomplete": {
@@ -172,6 +164,14 @@
       "from": "components/VBadge/index.mjs",
       "styles": []
     },
+    "VAvatar": {
+      "from": "components/VAvatar/index.mjs",
+      "styles": []
+    },
+    "VThemeProvider": {
+      "from": "components/VThemeProvider/index.mjs",
+      "styles": []
+    },
     "VBanner": {
       "from": "components/VBanner/index.mjs",
       "styles": []
@@ -204,6 +204,10 @@
       "from": "components/VBtn/index.mjs",
       "styles": []
     },
+    "VBtnToggle": {
+      "from": "components/VBtnToggle/index.mjs",
+      "styles": []
+    },
     "VBtnGroup": {
       "from": "components/VBtnGroup/index.mjs",
       "styles": []
@@ -252,14 +256,14 @@
       "from": "components/VChip/index.mjs",
       "styles": []
     },
-    "VChipGroup": {
-      "from": "components/VChipGroup/index.mjs",
-      "styles": []
-    },
     "VCode": {
       "from": "components/VCode/index.mjs",
       "styles": []
     },
+    "VChipGroup": {
+      "from": "components/VChipGroup/index.mjs",
+      "styles": []
+    },
     "VColorPicker": {
       "from": "components/VColorPicker/index.mjs",
       "styles": []
@@ -276,10 +280,6 @@
       "from": "components/VDialog/index.mjs",
       "styles": []
     },
-    "VDivider": {
-      "from": "components/VDivider/index.mjs",
-      "styles": []
-    },
     "VExpansionPanels": {
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
@@ -296,6 +296,10 @@
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
     },
+    "VDivider": {
+      "from": "components/VDivider/index.mjs",
+      "styles": []
+    },
     "VField": {
       "from": "components/VField/index.mjs",
       "styles": []
@@ -304,14 +308,18 @@
       "from": "components/VField/index.mjs",
       "styles": []
     },
-    "VFileInput": {
-      "from": "components/VFileInput/index.mjs",
-      "styles": []
-    },
     "VFooter": {
       "from": "components/VFooter/index.mjs",
       "styles": []
     },
+    "VInput": {
+      "from": "components/VInput/index.mjs",
+      "styles": []
+    },
+    "VFileInput": {
+      "from": "components/VFileInput/index.mjs",
+      "styles": []
+    },
     "VIcon": {
       "from": "components/VIcon/index.mjs",
       "styles": []
@@ -332,14 +340,6 @@
       "from": "components/VIcon/index.mjs",
       "styles": []
     },
-    "VImg": {
-      "from": "components/VImg/index.mjs",
-      "styles": []
-    },
-    "VInput": {
-      "from": "components/VInput/index.mjs",
-      "styles": []
-    },
     "VItemGroup": {
       "from": "components/VItemGroup/index.mjs",
       "styles": []
@@ -404,30 +404,30 @@
       "from": "components/VMessages/index.mjs",
       "styles": []
     },
-    "VNavigationDrawer": {
-      "from": "components/VNavigationDrawer/index.mjs",
-      "styles": []
-    },
     "VOverlay": {
       "from": "components/VOverlay/index.mjs",
       "styles": []
     },
-    "VProgressCircular": {
-      "from": "components/VProgressCircular/index.mjs",
-      "styles": []
-    },
     "VPagination": {
       "from": "components/VPagination/index.mjs",
       "styles": []
     },
-    "VProgressLinear": {
-      "from": "components/VProgressLinear/index.mjs",
+    "VNavigationDrawer": {
+      "from": "components/VNavigationDrawer/index.mjs",
+      "styles": []
+    },
+    "VProgressCircular": {
+      "from": "components/VProgressCircular/index.mjs",
       "styles": []
     },
     "VRadioGroup": {
       "from": "components/VRadioGroup/index.mjs",
       "styles": []
     },
+    "VProgressLinear": {
+      "from": "components/VProgressLinear/index.mjs",
+      "styles": []
+    },
     "VRating": {
       "from": "components/VRating/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": []
@@ -452,10 +456,6 @@
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
     },
-    "VSheet": {
-      "from": "components/VSheet/index.mjs",
-      "styles": []
-    },
     "VSlider": {
       "from": "components/VSlider/index.mjs",
       "styles": []
@@ -468,10 +468,6 @@
       "from": "components/VSwitch/index.mjs",
       "styles": []
     },
-    "VSystemBar": {
-      "from": "components/VSystemBar/index.mjs",
-      "styles": []
-    },
     "VTabs": {
       "from": "components/VTabs/index.mjs",
       "styles": []
@@ -480,28 +476,20 @@
       "from": "components/VTabs/index.mjs",
       "styles": []
     },
-    "VTable": {
-      "from": "components/VTable/index.mjs",
-      "styles": []
-    },
-    "VTextarea": {
-      "from": "components/VTextarea/index.mjs",
+    "VSystemBar": {
+      "from": "components/VSystemBar/index.mjs",
       "styles": []
     },
     "VTextField": {
       "from": "components/VTextField/index.mjs",
       "styles": []
     },
-    "VToolbar": {
-      "from": "components/VToolbar/index.mjs",
-      "styles": []
-    },
-    "VToolbarTitle": {
-      "from": "components/VToolbar/index.mjs",
+    "VTable": {
+      "from": "components/VTable/index.mjs",
       "styles": []
     },
-    "VToolbarItems": {
-      "from": "components/VToolbar/index.mjs",
+    "VTextarea": {
+      "from": "components/VTextarea/index.mjs",
       "styles": []
     },
     "VTimeline": {
@@ -516,6 +504,18 @@
       "from": "components/VTooltip/index.mjs",
       "styles": []
     },
+    "VToolbar": {
+      "from": "components/VToolbar/index.mjs",
+      "styles": []
+    },
+    "VToolbarTitle": {
+      "from": "components/VToolbar/index.mjs",
+      "styles": []
+    },
+    "VToolbarItems": {
+      "from": "components/VToolbar/index.mjs",
+      "styles": []
+    },
     "VWindow": {
       "from": "components/VWindow/index.mjs",
       "styles": []
@@ -524,8 +524,8 @@
       "from": "components/VWindow/index.mjs",
       "styles": []
     },
-    "VBtnToggle": {
-      "from": "components/VBtnToggle/index.mjs",
+    "VImg": {
+      "from": "components/VImg/index.mjs",
       "styles": []
     }
   },

package/dist/json/tags.json

@@ -159,6 +159,7 @@
       "size",
       "start",
       "tag",
+      "theme",
       "variant"
     ],
     "description": ""

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1754,6 +1754,15 @@
                 "type": "string"
               }
             },
+            {
+              "name": "theme",
+              "description": "Specify a theme for this component and all of its children",
+              "doc-url": "https://vuetifyjs.com/api/v-avatar#props",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "color",
               "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/variant.json))",
@@ -10881,7 +10890,7 @@
             },
             {
               "name": "value",
-              "description": "The value used when a child of a [v-list-item-group](/components/list-item-groups).",
+              "description": "The value used for selection.",
               "doc-url": "https://vuetifyjs.com/api/v-list-item#props",
               "value": {
                 "kind": "expression",
@@ -17058,6 +17067,15 @@
                 "type": "\"flat\" | \"elevated\" | \"tonal\" | \"outlined\" | \"text\" | \"plain\""
               }
             },
+            {
+              "name": "theme",
+              "description": "Specify a theme for this component and all of its children",
+              "doc-url": "https://vuetifyjs.com/api/v-snackbar#props",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "closeOnBack",
               "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing.",
@@ -17296,15 +17314,6 @@
                 "type": "string | number | number[]"
               }
             },
-            {
-              "name": "theme",
-              "description": "Specify a theme for this component and all of its children",
-              "doc-url": "https://vuetifyjs.com/api/v-snackbar#props",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
             {
               "name": "transition",
               "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own.",

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.5
+* Vuetify v3.0.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22620,6 +22620,7 @@ textarea.v-field__input::placeholder {
   grid-template-areas: "prepend content append";
   grid-template-columns: max-content auto max-content;
   outline: none;
+  max-width: 100%;
   padding: 4px 16px;
   position: relative;
   text-decoration: none;
@@ -23202,12 +23203,6 @@ html.v-overlay-scroll-blocked {
 
 .v-overlay--scroll-blocked {
   padding-inline-end: var(--v-scrollbar-offset);
-}.v-parallax {
-  position: relative;
-  overflow: hidden;
-}
-.v-parallax--active > .v-img__img {
-  will-change: transform;
 }.v-pagination__list {
   display: inline-flex;
   list-style-type: none;
@@ -23216,6 +23211,12 @@ html.v-overlay-scroll-blocked {
 }
 .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
   margin: 0.3rem;
+}.v-parallax {
+  position: relative;
+  overflow: hidden;
+}
+.v-parallax--active > .v-img__img {
+  will-change: transform;
 }.v-progress-circular {
   align-items: center;
   display: inline-flex;
@@ -23530,11 +23531,11 @@ html.v-overlay-scroll-blocked {
 }.v-radio-group > .v-input__control {
   flex-direction: column;
 }
-.v-radio-group > .v-label {
-  margin-inline-start: 12px;
+.v-radio-group > .v-input__control > .v-label {
+  margin-inline-start: 8px;
 }
-.v-radio-group > .v-label + .v-selection-control-group {
-  margin-top: 16px;
+.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
+  margin-top: 8px;
 }.v-slider .v-slider__container input {
   cursor: default;
   padding: 0;
@@ -24134,34 +24135,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-system-bar--window {
   height: 32px;
-}.v-tab.v-tab {
-  --v-btn-height: var(--v-tabs-height);
-  min-width: 90px;
-}
-.v-slide-group--horizontal .v-tab {
-  max-width: 360px;
-}
-.v-slide-group--vertical .v-tab {
-  justify-content: start;
-}
-
-.v-tab__slider {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  width: 100%;
-  background: currentColor;
-  pointer-events: none;
-  opacity: 0;
-}
-.v-tab--selected .v-tab__slider {
-  opacity: 1;
-}
-.v-slide-group--vertical .v-tab__slider {
-  top: 0;
-  height: 100%;
-  width: 2px;
 }.v-tabs {
   display: flex;
   height: var(--v-tabs-height);
@@ -24227,6 +24200,34 @@ html.v-overlay-scroll-blocked {
   .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
     margin-inline-end: 52px;
   }
+}.v-tab.v-tab {
+  --v-btn-height: var(--v-tabs-height);
+  min-width: 90px;
+}
+.v-slide-group--horizontal .v-tab {
+  max-width: 360px;
+}
+.v-slide-group--vertical .v-tab {
+  justify-content: start;
+}
+
+.v-tab__slider {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  width: 100%;
+  background: currentColor;
+  pointer-events: none;
+  opacity: 0;
+}
+.v-tab--selected .v-tab__slider {
+  opacity: 1;
+}
+.v-slide-group--vertical .v-tab__slider {
+  top: 0;
+  height: 100%;
+  width: 2px;
 }.v-table {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25149,6 +25150,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;
 }
@@ -25179,26 +25200,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;
 }
@@ -25392,6 +25393,12 @@ html.v-overlay-scroll-blocked {
   top: 50%;
   transform: translateY(-50%);
 }
+.v-slider.v-input--horizontal .v-slider-thumb.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb {
+  left: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
+}
+.v-slider.v-input--horizontal .v-slider-thumb.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb {
+  right: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
+}
 .v-slider.v-input--horizontal .v-slider-thumb__label-container {
   left: calc(var(--v-slider-thumb-size) / 2);
   top: 0;
@@ -25412,6 +25419,9 @@ html.v-overlay-scroll-blocked {
   bottom: -6px;
 }
 
+.v-slider.v-input--vertical .v-slider-thumb {
+  top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
+}
 .v-slider.v-input--vertical .v-slider-thumb__label-container {
   top: calc(var(--v-slider-thumb-size) / 2);
   right: 0;
@@ -25583,9 +25593,12 @@ 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 {
+.v-slider.v-input--vertical .v-slider-track__tick--first {
   bottom: calc(0% + var(--v-slider-tick-size) + 1px);
 }
+.v-slider.v-input--vertical .v-slider-track__tick--last {
+  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
+}
 .v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
   margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
   transform: translateY(-50%);