vuetify 3.3.2 → 3.3.3

package/dist/json/attributes.json

@@ -320,7 +320,7 @@
     "description": "Displays the button as a flex-column."
   },
   "v-app-bar-nav-icon/ripple": {
-    "type": "boolean\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-app-bar-nav-icon/disabled": {
@@ -1296,7 +1296,7 @@
     "description": "Displays the button as a flex-column."
   },
   "v-btn/ripple": {
-    "type": "boolean\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-btn/disabled": {
@@ -1512,7 +1512,7 @@
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
   "v-card/ripple": {
-    "type": "boolean\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-card/disabled": {
@@ -2088,7 +2088,7 @@
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
   "v-chip/ripple": {
-    "type": "boolean\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-chip/disabled": {
@@ -3680,7 +3680,7 @@
     "description": "Controls the opened/closed state of content"
   },
   "v-expansion-panel/ripple": {
-    "type": "boolean | Record<string, any>\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-expansion-panel/disabled": {
@@ -3724,7 +3724,7 @@
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (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)"
   },
   "v-expansion-panel-title/ripple": {
-    "type": "boolean | Record<string, any>\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-expansion-panel-title/readonly": {
@@ -4844,7 +4844,7 @@
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
   "v-list-item/ripple": {
-    "type": "boolean\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-list-item/disabled": {
@@ -7556,7 +7556,7 @@
     "description": "Displays the tab as a flex-column."
   },
   "v-tab/ripple": {
-    "type": "boolean\n",
+    "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "v-tab/disabled": {

package/dist/json/importMap.json

@@ -264,6 +264,10 @@
       "from": "components/VMain/index.mjs",
       "styles": []
     },
+    "VMenu": {
+      "from": "components/VMenu/index.mjs",
+      "styles": []
+    },
     "VMessages": {
       "from": "components/VMessages/index.mjs",
       "styles": []
@@ -452,10 +456,6 @@
       "from": "components/VResponsive/index.mjs",
       "styles": []
     },
-    "VMenu": {
-      "from": "components/VMenu/index.mjs",
-      "styles": []
-    },
     "VThemeProvider": {
       "from": "components/VThemeProvider/index.mjs",
       "styles": []

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -967,7 +967,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -4131,7 +4131,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -4773,7 +4773,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -6091,6 +6091,17 @@
             }
           ],
           "events": [
+            {
+              "name": "update:modelValue",
+              "description": "Event that is emitted when the component's model changes",
+              "doc-url": "https://vuetifyjs.com/api/v-checkbox#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "[boolean]\n"
+                }
+              ]
+            },
             {
               "name": "click:prepend",
               "description": "Emitted when prepended icon is clicked",
@@ -6830,7 +6841,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -6992,24 +7003,24 @@
               ]
             },
             {
-              "name": "group:selected",
-              "description": "Event that is emitted when an item is selected within a group.",
+              "name": "click",
+              "description": "Emitted when component is clicked, toggles chip if contained in a chip group - Will trigger component to ripple when clicked unless the `.native` modifier is used",
               "doc-url": "https://vuetifyjs.com/api/v-chip#events",
               "arguments": [
                 {
                   "name": "argument",
-                  "type": "[{ value: boolean }]\n"
+                  "type": "[MouseEvent | KeyboardEvent]\n"
                 }
               ]
             },
             {
-              "name": "click",
-              "description": "Emitted when component is clicked, toggles chip if contained in a chip group - Will trigger component to ripple when clicked unless the `.native` modifier is used",
+              "name": "group:selected",
+              "description": "Event that is emitted when an item is selected within a group.",
               "doc-url": "https://vuetifyjs.com/api/v-chip#events",
               "arguments": [
                 {
                   "name": "argument",
-                  "type": "[MouseEvent | KeyboardEvent]\n"
+                  "type": "[{ value: boolean }]\n"
                 }
               ]
             },
@@ -15442,7 +15453,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | Record<string, any>\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -15617,7 +15628,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | Record<string, any>\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -20123,7 +20134,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -30036,7 +30047,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.2
+* Vuetify v3.3.3
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16078,12 +16078,6 @@ html.overflow-y-hidden {
   opacity: 0.3;
 }
 
-.v-data-table__progress th {
-  position: relative;
-  border: none !important;
-  height: auto !important;
-}
-
 .v-data-table-group-header-row__column {
   padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
 }
@@ -16107,14 +16101,10 @@ html.overflow-y-hidden {
   height: 20px;
 }
 
-.v-data-table-headers__loader {
-  bottom: auto;
-  top: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: 100%;
-  z-index: 1;
+.v-data-table-progress > th {
+  border: none !important;
+  height: auto !important;
+  padding: 0 !important;
 }
 
 .v-data-table-rows-loading,
@@ -16150,6 +16140,31 @@ html.overflow-y-hidden {
 
 .v-data-table-footer__page {
   padding: 0 8px;
+}.v-infinite-scroll--horizontal {
+  display: flex;
+  flex-direction: row;
+  overflow-x: auto;
+}
+.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
+  height: 100%;
+  width: 1px;
+}
+
+.v-infinite-scroll--vertical {
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+}
+.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
+  height: 1px;
+  width: 100%;
+}
+
+.v-infinite-scroll__side {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: 8px;
 }.v-skeleton-loader {
   align-items: center;
   background: rgb(var(--v-theme-surface));
@@ -16370,31 +16385,6 @@ html.overflow-y-hidden {
   100% {
     transform: translateX(100%);
   }
-}.v-infinite-scroll--horizontal {
-  display: flex;
-  flex-direction: row;
-  overflow-x: auto;
-}
-.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
-  height: 100%;
-  width: 1px;
-}
-
-.v-infinite-scroll--vertical {
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-}
-.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
-  height: 1px;
-  width: 100%;
-}
-
-.v-infinite-scroll__side {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  padding: 8px;
 }.v-application {
   display: flex;
   background: rgb(var(--v-theme-background));
@@ -19830,6 +19820,7 @@ html.overflow-y-hidden {
   padding-inline-end: var(--v-field-padding-end);
   padding-top: var(--v-field-input-padding-top);
   padding-bottom: var(--v-field-input-padding-bottom);
+  position: relative;
   width: 100%;
   --v-field-input-min-height: max(var(--v-input-control-height, 56px), 1.625rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
 }
@@ -21160,6 +21151,20 @@ textarea.v-field__input::placeholder {
   opacity: 0.2;
   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 1;
+}.v-pagination__list {
+  display: inline-flex;
+  list-style-type: none;
+  justify-content: center;
+  width: 100%;
+}
+.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
+  margin: 0.3rem;
+}.v-parallax {
+  position: relative;
+  overflow: hidden;
+}
+.v-parallax--active > .v-img__img {
+  will-change: transform;
 }.v-overlay-container {
   contain: layout;
   left: 0;
@@ -21221,14 +21226,6 @@ html.v-overlay-scroll-blocked {
 
 .v-overlay--scroll-blocked {
   padding-inline-end: var(--v-scrollbar-offset);
-}.v-pagination__list {
-  display: inline-flex;
-  list-style-type: none;
-  justify-content: center;
-  width: 100%;
-}
-.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
-  margin: 0.3rem;
 }.v-progress-circular {
   align-items: center;
   display: inline-flex;
@@ -21331,12 +21328,6 @@ html.v-overlay-scroll-blocked {
   100% {
     transform: rotate(270deg);
   }
-}.v-parallax {
-  position: relative;
-  overflow: hidden;
-}
-.v-parallax--active > .v-img__img {
-  will-change: transform;
 }.v-progress-linear {
   background: transparent;
   overflow: hidden;
@@ -22204,6 +22195,7 @@ html.v-overlay-scroll-blocked {
 
 .v-tabs.v-slide-group--vertical {
   height: auto;
+  flex: none;
   --v-tabs-height: 48px;
 }
 
@@ -22409,13 +22401,7 @@ html.v-overlay-scroll-blocked {
   -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
   mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
 }
-.v-textarea--auto-grow .v-field__input {
-  overflow: hidden;
-}
-.v-textarea--no-resize .v-field__input {
-  resize: none;
-}
-.v-textarea__sizer {
+.v-textarea .v-field__input.v-textarea__sizer {
   visibility: hidden;
   position: absolute;
   top: 0;
@@ -22424,6 +22410,12 @@ html.v-overlay-scroll-blocked {
   min-height: 0 !important;
   pointer-events: none;
 }
+.v-textarea--auto-grow .v-field__input {
+  overflow: hidden;
+}
+.v-textarea--no-resize .v-field__input {
+  resize: none;
+}
 .v-textarea .v-field--no-label textarea,
 .v-textarea .v-field--active textarea {
   opacity: 1;