@vuetify/nightly 3.6.3-master.2024-05-05 → 3.6.3-master.2024-05-07

package/CHANGELOG.md

@@ -1,14 +1,23 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.6.3-master.2024-05-05...v) (2024-05-05)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.6.3-master.2024-05-07...v) (2024-05-07)
 
 
 
-## [3.6.3-master.2024-05-05](https://github.com/vuetifyjs/vuetify/compare/v3.6.3...v3.6.3-master.2024-05-05) (2024-05-05)
+## [3.6.3-master.2024-05-07](https://github.com/vuetifyjs/vuetify/compare/v3.6.3...v3.6.3-master.2024-05-07) (2024-05-07)
 
 
 ### Bug Fixes
 
+* **colors:** apply theme-on-surface override for bg text color ([43529fa](https://github.com/vuetifyjs/vuetify/commit/43529fa936cbb0d58d78e1c48aebc1e6c7fe3d1e))
 * **variant:** always remove underlay from normal flow ([6aea5e4](https://github.com/vuetifyjs/vuetify/commit/6aea5e4cb24f29978c8d416c8e53330189d917a7))
+* **VAutocomplete:** only clear search on blur in multiple or using chips/selection shots ([#19701](https://github.com/vuetifyjs/vuetify/issues/19701)) ([d02e1b3](https://github.com/vuetifyjs/vuetify/commit/d02e1b3cec7b98a29eb69f42249f15ace6da25f3)), closes [#19543](https://github.com/vuetifyjs/vuetify/issues/19543)
 * **VDataTable:** change mobile default to false ([#19744](https://github.com/vuetifyjs/vuetify/issues/19744)) ([a194622](https://github.com/vuetifyjs/vuetify/commit/a194622437e9baa0e9202a349fbc97dee95885cf))
+* **VFileInput:** correctly set single value to null when cleared ([fce7f75](https://github.com/vuetifyjs/vuetify/commit/fce7f758cfa26dac23e79fafa5c6fc5b67294e5d))
+* **VList:** allow group activators to be links ([94a05d1](https://github.com/vuetifyjs/vuetify/commit/94a05d1f1aae54b97a9a9ea27c61d3c28314f953)), closes [#10981](https://github.com/vuetifyjs/vuetify/issues/10981)
+* **VNumberInput:** use VTextField as the base component ([#19714](https://github.com/vuetifyjs/vuetify/issues/19714)) ([53d6bb9](https://github.com/vuetifyjs/vuetify/commit/53d6bb9138be4eb19a85f0722253a7aba3065cc9)), closes [#19659](https://github.com/vuetifyjs/vuetify/issues/19659) [#19757](https://github.com/vuetifyjs/vuetify/issues/19757)
+* **VResponsive:** contentClass accepts array and object ([8f0322d](https://github.com/vuetifyjs/vuetify/commit/8f0322d095f277074678f4b454bdc83203d592bc)), closes [#19729](https://github.com/vuetifyjs/vuetify/issues/19729)
+* **VTabs:** inherit attrs and scope id ([67b30e7](https://github.com/vuetifyjs/vuetify/commit/67b30e70435f7bcbb7abb64d2a5b9c4dc191355d)), closes [#19752](https://github.com/vuetifyjs/vuetify/issues/19752) [#19754](https://github.com/vuetifyjs/vuetify/issues/19754)
+* **VToolbar/VAppBar:** nav-icon and title alignment ([daa96e9](https://github.com/vuetifyjs/vuetify/commit/daa96e98f1a6d84c14a3c610e654faed47160c62))
+* **VTreeview:** lines prop supports boolean type ([#19668](https://github.com/vuetifyjs/vuetify/issues/19668)) ([330baa0](https://github.com/vuetifyjs/vuetify/commit/330baa073d4cc93a996f5e9ca039a8721cef8691)), closes [#19638](https://github.com/vuetifyjs/vuetify/issues/19638)
 
 
 

package/dist/json/attributes.json

@@ -2156,7 +2156,7 @@
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
   },
   "VCarouselItem/content-class": {
-    "type": "string\n",
+    "type": "any\n",
     "description": "Apply a custom class to the internal content element."
   },
   "VCarouselItem/inline": {
@@ -6056,7 +6056,7 @@
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
   },
   "VImg/content-class": {
-    "type": "string\n",
+    "type": "any\n",
     "description": "Apply a custom class to the internal content element."
   },
   "VImg/inline": {
@@ -6792,7 +6792,7 @@
     "description": "Applies a distinct style to the component."
   },
   "VListItem/lines": {
-    "type": "'one' | 'two' | 'three'\n",
+    "type": "false | 'one' | 'two' | 'three'\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VListItem.json))"
   },
   "VListItemAction/start": {
@@ -7183,6 +7183,14 @@
     "type": "string\n",
     "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
   },
+  "VNumberInput/counter": {
+    "type": "string | number | boolean\n",
+    "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
+  },
+  "VNumberInput/flat": {
+    "type": "boolean\n",
+    "description": "Removes box shadow when using a variant with elevation."
+  },
   "VNumberInput/control-variant": {
     "type": "'default' | 'stacked' | 'split'\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VNumberInput.json))"
@@ -7199,6 +7207,10 @@
     "type": "number\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VNumberInput.json))"
   },
+  "VNumberInput/type": {
+    "type": "string\n",
+    "description": "Sets input type."
+  },
   "VNumberInput/max": {
     "type": "number\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VNumberInput.json))"
@@ -7207,6 +7219,54 @@
     "type": "number\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VNumberInput.json))"
   },
+  "VNumberInput/autofocus": {
+    "type": "boolean\n",
+    "description": "Enables autofocus."
+  },
+  "VNumberInput/prefix": {
+    "type": "string\n",
+    "description": "Displays prefix text."
+  },
+  "VNumberInput/placeholder": {
+    "type": "string\n",
+    "description": "Sets the input’s placeholder text."
+  },
+  "VNumberInput/persistent-placeholder": {
+    "type": "boolean\n",
+    "description": "Forces placeholder to always be visible."
+  },
+  "VNumberInput/persistent-counter": {
+    "type": "boolean\n",
+    "description": "Forces counter to always be visible."
+  },
+  "VNumberInput/suffix": {
+    "type": "string\n",
+    "description": "Displays suffix text."
+  },
+  "VNumberInput/role": {
+    "type": "string\n",
+    "description": "The role attribute applied to the input."
+  },
+  "VNumberInput/id": {
+    "type": "string\n",
+    "description": "Sets the DOM id on the component."
+  },
+  "VNumberInput/append-icon": {
+    "type": "any\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VNumberInput/center-affix": {
+    "type": "boolean\n",
+    "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
+  },
+  "VNumberInput/prepend-icon": {
+    "type": "any\n",
+    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
+  },
+  "VNumberInput/hide-spin-buttons": {
+    "type": "boolean\n",
+    "description": "Hides spin buttons on the input when type is set to `number`."
+  },
   "VNumberInput/hint": {
     "type": "string\n",
     "description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property."
@@ -7215,6 +7275,14 @@
     "type": "boolean\n",
     "description": "Forces [hint](#props-hint) to always be visible."
   },
+  "VNumberInput/messages": {
+    "type": "string | string[]\n",
+    "description": "Displays a list of messages or a single message if using a string."
+  },
+  "VNumberInput/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the input."
+  },
   "VNumberInput/reverse": {
     "type": "boolean\n",
     "description": "Reverses the orientation."
@@ -7223,6 +7291,18 @@
     "type": "'default' | 'comfortable' | 'compact'\n",
     "description": "Adjusts the vertical height used by the component."
   },
+  "VNumberInput/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
+  },
+  "VNumberInput/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
+  },
+  "VNumberInput/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
   "VNumberInput/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
@@ -7235,14 +7315,38 @@
     "type": "boolean\n",
     "description": "Puts the input in a manual error state."
   },
+  "VNumberInput/error-messages": {
+    "type": "string | string[]\n",
+    "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
+  },
+  "VNumberInput/max-errors": {
+    "type": "string | number\n",
+    "description": "Control the maximum number of shown errors from validation."
+  },
+  "VNumberInput/name": {
+    "type": "string\n",
+    "description": "Sets the component's name attribute."
+  },
   "VNumberInput/readonly": {
     "type": "boolean\n",
     "description": "Puts input in readonly state."
   },
+  "VNumberInput/rules": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
+    "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
+  },
   "VNumberInput/model-value": {
-    "type": "number\n",
+    "type": "any\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
+  "VNumberInput/validate-on": {
+    "type": "  | 'blur'\n  | 'input'\n  | 'submit'\n  | 'blur lazy'\n  | 'input lazy'\n  | 'submit lazy'\n  | 'lazy blur'\n  | 'lazy input'\n  | 'lazy submit'\n  | 'lazy'\n",
+    "description": "Change what type of event triggers validation to run."
+  },
+  "VNumberInput/validation-value": {
+    "type": "any\n",
+    "description": "The value used when applying validation rules."
+  },
   "VNumberInput/focused": {
     "type": "boolean\n",
     "description": "Forces a focused state styling on the component."
@@ -7255,6 +7359,18 @@
     "type": "string\n",
     "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
+  "VNumberInput/clearable": {
+    "type": "boolean\n",
+    "description": "Allows for the component to be cleared."
+  },
+  "VNumberInput/clear-icon": {
+    "type": "any\n",
+    "description": "The icon used when the **clearable** prop is set to true."
+  },
+  "VNumberInput/active": {
+    "type": "boolean\n",
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
+  },
   "VNumberInput/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
@@ -7263,6 +7379,18 @@
     "type": "string\n",
     "description": "Sets the color of the input when it is not focused."
   },
+  "VNumberInput/dirty": {
+    "type": "boolean\n",
+    "description": "Manually apply the dirty state styling."
+  },
+  "VNumberInput/persistent-clear": {
+    "type": "boolean\n",
+    "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)."
+  },
+  "VNumberInput/single-line": {
+    "type": "boolean\n",
+    "description": "Label does not move on focus/dirty."
+  },
   "VNumberInput/variant": {
     "type": "  | 'underlined'\n  | 'outlined'\n  | 'filled'\n  | 'solo'\n  | 'solo-inverted'\n  | 'solo-filled'\n  | 'plain'\n",
     "description": "Applies a distinct style to the component."
@@ -7273,7 +7401,19 @@
   },
   "VNumberInput/rounded": {
     "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
+    "description": "Adds a border radius to the input."
+  },
+  "VNumberInput/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VNumberInput/counter-value": {
+    "type": "number | ((value: any) => number)\n",
+    "description": "Function returns the counter display text."
+  },
+  "VNumberInput/model-modifiers": {
+    "type": "unknown\n",
+    "description": "**FOR INTERNAL USE ONLY**"
   },
   "VOtpInput/length": {
     "type": "string | number\n",
@@ -8348,7 +8488,7 @@
     "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content."
   },
   "VResponsive/content-class": {
-    "type": "string\n",
+    "type": "any\n",
     "description": "Apply a custom class to the internal content element."
   },
   "VResponsive/inline": {
@@ -9748,7 +9888,7 @@
     "description": "Sets the overlay opacity."
   },
   "VSnackbarQueue/model-value": {
-    "type": "(\n  | string\n  | {\n      text: string\n      multiLine: boolean\n      timer: string | boolean\n      timeout: string | number\n      vertical: boolean\n      location: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n      position: 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n      absolute: boolean\n      rounded: string | number | boolean\n      tile: boolean\n      color: string\n      variant: 'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n      theme: string\n      closeOnBack: boolean\n      contained: boolean\n      contentClass: any\n      contentProps: any\n      disabled: boolean\n      opacity: string | number\n      zIndex: string | number\n      target:\n        | Element\n        | 'parent'\n        | 'cursor'\n        | (string & {})\n        | ComponentPublicInstance\n        | [number, number]\n      closeOnContentClick: boolean\n      style: StyleValue\n      class: any\n      height: string | number\n      maxHeight: string | number\n      maxWidth: string | number\n      minHeight: string | number\n      minWidth: string | number\n      width: string | number\n      eager: boolean\n      locationStrategy: 'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n      origin: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n      offset: string | number | number[]\n      transition:\n        | string\n        | boolean\n        | (TransitionProps & { component: Component })\n      attach: string | boolean | Element\n      'v-slots': {\n        activator:\n          | false\n          | ((arg: {\n              isActive: boolean\n              props: Record<string, any>\n            }) => VNodeChild)\n        default: false | (() => VNodeChild)\n        actions:\n          | false\n          | ((arg: { isActive: Ref<boolean | null> }) => VNodeChild)\n        text: false | (() => VNodeChild)\n      }\n      'v-slot:default': false | (() => VNodeChild)\n      'v-slot:activator':\n        | false\n        | ((arg: {\n            isActive: boolean\n            props: Record<string, any>\n          }) => VNodeChild)\n      key: string | number | symbol\n      ref: VNodeRef\n      ref_for: boolean\n      ref_key: string\n      onVnodeBeforeMount: VNodeMountHook | VNodeMountHook[]\n      onVnodeMounted: VNodeMountHook | VNodeMountHook[]\n      onVnodeBeforeUpdate: VNodeUpdateHook | VNodeUpdateHook[]\n      onVnodeUpdated: VNodeUpdateHook | VNodeUpdateHook[]\n      onVnodeBeforeUnmount: VNodeMountHook | VNodeMountHook[]\n      onVnodeUnmounted: VNodeMountHook | VNodeMountHook[]\n      'v-slot:actions':\n        | false\n        | ((arg: { isActive: Ref<boolean | null> }) => VNodeChild)\n      'v-slot:text': false | (() => VNodeChild)\n    }\n)[]\n",
+    "type": "(\n  | string\n  | {\n      text: string\n      multiLine: boolean\n      timer: string | boolean\n      timeout: string | number\n      vertical: boolean\n      location: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n      position: 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n      absolute: boolean\n      rounded: string | number | boolean\n      tile: boolean\n      color: string\n      variant: 'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n      theme: string\n      closeOnBack: boolean\n      contained: boolean\n      contentClass: any\n      contentProps: any\n      disabled: boolean\n      opacity: string | number\n      zIndex: string | number\n      target:\n        | Element\n        | 'parent'\n        | 'cursor'\n        | (string & {})\n        | ComponentPublicInstance\n        | [number, number]\n      closeOnContentClick: boolean\n      style: StyleValue\n      class: any\n      height: string | number\n      maxHeight: string | number\n      maxWidth: string | number\n      minHeight: string | number\n      minWidth: string | number\n      width: string | number\n      eager: boolean\n      locationStrategy: 'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n      origin: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n      offset: string | number | number[]\n      transition:\n        | string\n        | boolean\n        | (TransitionProps & { component: Component })\n      attach: string | boolean | Element\n      'v-slots': {\n        activator:\n          | false\n          | ((arg: {\n              isActive: boolean\n              props: Record<string, any>\n            }) => VNodeChild)\n        default: false | (() => VNodeChild)\n        actions: false | ((arg: { isActive: Ref<boolean> }) => VNodeChild)\n        text: false | (() => VNodeChild)\n      }\n      'v-slot:default': false | (() => VNodeChild)\n      'v-slot:activator':\n        | false\n        | ((arg: {\n            isActive: boolean\n            props: Record<string, any>\n          }) => VNodeChild)\n      key: string | number | symbol\n      ref: VNodeRef\n      ref_for: boolean\n      ref_key: string\n      onVnodeBeforeMount: VNodeMountHook | VNodeMountHook[]\n      onVnodeMounted: VNodeMountHook | VNodeMountHook[]\n      onVnodeBeforeUpdate: VNodeUpdateHook | VNodeUpdateHook[]\n      onVnodeUpdated: VNodeUpdateHook | VNodeUpdateHook[]\n      onVnodeBeforeUnmount: VNodeMountHook | VNodeMountHook[]\n      onVnodeUnmounted: VNodeMountHook | VNodeMountHook[]\n      'v-slot:actions':\n        | false\n        | ((arg: { isActive: Ref<boolean> }) => VNodeChild)\n      'v-slot:text': false | (() => VNodeChild)\n    }\n)[]\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VSnackbarQueue/z-index": {
@@ -12348,7 +12488,7 @@
     "description": "Applies a distinct style to the component."
   },
   "VTreeviewItem/lines": {
-    "type": "'one' | 'two' | 'three'\n",
+    "type": "false | 'one' | 'two' | 'three'\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VListItem.json))"
   },
   "VValidation/disabled": {

package/dist/json/importMap-labs.json

@@ -1,21 +1,5 @@
 {
   "components": {
-    "VNumberInput": {
-      "from": "labs/VNumberInput/index.mjs",
-      "styles": []
-    },
-    "VTimePicker": {
-      "from": "labs/VTimePicker/index.mjs",
-      "styles": []
-    },
-    "VTimePickerClock": {
-      "from": "labs/VTimePicker/index.mjs",
-      "styles": []
-    },
-    "VTimePickerControls": {
-      "from": "labs/VTimePicker/index.mjs",
-      "styles": []
-    },
     "VCalendar": {
       "from": "labs/VCalendar/index.mjs",
       "styles": []
@@ -40,6 +24,10 @@
       "from": "labs/VCalendar/index.mjs",
       "styles": []
     },
+    "VNumberInput": {
+      "from": "labs/VNumberInput/index.mjs",
+      "styles": []
+    },
     "VPicker": {
       "from": "labs/VPicker/index.mjs",
       "styles": []
@@ -60,6 +48,18 @@
       "from": "labs/VTreeview/index.mjs",
       "styles": []
     },
+    "VTimePicker": {
+      "from": "labs/VTimePicker/index.mjs",
+      "styles": []
+    },
+    "VTimePickerClock": {
+      "from": "labs/VTimePicker/index.mjs",
+      "styles": []
+    },
+    "VTimePickerControls": {
+      "from": "labs/VTimePicker/index.mjs",
+      "styles": []
+    },
     "VDateInput": {
       "from": "labs/VDateInput/index.mjs",
       "styles": []