@vuetify/nightly 3.0.0-next-20220126.0 → 3.0.0-next-20220128.0

package/dist/json/attributes.json

@@ -1943,6 +1943,10 @@
     "type": "string",
     "description": "Specify a custom tag used on the root element."
   },
+  "v-icon/theme": {
+    "type": "string",
+    "description": "Specify a theme for this component and all of its children"
+  },
   "v-img/aspect-ratio": {
     "type": "any",
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
@@ -3199,6 +3203,10 @@
     "type": "number|string",
     "description": ""
   },
+  "v-range-slider/strict": {
+    "type": "any",
+    "description": ""
+  },
   "v-rating/name": {
     "type": "any",
     "description": ""

package/dist/json/tags.json

@@ -726,7 +726,8 @@
       "left",
       "right",
       "size",
-      "tag"
+      "tag",
+      "theme"
     ],
     "description": ""
   },
@@ -1187,6 +1188,7 @@
       "show-tick-labels",
       "show-ticks",
       "step",
+      "strict",
       "thumb-color",
       "thumb-label",
       "thumb-size",

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.0.0-next-20220126.0",
+  "version": "3.0.0-next-20220128.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -6591,6 +6591,15 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "theme",
+              "description": "Specify a theme for this component and all of its children",
+              "doc-url": "https://vuetifyjs.com/api/v-icon#props",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "events": [],
@@ -10838,7 +10847,7 @@
               "name": "show-ticks",
               "description": "",
               "doc-url": "https://vuetifyjs.com/api/v-range-slider#props",
-              "default": "true",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -10969,6 +10978,15 @@
                   "string"
                 ]
               }
