@vuetify/nightly 4.0.0-dev-20230516.0 → 4.0.0-dev-20230517.0

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v4.0.0-dev-20230516.0...v) (2023-05-16)
+# [](https://github.com/vuetifyjs/vuetify/compare/v4.0.0-dev-20230517.0...v) (2023-05-17)
 
 
 
-# [4.0.0-dev-20230516.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.5...v4.0.0-dev-20230516.0) (2023-05-16)
+# [4.0.0-dev-20230517.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.5...v4.0.0-dev-20230517.0) (2023-05-17)
 
 
 ### Bug Fixes
@@ -18,8 +18,10 @@
 
 ### Features
 
-* support vue 3.3 ([#17282](https://github.com/vuetifyjs/vuetify/issues/17282)) ([ca10d14](https://github.com/vuetifyjs/vuetify/commit/ca10d145d51a0f6e1851b02bbc98dc740cbda9bc))
 * **ssr:** add server-side clientWidth/height options ([178b013](https://github.com/vuetifyjs/vuetify/commit/178b013b3e5eb97090a0571e3e9a66c9ee079b74)), closes [#17252](https://github.com/vuetifyjs/vuetify/issues/17252)
+* **VBottomSheet:** port to v3 ([#17010](https://github.com/vuetifyjs/vuetify/issues/17010)) ([d6487bf](https://github.com/vuetifyjs/vuetify/commit/d6487bff88a71b0db005cec6f59b9a38c9153620)), closes [#13466](https://github.com/vuetifyjs/vuetify/issues/13466)
+* **VForm:** allow individual inputs to be enabled in disabled form ([d768946](https://github.com/vuetifyjs/vuetify/commit/d768946b7d138cd45f3b8249bcbd7401a23cb439)), closes [#17391](https://github.com/vuetifyjs/vuetify/issues/17391)
+* support vue 3.3 ([#17282](https://github.com/vuetifyjs/vuetify/issues/17282)) ([ca10d14](https://github.com/vuetifyjs/vuetify/commit/ca10d145d51a0f6e1851b02bbc98dc740cbda9bc))
 * **types:** emit declarations as .d.mts ([5e08832](https://github.com/vuetifyjs/vuetify/commit/5e08832fabe80ddc839907d13c7279a091ddfee5)), closes [#15885](https://github.com/vuetifyjs/vuetify/issues/15885)
 * **VColorPicker:** accept rgb)(/hsl()/hsv() swatches ([42f7cbd](https://github.com/vuetifyjs/vuetify/commit/42f7cbd4e568bca7bd9076b8f869b3deb412facc)), closes [#8833](https://github.com/vuetifyjs/vuetify/issues/8833)
 * **VImg:** use intrinsic size ([#17090](https://github.com/vuetifyjs/vuetify/issues/17090)) ([d7d111b](https://github.com/vuetifyjs/vuetify/commit/d7d111b89342d680954a605505895c15a301e3a2)), closes [#17031](https://github.com/vuetifyjs/vuetify/issues/17031) [#5757](https://github.com/vuetifyjs/vuetify/issues/5757)

package/dist/_component-variables-labs.sass

@@ -1,3 +1,4 @@
+@forward '../lib/labs/VBottomSheet/_variables.scss'
 @forward '../lib/labs/VDataTable/_variables.scss'
 @forward '../lib/labs/VInfiniteScroll/_variables.scss'
 @forward '../lib/labs/VSkeletonLoader/_variables.scss'

package/dist/json/attributes.json

@@ -935,6 +935,158 @@
     "type": "boolean | \"force\"",
     "description": "Forces at least one item to always be selected (if available)."
   },
+  "v-bottom-sheet/model-value": {
+    "type": "boolean",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
+  },
+  "v-bottom-sheet/height": {
+    "type": "string | number",
+    "description": "Sets the height for the component."
+  },
+  "v-bottom-sheet/max-height": {
+    "type": "string | number",
+    "description": "Sets the maximum height for the component."
+  },
+  "v-bottom-sheet/max-width": {
+    "type": "string | number",
+    "description": "Sets the maximum width for the component."
+  },
+  "v-bottom-sheet/min-height": {
+    "type": "string | number",
+    "description": "Sets the minimum height for the component."
+  },
+  "v-bottom-sheet/min-width": {
+    "type": "string | number",
+    "description": "Sets the minimum width for the component."
+  },
+  "v-bottom-sheet/width": {
+    "type": "string | number",
+    "description": "Sets the width for the component."
+  },
+  "v-bottom-sheet/location": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L7-L13\" target=\"_blank\">Anchor</a>",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-bottom-sheet/absolute": {
+    "type": "boolean",
+    "description": "Applies **position: absolute** to the content element."
+  },
+  "v-bottom-sheet/theme": {
+    "type": "string",
+    "description": "Specify a theme for this component and all of its children"
+  },
+  "v-bottom-sheet/z-index": {
+    "type": "string | number",
+    "description": "The z-index used for the component"
+  },
+  "v-bottom-sheet/disabled": {
+    "type": "boolean",
+    "description": "Removes the ability to click or target the component"
+  },
+  "v-bottom-sheet/eager": {
+    "type": "boolean",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
+  "v-bottom-sheet/activator": {
+    "type": "string | Element | ComponentPublicInstance",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
+  },
+  "v-bottom-sheet/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."
+  },
+  "v-bottom-sheet/contained": {
+    "type": "boolean",
+    "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`."
+  },
+  "v-bottom-sheet/content-class": {
+    "type": "any",
+    "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component"
+  },
+  "v-bottom-sheet/content-props": {
+    "type": "any",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
+  },
+  "v-bottom-sheet/no-click-animation": {
+    "type": "boolean",
+    "description": "Disables the bounce effect when clicking outside of the content element when using the persistent prop."
+  },
+  "v-bottom-sheet/persistent": {
+    "type": "boolean",
+    "description": "Clicking outside of the element or pressing esc key will not deactivate it."
+  },
+  "v-bottom-sheet/scrim": {
+    "type": "string | boolean",
+    "description": "Accepts true/false to enable background, and string to define color."
+  },
+  "v-bottom-sheet/activator-props": {
+    "type": "{  }",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
+  },
+  "v-bottom-sheet/open-on-click": {
+    "type": "boolean",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
+  },
+  "v-bottom-sheet/open-on-hover": {
+    "type": "boolean",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
+  },
+  "v-bottom-sheet/open-on-focus": {
+    "type": "boolean",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
+  },
+  "v-bottom-sheet/close-on-content-click": {
+    "type": "boolean",
+    "description": "Closes component when you click on its content"
+  },
+  "v-bottom-sheet/close-delay": {
+    "type": "string | number",
+    "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
+  },
+  "v-bottom-sheet/open-delay": {
+    "type": "string | number",
+    "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
+  },
+  "v-bottom-sheet/location-strategy": {
+    "type": "\"static\" | \"connected\" | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>",
+    "description": "A function used to specifies how the component should position relative to its activator"
+  },
+  "v-bottom-sheet/origin": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L7-L13\" target=\"_blank\">Anchor</a> | \"auto\" | \"overlap\"",
+    "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
+  },
+  "v-bottom-sheet/offset": {
+    "type": "string | number | number[]",
+    "description": "A single value that offsets content away from the target based upon what side it is on"
+  },
+  "v-bottom-sheet/scroll-strategy": {
+    "type": "\"close\" | \"block\" | \"none\" | \"reposition\" | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-scroll-strategies.json))"
+  },
+  "v-bottom-sheet/transition": {
+    "type": "string | { component: Component }",
+    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
+  },
+  "v-bottom-sheet/attach": {
+    "type": "string | boolean | Element",
+    "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
+  },
+  "v-bottom-sheet/inset": {
+    "type": "boolean",
+    "description": "Reduces the sheet content maximum width to 70%."
+  },
+  "v-bottom-sheet/fullscreen": {
+    "type": "boolean",
+    "description": "Changes layout for fullscreen display."
+  },
+  "v-bottom-sheet/retain-focus": {
+    "type": "boolean",
+    "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
+  },
+  "v-bottom-sheet/scrollable": {
+    "type": "boolean",
+    "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
+  },
   "v-breadcrumbs/icon": {
     "type": "string | (string | [string, number])[] | (new () => any) | FunctionalComponent",
     "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
@@ -7099,6 +7251,10 @@
     "type": "boolean",
     "description": "MISSING DESCRIPTION"
   },
+  "v-switch/inset": {
+    "type": "boolean",
+    "description": "Enlarge the `v-switch` track to encompass the thumb"
+  },
   "v-switch/indeterminate": {
     "type": "boolean",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-switch.json))"
@@ -7123,10 +7279,6 @@
     "type": "string | (string | [string, number])[] | (new () => any) | FunctionalComponent",
     "description": "MISSING DESCRIPTION"
   },
-  "v-switch/inset": {
-    "type": "boolean",
-    "description": "Enlarge the `v-switch` track to encompass the thumb"
-  },
   "v-system-bar/height": {
     "type": "string | number",
     "description": "Sets the height for the component."

package/dist/json/importMap-labs.json

@@ -1,5 +1,9 @@
 {
   "components": {
+    "VBottomSheet": {
+      "from": "labs/VBottomSheet/index.mjs",
+      "styles": []
+    },
     "VDataTable": {
       "from": "labs/VDataTable/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -298,6 +298,49 @@
     ],
     "description": ""
   },
+  "v-bottom-sheet": {
+    "attributes": [
+      "absolute",
+      "activator",
+      "activator-props",
+      "attach",
+      "close-delay",
+      "close-on-back",
+      "close-on-content-click",
+      "contained",
+      "content-class",
+      "content-props",
+      "disabled",
+      "eager",
+      "fullscreen",
+      "height",
+      "inset",
+      "location",
+      "location-strategy",
+      "max-height",
+      "max-width",
+      "min-height",
+      "min-width",
+      "model-value",
+      "no-click-animation",
+      "offset",
+      "open-delay",
+      "open-on-click",
+      "open-on-focus",
+      "open-on-hover",
+      "origin",
+      "persistent",
+      "retain-focus",
+      "scrim",
+      "scroll-strategy",
+      "scrollable",
+      "theme",
+      "transition",
+      "width",
+      "z-index"
+    ],
+    "description": ""
+  },
   "v-breadcrumbs": {
     "attributes": [
       "active-class",