@vuetify/nightly 3.6.0-alpha.2-dev.2024-04-17 → 3.6.0-alpha.2-dev.2024-04-22

package/CHANGELOG.md

@@ -1,13 +1,21 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.6.0-alpha.2-dev.2024-04-17...v) (2024-04-17)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.6.0-alpha.2-dev.2024-04-22...v) (2024-04-22)
 
 
 
-# [3.6.0-alpha.2-dev.2024-04-17](https://github.com/vuetifyjs/vuetify/compare/v3.6.0-alpha.2...v3.6.0-alpha.2-dev.2024-04-17) (2024-04-17)
+# [3.6.0-alpha.2-dev.2024-04-22](https://github.com/vuetifyjs/vuetify/compare/v3.6.0-alpha.2...v3.6.0-alpha.2-dev.2024-04-22) (2024-04-22)
 
 
 ### Bug Fixes
 
 * **VDataTable:** add missing scss variable for loading opacity ([69b5cc8](https://github.com/vuetifyjs/vuetify/commit/69b5cc8e36092350987f53a32b4820c22785a612))
+* **VDialog:** adjust styling to better match material spec ([383bbdc](https://github.com/vuetifyjs/vuetify/commit/383bbdc2e642922ac50de1b88b4be156510b8b2d))
+* **VSpeedDial:** proxy VMenu model ([245f6d3](https://github.com/vuetifyjs/vuetify/commit/245f6d3868c62d41048a9f91769ae2e327cc2366))
+
+
+### Features
+
+* support css cascade layers ([#19641](https://github.com/vuetifyjs/vuetify/issues/19641)) ([4820347](https://github.com/vuetifyjs/vuetify/commit/4820347463f5ea139bea08a712dd4573c3f492b4))
+* **VBtn:** add new readonly prop ([72f33dc](https://github.com/vuetifyjs/vuetify/commit/72f33dcd84ef3a3799ec1312a5eaa42e320b3e92))
 
 
 

package/dist/_component-variables-labs.sass

@@ -3,4 +3,5 @@
 @forward '../lib/labs/VFab/_variables.scss'
 @forward '../lib/labs/VNumberInput/_variables.scss'
 @forward '../lib/labs/VPicker/_variables.scss'
-@forward '../lib/labs/VTimePicker/_variables.scss'
+@forward '../lib/labs/VTimePicker/_variables.scss'
+@forward '../lib/labs/VTreeview/_variables.scss'

package/dist/json/attributes.json

@@ -247,6 +247,10 @@
     "type": "boolean\n",
     "description": "Expands the button to 100% of available space."
   },
+  "VAppBarNavIcon/readonly": {
+    "type": "boolean\n",
+    "description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
+  },
   "VAppBarNavIcon/slim": {
     "type": "boolean\n",
     "description": "Reduces padding to 0 8px."
@@ -1323,6 +1327,10 @@
     "type": "boolean\n",
     "description": "Expands the button to 100% of available space."
   },
+  "VBtn/readonly": {
+    "type": "boolean\n",
+    "description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
+  },
   "VBtn/slim": {
     "type": "boolean\n",
     "description": "Reduces padding to 0 8px."
@@ -4967,6 +4975,10 @@
     "type": "boolean\n",
     "description": "Expands the button to 100% of available space."
   },
+  "VFab/readonly": {
+    "type": "boolean\n",
+    "description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
+  },
   "VFab/slim": {
     "type": "boolean\n",
     "description": "Reduces padding to 0 8px."
@@ -9939,6 +9951,10 @@
     "type": "any\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
+  "VTab/readonly": {
+    "type": "boolean\n",
+    "description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
+  },
   "VTab/slim": {
     "type": "boolean\n",
     "description": "Reduces padding to 0 8px."

package/dist/json/importMap-labs.json

@@ -28,10 +28,26 @@
       "from": "labs/VCalendar/index.mjs",
       "styles": []
     },
+    "VEmptyState": {
+      "from": "labs/VEmptyState/index.mjs",
+      "styles": []
+    },
     "VNumberInput": {
       "from": "labs/VNumberInput/index.mjs",
       "styles": []
     },
+    "VTreeview": {
+      "from": "labs/VTreeview/index.mjs",
+      "styles": []
+    },
+    "VTreeviewItem": {
+      "from": "labs/VTreeview/index.mjs",
+      "styles": []
+    },
+    "VTreeviewGroup": {
+      "from": "labs/VTreeview/index.mjs",
+      "styles": []
+    },
     "VTimePicker": {
       "from": "labs/VTimePicker/index.mjs",
       "styles": []
@@ -52,32 +68,16 @@
       "from": "labs/VPicker/index.mjs",
       "styles": []
     },
-    "VEmptyState": {
-      "from": "labs/VEmptyState/index.mjs",
-      "styles": []
-    },
-    "VSparkline": {
-      "from": "labs/VSparkline/index.mjs",
-      "styles": []
-    },
-    "VSpeedDial": {
-      "from": "labs/VSpeedDial/index.mjs",
-      "styles": []
-    },
     "VConfirmEdit": {
       "from": "labs/VConfirmEdit/index.mjs",
       "styles": []
     },
-    "VTreeview": {
-      "from": "labs/VTreeview/index.mjs",
-      "styles": []
-    },
-    "VTreeviewItem": {
-      "from": "labs/VTreeview/index.mjs",
+    "VSpeedDial": {
+      "from": "labs/VSpeedDial/index.mjs",
       "styles": []
     },
-    "VTreeviewGroup": {
-      "from": "labs/VTreeview/index.mjs",
+    "VSparkline": {
+      "from": "labs/VSparkline/index.mjs",
       "styles": []
     }
   }

package/dist/json/importMap.json

@@ -4,6 +4,18 @@
       "from": "components/VApp/index.mjs",
       "styles": []
     },
+    "VAlert": {
+      "from": "components/VAlert/index.mjs",
+      "styles": []
+    },
+    "VAlertTitle": {
+      "from": "components/VAlert/index.mjs",
+      "styles": []
+    },
+    "VAutocomplete": {
+      "from": "components/VAutocomplete/index.mjs",
+      "styles": []
+    },
     "VAppBar": {
       "from": "components/VAppBar/index.mjs",
       "styles": []
@@ -16,20 +28,12 @@
       "from": "components/VAppBar/index.mjs",
       "styles": []
     },
-    "VAutocomplete": {
-      "from": "components/VAutocomplete/index.mjs",
-      "styles": []
-    },
     "VBadge": {
       "from": "components/VBadge/index.mjs",
       "styles": []
     },
-    "VAlert": {
-      "from": "components/VAlert/index.mjs",
-      "styles": []
-    },
-    "VAlertTitle": {
-      "from": "components/VAlert/index.mjs",
+    "VAvatar": {
+      "from": "components/VAvatar/index.mjs",
       "styles": []
     },
     "VBanner": {
@@ -44,12 +48,12 @@
       "from": "components/VBanner/index.mjs",
       "styles": []
     },
-    "VBottomNavigation": {
-      "from": "components/VBottomNavigation/index.mjs",
+    "VBottomSheet": {
+      "from": "components/VBottomSheet/index.mjs",
       "styles": []
     },
-    "VAvatar": {
-      "from": "components/VAvatar/index.mjs",
+    "VBottomNavigation": {
+      "from": "components/VBottomNavigation/index.mjs",
       "styles": []
     },
     "VBreadcrumbs": {
@@ -64,38 +68,18 @@
       "from": "components/VBreadcrumbs/index.mjs",
       "styles": []
     },
-    "VBottomSheet": {
-      "from": "components/VBottomSheet/index.mjs",
-      "styles": []
-    },
-    "VCard": {
-      "from": "components/VCard/index.mjs",
-      "styles": []
-    },
-    "VCardActions": {
-      "from": "components/VCard/index.mjs",
-      "styles": []
-    },
-    "VCardItem": {
-      "from": "components/VCard/index.mjs",
-      "styles": []
-    },
-    "VCardSubtitle": {
-      "from": "components/VCard/index.mjs",
-      "styles": []
-    },
-    "VCardText": {
-      "from": "components/VCard/index.mjs",
-      "styles": []
-    },
-    "VCardTitle": {
-      "from": "components/VCard/index.mjs",
+    "VBtnToggle": {
+      "from": "components/VBtnToggle/index.mjs",
       "styles": []
     },
     "VBtn": {
       "from": "components/VBtn/index.mjs",
       "styles": []
     },
+    "VBtnGroup": {
+      "from": "components/VBtnGroup/index.mjs",
+      "styles": []
+    },
     "VCarousel": {
       "from": "components/VCarousel/index.mjs",
       "styles": []
@@ -104,44 +88,40 @@
       "from": "components/VCarousel/index.mjs",
       "styles": []
     },
-    "VBtnToggle": {
-      "from": "components/VBtnToggle/index.mjs",
+    "VChipGroup": {
+      "from": "components/VChipGroup/index.mjs",
       "styles": []
     },
-    "VBtnGroup": {
-      "from": "components/VBtnGroup/index.mjs",
+    "VCard": {
+      "from": "components/VCard/index.mjs",
       "styles": []
     },
-    "VCheckbox": {
-      "from": "components/VCheckbox/index.mjs",
+    "VCardActions": {
+      "from": "components/VCard/index.mjs",
       "styles": []
     },
-    "VCheckboxBtn": {
-      "from": "components/VCheckbox/index.mjs",
+    "VCardItem": {
+      "from": "components/VCard/index.mjs",
       "styles": []
     },
-    "VChipGroup": {
-      "from": "components/VChipGroup/index.mjs",
+    "VCardSubtitle": {
+      "from": "components/VCard/index.mjs",
       "styles": []
     },
-    "VCombobox": {
-      "from": "components/VCombobox/index.mjs",
+    "VCardText": {
+      "from": "components/VCard/index.mjs",
       "styles": []
     },
-    "VChip": {
-      "from": "components/VChip/index.mjs",
+    "VCardTitle": {
+      "from": "components/VCard/index.mjs",
       "styles": []
     },
     "VColorPicker": {
       "from": "components/VColorPicker/index.mjs",
       "styles": []
     },
-    "VDialog": {
-      "from": "components/VDialog/index.mjs",
-      "styles": []
-    },
-    "VCode": {
-      "from": "components/VCode/index.mjs",
+    "VChip": {
+      "from": "components/VChip/index.mjs",
       "styles": []
     },
     "VDataTable": {
@@ -172,6 +152,14 @@
       "from": "components/VDataTable/index.mjs",
       "styles": []
     },
+    "VCheckbox": {
+      "from": "components/VCheckbox/index.mjs",
+      "styles": []
+    },
+    "VCheckboxBtn": {
+      "from": "components/VCheckbox/index.mjs",
+      "styles": []
+    },
     "VCounter": {
       "from": "components/VCounter/index.mjs",
       "styles": []
@@ -200,6 +188,30 @@
       "from": "components/VDatePicker/index.mjs",
       "styles": []
     },
+    "VCode": {
+      "from": "components/VCode/index.mjs",
+      "styles": []
+    },
+    "VCombobox": {
+      "from": "components/VCombobox/index.mjs",
+      "styles": []
+    },
+    "VDialog": {
+      "from": "components/VDialog/index.mjs",
+      "styles": []
+    },
+    "VDivider": {
+      "from": "components/VDivider/index.mjs",
+      "styles": []
+    },
+    "VField": {
+      "from": "components/VField/index.mjs",
+      "styles": []
+    },
+    "VFieldLabel": {
+      "from": "components/VField/index.mjs",
+      "styles": []
+    },
     "VExpansionPanels": {
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
@@ -216,6 +228,10 @@
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
     },
+    "VImg": {
+      "from": "components/VImg/index.mjs",
+      "styles": []
+    },
     "VFileInput": {
       "from": "components/VFileInput/index.mjs",
       "styles": []
@@ -224,18 +240,6 @@
       "from": "components/VFooter/index.mjs",
       "styles": []
     },
-    "VDivider": {
-      "from": "components/VDivider/index.mjs",
-      "styles": []
-    },
-    "VField": {
-      "from": "components/VField/index.mjs",
-      "styles": []
-    },
-    "VFieldLabel": {
-      "from": "components/VField/index.mjs",
-      "styles": []
-    },
     "VIcon": {
       "from": "components/VIcon/index.mjs",
       "styles": []
@@ -256,8 +260,12 @@
       "from": "components/VIcon/index.mjs",
       "styles": []
     },
-    "VImg": {
-      "from": "components/VImg/index.mjs",
+    "VInput": {
+      "from": "components/VInput/index.mjs",
+      "styles": []
+    },
+    "VKbd": {
+      "from": "components/VKbd/index.mjs",
       "styles": []
     },
     "VInfiniteScroll": {
@@ -272,12 +280,8 @@
       "from": "components/VItemGroup/index.mjs",
       "styles": []
     },
-    "VKbd": {
-      "from": "components/VKbd/index.mjs",
-      "styles": []
-    },
-    "VInput": {
-      "from": "components/VInput/index.mjs",
+    "VLabel": {
+      "from": "components/VLabel/index.mjs",
       "styles": []
     },
     "VList": {
@@ -316,28 +320,20 @@
       "from": "components/VList/index.mjs",
       "styles": []
     },
-    "VMenu": {
-      "from": "components/VMenu/index.mjs",
-      "styles": []
-    },
-    "VLabel": {
-      "from": "components/VLabel/index.mjs",
-      "styles": []
-    },
     "VMessages": {
       "from": "components/VMessages/index.mjs",
       "styles": []
     },
-    "VNavigationDrawer": {
-      "from": "components/VNavigationDrawer/index.mjs",
+    "VMain": {
+      "from": "components/VMain/index.mjs",
       "styles": []
     },
-    "VOtpInput": {
-      "from": "components/VOtpInput/index.mjs",
+    "VMenu": {
+      "from": "components/VMenu/index.mjs",
       "styles": []
     },
-    "VMain": {
-      "from": "components/VMain/index.mjs",
+    "VNavigationDrawer": {
+      "from": "components/VNavigationDrawer/index.mjs",
       "styles": []
     },
     "VPagination": {
@@ -348,6 +344,10 @@
       "from": "components/VOverlay/index.mjs",
       "styles": []
     },
+    "VOtpInput": {
+      "from": "components/VOtpInput/index.mjs",
+      "styles": []
+    },
     "VProgressLinear": {
       "from": "components/VProgressLinear/index.mjs",
       "styles": []
@@ -372,24 +372,16 @@
       "from": "components/VSelect/index.mjs",
       "styles": []
     },
-    "VSelectionControlGroup": {
-      "from": "components/VSelectionControlGroup/index.mjs",
-      "styles": []
-    },
     "VSheet": {
       "from": "components/VSheet/index.mjs",
       "styles": []
     },
-    "VSkeletonLoader": {
-      "from": "components/VSkeletonLoader/index.mjs",
-      "styles": []
-    },
-    "VSlider": {
-      "from": "components/VSlider/index.mjs",
+    "VSelectionControlGroup": {
+      "from": "components/VSelectionControlGroup/index.mjs",
       "styles": []
     },
-    "VSnackbar": {
-      "from": "components/VSnackbar/index.mjs",
+    "VSkeletonLoader": {
+      "from": "components/VSkeletonLoader/index.mjs",
       "styles": []
     },
     "VSlideGroup": {
@@ -400,12 +392,12 @@
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
     },
-    "VSwitch": {
-      "from": "components/VSwitch/index.mjs",
+    "VSlider": {
+      "from": "components/VSlider/index.mjs",
       "styles": []
     },
-    "VSystemBar": {
-      "from": "components/VSystemBar/index.mjs",
+    "VSnackbar": {
+      "from": "components/VSnackbar/index.mjs",
       "styles": []
     },
     "VStepper": {
@@ -432,10 +424,6 @@
       "from": "components/VStepper/index.mjs",
       "styles": []
     },
-    "VTextarea": {
-      "from": "components/VTextarea/index.mjs",
-      "styles": []
-    },
     "VTable": {
       "from": "components/VTable/index.mjs",
       "styles": []
@@ -456,20 +444,16 @@
       "from": "components/VTabs/index.mjs",
       "styles": []
     },
-    "VTextField": {
-      "from": "components/VTextField/index.mjs",
-      "styles": []
-    },
-    "VToolbar": {
-      "from": "components/VToolbar/index.mjs",
+    "VSwitch": {
+      "from": "components/VSwitch/index.mjs",
       "styles": []
     },
-    "VToolbarTitle": {
-      "from": "components/VToolbar/index.mjs",
+    "VTextarea": {
+      "from": "components/VTextarea/index.mjs",
       "styles": []
     },
-    "VToolbarItems": {
-      "from": "components/VToolbar/index.mjs",
+    "VSystemBar": {
+      "from": "components/VSystemBar/index.mjs",
       "styles": []
     },
     "VTimeline": {
@@ -488,6 +472,22 @@
       "from": "components/VWindow/index.mjs",
       "styles": []
     },
+    "VTextField": {
+      "from": "components/VTextField/index.mjs",
+      "styles": []
+    },
+    "VToolbar": {
+      "from": "components/VToolbar/index.mjs",
+      "styles": []
+    },
+    "VToolbarTitle": {
+      "from": "components/VToolbar/index.mjs",
+      "styles": []
+    },
+    "VToolbarItems": {
+      "from": "components/VToolbar/index.mjs",
+      "styles": []
+    },
     "VTooltip": {
       "from": "components/VTooltip/index.mjs",
       "styles": []
@@ -504,6 +504,10 @@
       "from": "components/VForm/index.mjs",
       "styles": []
     },
+    "VHover": {
+      "from": "components/VHover/index.mjs",
+      "styles": []
+    },
     "VContainer": {
       "from": "components/VGrid/index.mjs",
       "styles": []
@@ -520,10 +524,6 @@
       "from": "components/VGrid/index.mjs",
       "styles": []
     },
-    "VHover": {
-      "from": "components/VHover/index.mjs",
-      "styles": []
-    },
     "VLayout": {
       "from": "components/VLayout/index.mjs",
       "styles": []
@@ -544,6 +544,10 @@
       "from": "components/VNoSsr/index.mjs",
       "styles": []
     },
+    "VParallax": {
+      "from": "components/VParallax/index.mjs",
+      "styles": []
+    },
     "VRadio": {
       "from": "components/VRadio/index.mjs",
       "styles": []
@@ -552,10 +556,6 @@
       "from": "components/VRangeSlider/index.mjs",
       "styles": []
     },
-    "VParallax": {
-      "from": "components/VParallax/index.mjs",
-      "styles": []
-    },
     "VResponsive": {
       "from": "components/VResponsive/index.mjs",
       "styles": []
@@ -564,14 +564,14 @@
       "from": "components/VThemeProvider/index.mjs",
       "styles": []
     },
-    "VValidation": {
-      "from": "components/VValidation/index.mjs",
-      "styles": []
-    },
     "VVirtualScroll": {
       "from": "components/VVirtualScroll/index.mjs",
       "styles": []
     },
+    "VValidation": {
+      "from": "components/VValidation/index.mjs",
+      "styles": []
+    },
     "VFabTransition": {
       "from": "components/transitions/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -98,6 +98,7 @@
       "min-width",
       "position",
       "prepend-icon",
+      "readonly",
       "replace",
       "ripple",
       "rounded",
@@ -432,6 +433,7 @@
       "min-width",
       "position",
       "prepend-icon",
+      "readonly",
       "replace",
       "ripple",
       "rounded",
@@ -1628,6 +1630,7 @@
       "order",
       "position",
       "prepend-icon",
+      "readonly",
       "replace",
       "ripple",
       "rounded",
@@ -3271,6 +3274,7 @@
       "min-height",
       "min-width",
       "prepend-icon",
+      "readonly",
       "replace",
       "ripple",
       "rounded",