@vuetify/nightly 3.3.12-dev.2023-08-17 → 3.3.12-dev.2023-08-18

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.12-dev.2023-08-17...v) (2023-08-17)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.12-dev.2023-08-18...v) (2023-08-18)
 
 
 
-## [3.3.12-dev.2023-08-17](https://github.com/vuetifyjs/vuetify/compare/v3.3.12...v3.3.12-dev.2023-08-17) (2023-08-17)
+## [3.3.12-dev.2023-08-18](https://github.com/vuetifyjs/vuetify/compare/v3.3.12...v3.3.12-dev.2023-08-18) (2023-08-18)
 
 
 ### Bug Fixes
@@ -23,6 +23,9 @@
 
 ### Features
 
+* **directiveComponent:** create new composable ([#17395](https://github.com/vuetifyjs/vuetify/issues/17395)) ([6c9eb7a](https://github.com/vuetifyjs/vuetify/commit/6c9eb7a653c6f30d1e0d32568e824fdbf6956ff4))
+* **display:** add local mobile-breakpoint support ([#18010](https://github.com/vuetifyjs/vuetify/issues/18010)) ([f1ff554](https://github.com/vuetifyjs/vuetify/commit/f1ff554767cb63587893bf33c3866dcb2d9d2e57)), closes [#15381](https://github.com/vuetifyjs/vuetify/issues/15381)
+* **theme:** change default theme colors ([#17999](https://github.com/vuetifyjs/vuetify/issues/17999)) ([3d70698](https://github.com/vuetifyjs/vuetify/commit/3d70698225b9f152194ad4ad7c54aba2084b1d1c))
 * **VAvatar:** add text prop ([68b2ab4](https://github.com/vuetifyjs/vuetify/commit/68b2ab46aa6ec2e6f5b84fcbf6e442611037854d))
 * **VBreadcrumbs:** add item slot ([#15743](https://github.com/vuetifyjs/vuetify/issues/15743)) ([5fce8d1](https://github.com/vuetifyjs/vuetify/commit/5fce8d19865c460ba7be75cd8e9ebdab0fa4f516)), closes [#15742](https://github.com/vuetifyjs/vuetify/issues/15742)
 * **VColorPicker:** add eyedropper button when supported ([#17952](https://github.com/vuetifyjs/vuetify/issues/17952)) ([3559698](https://github.com/vuetifyjs/vuetify/commit/3559698e0536dedfee78fee6e1699ef37e04d93a)), closes [#14790](https://github.com/vuetifyjs/vuetify/issues/14790)

package/dist/json/attributes.json

@@ -863,6 +863,10 @@
     "type": "string\n",
     "description": "Designates a specific src image to pass to the thumbnail."
   },
+  "v-banner/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-banner/lines": {
     "type": "'one' | 'two' | 'three'\n",
     "description": "The amount of visible lines of text before it truncates."
@@ -2267,10 +2271,6 @@
     "type": "string | number\n",
     "description": "Sets the default offset for the column."
   },
-  "v-col/cols": {
-    "type": "string | number | boolean\n",
-    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
-  },
   "v-col/sm": {
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on small and greater breakpoints."
@@ -2291,6 +2291,10 @@
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on extra extra large and greater breakpoints."
   },
+  "v-col/cols": {
+    "type": "string | number | boolean\n",
+    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
+  },
   "v-col/offset-sm": {
     "type": "string | number\n",
     "description": "Changes the offset of the component on small and greater breakpoints."
@@ -5647,6 +5651,10 @@
     "type": "string | boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-navigation-drawer.json))"
   },
+  "v-navigation-drawer/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality."
+  },
   "v-navigation-drawer/disable-resize-watcher": {
     "type": "boolean\n",
     "description": "Will automatically open/close drawer when resized depending if mobile or desktop."
@@ -7475,6 +7483,10 @@
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
   },
+  "v-slide-group/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "v-slide-group/mandatory": {
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
@@ -8419,6 +8431,10 @@
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
   },
+  "v-tabs/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "v-tabs/grow": {
     "type": "boolean\n",
     "description": "Force `v-tab`'s to take up all available space"

package/dist/json/importMap.json

@@ -28,14 +28,14 @@
       "from": "components/VAutocomplete/index.mjs",
       "styles": []
     },
-    "VBadge": {
-      "from": "components/VBadge/index.mjs",
-      "styles": []
-    },
     "VAvatar": {
       "from": "components/VAvatar/index.mjs",
       "styles": []
     },
+    "VBadge": {
+      "from": "components/VBadge/index.mjs",
+      "styles": []
+    },
     "VBanner": {
       "from": "components/VBanner/index.mjs",
       "styles": []
@@ -52,14 +52,6 @@
       "from": "components/VBottomNavigation/index.mjs",
       "styles": []
     },
-    "VBtn": {
-      "from": "components/VBtn/index.mjs",
-      "styles": []
-    },
-    "VBtnGroup": {
-      "from": "components/VBtnGroup/index.mjs",
-      "styles": []
-    },
     "VBreadcrumbs": {
       "from": "components/VBreadcrumbs/index.mjs",
       "styles": []
@@ -72,6 +64,14 @@
       "from": "components/VBreadcrumbs/index.mjs",
       "styles": []
     },
+    "VBtn": {
+      "from": "components/VBtn/index.mjs",
+      "styles": []
+    },
+    "VBtnGroup": {
+      "from": "components/VBtnGroup/index.mjs",
+      "styles": []
+    },
     "VBtnToggle": {
       "from": "components/VBtnToggle/index.mjs",
       "styles": []
@@ -116,14 +116,14 @@
       "from": "components/VCheckbox/index.mjs",
       "styles": []
     },
-    "VChipGroup": {
-      "from": "components/VChipGroup/index.mjs",
-      "styles": []
-    },
     "VChip": {
       "from": "components/VChip/index.mjs",
       "styles": []
     },
+    "VChipGroup": {
+      "from": "components/VChipGroup/index.mjs",
+      "styles": []
+    },
     "VCode": {
       "from": "components/VCode/index.mjs",
       "styles": []
@@ -140,14 +140,14 @@
       "from": "components/VCounter/index.mjs",
       "styles": []
     },
-    "VDivider": {
-      "from": "components/VDivider/index.mjs",
-      "styles": []
-    },
     "VDialog": {
       "from": "components/VDialog/index.mjs",
       "styles": []
     },
+    "VDivider": {
+      "from": "components/VDivider/index.mjs",
+      "styles": []
+    },
     "VExpansionPanels": {
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
@@ -200,14 +200,14 @@
       "from": "components/VIcon/index.mjs",
       "styles": []
     },
-    "VInput": {
-      "from": "components/VInput/index.mjs",
-      "styles": []
-    },
     "VImg": {
       "from": "components/VImg/index.mjs",
       "styles": []
     },
+    "VInput": {
+      "from": "components/VInput/index.mjs",
+      "styles": []
+    },
     "VItemGroup": {
       "from": "components/VItemGroup/index.mjs",
       "styles": []
@@ -300,6 +300,10 @@
       "from": "components/VRating/index.mjs",
       "styles": []
     },
+    "VSelect": {
+      "from": "components/VSelect/index.mjs",
+      "styles": []
+    },
     "VSelectionControl": {
       "from": "components/VSelectionControl/index.mjs",
       "styles": []
@@ -312,14 +316,6 @@
       "from": "components/VSheet/index.mjs",
       "styles": []
     },
-    "VSlider": {
-      "from": "components/VSlider/index.mjs",
-      "styles": []
-    },
-    "VSnackbar": {
-      "from": "components/VSnackbar/index.mjs",
-      "styles": []
-    },
     "VSlideGroup": {
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
@@ -328,6 +324,14 @@
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
     },
+    "VSlider": {
+      "from": "components/VSlider/index.mjs",
+      "styles": []
+    },
+    "VSnackbar": {
+      "from": "components/VSnackbar/index.mjs",
+      "styles": []
+    },
     "VSwitch": {
       "from": "components/VSwitch/index.mjs",
       "styles": []
@@ -336,10 +340,6 @@
       "from": "components/VSystemBar/index.mjs",
       "styles": []
     },
-    "VTable": {
-      "from": "components/VTable/index.mjs",
-      "styles": []
-    },
     "VTabs": {
       "from": "components/VTabs/index.mjs",
       "styles": []
@@ -348,14 +348,18 @@
       "from": "components/VTabs/index.mjs",
       "styles": []
     },
-    "VTextField": {
-      "from": "components/VTextField/index.mjs",
+    "VTable": {
+      "from": "components/VTable/index.mjs",
       "styles": []
     },
     "VTextarea": {
       "from": "components/VTextarea/index.mjs",
       "styles": []
     },
+    "VTextField": {
+      "from": "components/VTextField/index.mjs",
+      "styles": []
+    },
     "VTimeline": {
       "from": "components/VTimeline/index.mjs",
       "styles": []
@@ -392,10 +396,6 @@
       "from": "components/VDefaultsProvider/index.mjs",
       "styles": []
     },
-    "VSelect": {
-      "from": "components/VSelect/index.mjs",
-      "styles": []
-    },
     "VForm": {
       "from": "components/VForm/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -255,6 +255,7 @@
       "max-width",
       "min-height",
       "min-width",
+      "mobile-breakpoint",
       "position",
       "rounded",
       "stacked",
@@ -1895,6 +1896,7 @@
       "floating",
       "image",
       "location",
+      "mobile-breakpoint",
       "model-value",
       "name",
       "order",
@@ -2484,6 +2486,7 @@
       "disabled",
       "mandatory",
       "max",
+      "mobile-breakpoint",
       "model-value",
       "multiple",
       "next-icon",
@@ -2820,6 +2823,7 @@
       "items",
       "mandatory",
       "max",
+      "mobile-breakpoint",
       "model-value",
       "multiple",
       "next-icon",

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.12-dev.2023-08-17",
+  "version": "3.3.12-dev.2023-08-18",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2812,6 +2812,15 @@
                 "type": "string\n"
               }
             },
+            {
+              "name": "mobileBreakpoint",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-banner#props",
+              "value": {
+                "kind": "expression",
+                "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n"
+              }
+            },
             {
               "name": "lines",
               "description": "The amount of visible lines of text before it truncates.",
@@ -7522,16 +7531,6 @@
                 "type": "string | number\n"
               }
             },
-            {
-              "name": "cols",
-              "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**.",
-              "doc-url": "https://vuetifyjs.com/api/v-col#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "string | number | boolean\n"
-              }
-            },
             {
               "name": "sm",
               "description": "Changes the number of columns on small and greater breakpoints.",
@@ -7582,6 +7581,16 @@
                 "type": "string | number | boolean\n"
               }
             },
+            {
+              "name": "cols",
+              "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**.",
+              "doc-url": "https://vuetifyjs.com/api/v-col#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | boolean\n"
+              }
+            },
             {
               "name": "offsetSm",
               "description": "Changes the offset of the component on small and greater breakpoints.",
@@ -22942,6 +22951,15 @@
                 "type": "string | boolean\n"
               }
             },
+            {
+              "name": "mobileBreakpoint",
+              "description": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality.",
+              "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props",
+              "value": {
+                "kind": "expression",
+                "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n"
+              }
+            },
             {
               "name": "disableResizeWatcher",
               "description": "Will automatically open/close drawer when resized depending if mobile or desktop.",
@@ -29475,6 +29493,15 @@
                 "type": "number\n"
               }
             },
+            {
+              "name": "mobileBreakpoint",
+              "description": "Sets the designated mobile breakpoint for the component.",
+              "doc-url": "https://vuetifyjs.com/api/v-slide-group#props",
+              "value": {
+                "kind": "expression",
+                "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n"
+              }
+            },
             {
               "name": "mandatory",
               "description": "Forces at least one item to always be selected (if available).",
@@ -32976,6 +33003,15 @@
                 "type": "number\n"
               }
             },
+            {
+              "name": "mobileBreakpoint",
+              "description": "Sets the designated mobile breakpoint for the component.",
+              "doc-url": "https://vuetifyjs.com/api/v-tabs#props",
+              "value": {
+                "kind": "expression",
+                "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n"
+              }
+            },
             {
               "name": "grow",
               "description": "Force `v-tab`'s to take up all available space",