vuetify 3.0.5 → 3.0.7

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.5
+* Vuetify v3.0.7
 * 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;
 }
@@ -25335,6 +25336,8 @@ html.v-overlay-scroll-blocked {
   transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   content: "";
   color: inherit;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
@@ -25392,6 +25395,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 +25421,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 +25595,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%);

package/dist/vuetify.d.ts

@@ -3466,6 +3466,7 @@ declare const VAvatar: vue.DefineComponent<{
         type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
+    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
@@ -3497,6 +3498,7 @@ declare const VAvatar: vue.DefineComponent<{
         type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
+    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
@@ -17643,7 +17645,7 @@ declare const VSelectionControl: {
             errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof vue.nextTick;
+        $nextTick: typeof nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Readonly<ExtractPropTypes<Omit<{
         density: {
@@ -25991,30 +25993,22 @@ declare module '@vue/runtime-core' {
   }
 
   export interface GlobalComponents {
-    VApp: typeof import('vuetify/components')['VApp']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VHover: typeof import('vuetify/components')['VHover']
-    VLazy: typeof import('vuetify/components')['VLazy']
+    VForm: typeof import('vuetify/components')['VForm']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VRadio: typeof import('vuetify/components')['VRadio']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VValidation: typeof import('vuetify/components')['VValidation']
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -26031,8 +26025,13 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VApp: typeof import('vuetify/components')['VApp']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
@@ -26043,6 +26042,7 @@ declare module '@vue/runtime-core' {
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
@@ -26053,22 +26053,22 @@ declare module '@vue/runtime-core' {
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VChip: typeof import('vuetify/components')['VChip']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VChip: typeof import('vuetify/components')['VChip']
     VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
     VDialog: typeof import('vuetify/components')['VDialog']
     VDivider: typeof import('vuetify/components')['VDivider']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
     VFooter: typeof import('vuetify/components')['VFooter']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
@@ -26076,10 +26076,10 @@ declare module '@vue/runtime-core' {
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VImg: typeof import('vuetify/components')['VImg']
     VInput: typeof import('vuetify/components')['VInput']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
     VKbd: typeof import('vuetify/components')['VKbd']
     VLabel: typeof import('vuetify/components')['VLabel']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -26094,34 +26094,36 @@ declare module '@vue/runtime-core' {
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSheet: typeof import('vuetify/components')['VSheet']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
-    VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
   }
 }