+            },
+            {
+              "name": "strict",
+              "description": "",
+              "doc-url": "https://vuetifyjs.com/api/v-range-slider#props",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
             }
           ],
           "events": [
@@ -12198,7 +12216,7 @@
               "name": "show-ticks",
               "description": "",
               "doc-url": "https://vuetifyjs.com/api/v-slider#props",
-              "default": "true",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": [

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.0-next-20220126.0
+* Vuetify v3.0.0-next-20220128.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19621,35 +19621,6 @@ html.overflow-y-hidden {
 }
 .v-banner--three-line .v-banner-text {
   -webkit-line-clamp: 3;
-}.v-bottom-navigation {
-  display: flex;
-  max-width: 100%;
-  overflow: hidden;
-  position: fixed;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  border-style: solid;
-  border-width: 0;
-  background: rgb(var(--v-theme-surface));
-  color: rgb(var(--v-theme-on-surface));
-}
-.v-bottom-navigation--border {
-  border-width: thin;
-  box-shadow: none;
-}
-.v-bottom-navigation--is-active {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-}
-.v-bottom-navigation--absolute {
-  position: absolute;
-}
-
-.v-bottom-navigation__content {
-  display: flex;
-  flex: none;
-  justify-content: center;
-  transition: inherit;
-  width: 100%;
 }.v-breadcrumbs {
   line-height: 1.375rem;
   padding: 16px;
@@ -19699,6 +19670,35 @@ html.overflow-y-hidden {
   display: inline-block;
   padding: 0 8px;
   vertical-align: middle;
+}.v-bottom-navigation {
+  display: flex;
+  max-width: 100%;
+  overflow: hidden;
+  position: fixed;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  background: rgb(var(--v-theme-surface));
+  color: rgb(var(--v-theme-on-surface));
+}
+.v-bottom-navigation--border {
+  border-width: thin;
+  box-shadow: none;
+}
+.v-bottom-navigation--is-active {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+}
+.v-bottom-navigation--absolute {
+  position: absolute;
+}
+
+.v-bottom-navigation__content {
+  display: flex;
+  flex: none;
+  justify-content: center;
+  transition: inherit;
+  width: 100%;
 }.v-btn {
   align-items: center;
   border-radius: 4px;
@@ -23876,6 +23876,8 @@ html.overflow-y-hidden {
 }
 .v-slider.v-input--horizontal .v-input__control {
   min-height: 32px;
+  display: flex;
+  align-items: center;
 }
 
 .v-slider.v-input--vertical {
@@ -24648,9 +24650,10 @@ html.overflow-y-hidden {
   align-items: center;
   justify-content: center;
   font-size: 0.75rem;
-  width: 35px;
+  min-width: 35px;
   height: 25px;
   border-radius: 4px;
+  padding: 6px;
   position: absolute;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -24682,9 +24685,14 @@ html.overflow-y-hidden {
   top: 0;
 }
 .v-slider.v-input--horizontal .v-slider-thumb__label {
-  left: -17.5px;
   bottom: calc(var(--v-slider-thumb-size) / 2);
 }
+.v-slider.v-input--horizontal .v-slider-thumb__label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
+  transform: translateX(-50%);
+}
+.v-slider.v-input--horizontal .v-slider-thumb__label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
+  transform: translateX(50%);
+}
 .v-slider.v-input--horizontal .v-slider-thumb__label::before {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;

package/dist/vuetify.d.ts

@@ -4659,6 +4659,7 @@ declare const VClassIcon: vue.DefineComponent<{
 } & {}>, {}>;
 
 declare const VIcon: vue.DefineComponent<{
+    theme: StringConstructor;
     tag: Omit<{
         type: StringConstructor;
         default: string;
@@ -4677,6 +4678,7 @@ declare const VIcon: vue.DefineComponent<{
         type: PropType<IconValue>;
     };
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<{
+    theme?: unknown;
     tag?: unknown;
     size?: unknown;
     color?: unknown;
@@ -4689,6 +4691,7 @@ declare const VIcon: vue.DefineComponent<{
     tag: string;
     size: string | number;
 } & {
+    theme?: string | undefined;
     color?: string | undefined;
     icon?: IconValue | undefined;
 }>, {
@@ -5174,10 +5177,12 @@ declare type SelectStrategy = 'single-leaf' | 'leaf' | 'independent' | 'classic'
 declare type OpenStrategy = 'single' | 'multiple' | OpenStrategyFn;
 declare type ActiveStrategy = 'single' | 'multiple' | ActiveStrategyFn;
 
-declare type ListGroupHeaderSlot = {
-    onClick: (e: Event) => void;
-    appendIcon: string;
-    class: string;
+declare type ListGroupActivatorSlot = {
+    props: {
+        onClick: (e: Event) => void;
+        appendIcon: string;
+        class: string;
+    };
 };
 declare const VListGroup: {
     new (...args: any[]): {
@@ -5201,13 +5206,11 @@ declare const VListGroup: {
         } & {
             value?: any;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                header?: ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-                items?: (() => vue.VNodeChild) | undefined;
+                activator?: ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
             };
             "v-slots"?: {
-                header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-                items?: false | (() => vue.VNodeChild) | undefined;
+                activator?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag" | "expandIcon" | "collapseIcon">;
@@ -5238,13 +5241,11 @@ declare const VListGroup: {
         } & {
             value?: any;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                header?: ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-                items?: (() => vue.VNodeChild) | undefined;
+                activator?: ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
             };
             "v-slots"?: {
-                header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-                items?: false | (() => vue.VNodeChild) | undefined;
+                activator?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         }>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "items">, string, {
@@ -5285,13 +5286,11 @@ declare const VListGroup: {
     } & {
         value?: any;
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            header?: ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-            items?: (() => vue.VNodeChild) | undefined;
+            activator?: ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
         };
         "v-slots"?: {
-            header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-            items?: false | (() => vue.VNodeChild) | undefined;
+            activator?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     }> & vue.ShallowUnwrapRef<() => JSX.Element> & {} & {} & vue.ComponentCustomProperties;
@@ -5312,13 +5311,11 @@ declare const VListGroup: {
 } & {
     value?: any;
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        header?: ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-        items?: (() => vue.VNodeChild) | undefined;
+        activator?: ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
     };
     "v-slots"?: {
-        header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
-        items?: false | (() => vue.VNodeChild) | undefined;
+        activator?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 }>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "items">, string, {
@@ -5330,8 +5327,7 @@ declare const VListGroup: {
         items?: T[] | undefined;
     };
     $slots: MakeSlots<{
-        header: [ListGroupHeaderSlot];
-        items: [];
+        activator: [ListGroupActivatorSlot];
         default: [];
     }>;
 });
@@ -5400,7 +5396,7 @@ declare const VList: {
             $children?: unknown;
             "v-slots"?: {
                 subheader?: false | (() => vue.VNodeChild) | undefined;
-                header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
+                header?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: unknown) => vue.VNodeChild) | undefined;
             } | undefined;
             border?: string | number | boolean | undefined;
@@ -5473,7 +5469,7 @@ declare const VList: {
             $children?: unknown;
             "v-slots"?: {
                 subheader?: false | (() => vue.VNodeChild) | undefined;
-                header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
+                header?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: unknown) => vue.VNodeChild) | undefined;
             } | undefined;
             border?: string | number | boolean | undefined;
@@ -5570,7 +5566,7 @@ declare const VList: {
         $children?: unknown;
         "v-slots"?: {
             subheader?: false | (() => vue.VNodeChild) | undefined;
-            header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
+            header?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
             item?: false | ((args_0: unknown) => vue.VNodeChild) | undefined;
         } | undefined;
         border?: string | number | boolean | undefined;
@@ -5637,7 +5633,7 @@ declare const VList: {
     $children?: unknown;
     "v-slots"?: {
         subheader?: false | (() => vue.VNodeChild) | undefined;
-        header?: false | ((args_0: ListGroupHeaderSlot) => vue.VNodeChild) | undefined;
+        header?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
         item?: false | ((args_0: unknown) => vue.VNodeChild) | undefined;
     } | undefined;
     border?: string | number | boolean | undefined;
@@ -5675,7 +5671,7 @@ declare const VList: {
     };
     $slots: MakeSlots<{
         subheader: [];
-        header: [ListGroupHeaderSlot];
+        header: [ListGroupActivatorSlot];
         item: [T];
     }>;
 });
@@ -5730,6 +5726,12 @@ declare type ListItemSlot = {
     isSelected: boolean;
     select: (value: boolean) => void;
 };
+declare type ListItemTitleSlot = {
+    title?: string;
+};
+declare type ListItemSubtitleSlot = {
+    subtitle?: string;
+};
 declare const VListItem: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -5798,15 +5800,15 @@ declare const VListItem: {
                 prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                subtitle?: (() => vue.VNodeChild) | undefined;
+                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
             };
             "v-slots"?: {
                 prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: false | (() => vue.VNodeChild) | undefined;
-                subtitle?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
             } | undefined;
             border?: string | number | boolean | undefined;
             elevation?: string | number | undefined;
@@ -5891,15 +5893,15 @@ declare const VListItem: {
                 prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                subtitle?: (() => vue.VNodeChild) | undefined;
+                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
             };
             "v-slots"?: {
                 prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
                 default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: false | (() => vue.VNodeChild) | undefined;
-                subtitle?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
             } | undefined;
             border?: string | number | boolean | undefined;
             elevation?: string | number | undefined;
@@ -5999,15 +6001,15 @@ declare const VListItem: {
             prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
             default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            subtitle?: (() => vue.VNodeChild) | undefined;
+            title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
         };
         "v-slots"?: {
             prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
             append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
             default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            title?: false | (() => vue.VNodeChild) | undefined;
-            subtitle?: false | (() => vue.VNodeChild) | undefined;
+            title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
         } | undefined;
         border?: string | number | boolean | undefined;
         elevation?: string | number | undefined;
@@ -6082,15 +6084,15 @@ declare const VListItem: {
         prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
         default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
-        subtitle?: (() => vue.VNodeChild) | undefined;
+        title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+        subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
     };
     "v-slots"?: {
         prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
         append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
         default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        title?: false | (() => vue.VNodeChild) | undefined;
-        subtitle?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+        subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
     } | undefined;
     border?: string | number | boolean | undefined;
     elevation?: string | number | undefined;
@@ -6120,8 +6122,8 @@ declare const VListItem: {
         prepend: [ListItemSlot];
         append: [ListItemSlot];
         default: [ListItemSlot];
-        title: [];
-        subtitle: [];
+        title: [ListItemTitleSlot];
+        subtitle: [ListItemSubtitleSlot];
     }>;
 });
 declare type VListItem = InstanceType<typeof VListItem>;
@@ -7380,6 +7382,7 @@ declare const VRadioGroup: vue.DefineComponent<{
 }>;
 
 declare const VRangeSlider: vue.DefineComponent<{
+    strict: BooleanConstructor;
     modelValue: {
         type: PropType<number[]>;
         default: () => number[];
@@ -7481,6 +7484,7 @@ declare const VRangeSlider: vue.DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: [number, number]) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<{
+    strict?: unknown;
     modelValue?: unknown;
     elevation?: unknown;
     rounded?: unknown;
@@ -7523,6 +7527,7 @@ declare const VRangeSlider: vue.DefineComponent<{
     density: "default" | "comfortable" | "compact" | null;
     elevation: string | number;
     modelValue: number[];
+    strict: boolean;
     disabled: boolean;
     max: string | number;
     readonly: boolean;
@@ -7563,6 +7568,7 @@ declare const VRangeSlider: vue.DefineComponent<{
     elevation: string | number;
     rounded: string | number | boolean;
     modelValue: number[];
+    strict: boolean;
     disabled: boolean;
     max: string | number;
     readonly: boolean;