vuetify 2.4.0 → 2.4.4

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "2.4.0",
+  "version": "2.4.4",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1242,7 +1242,7 @@
             },
             {
               "name": "filter",
-              "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L36)",
+              "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L40)",
               "doc-url": "https://www.vuetifyjs.com/api/v-autocomplete#props",
               "default": "(item, queryText, itemText) => {}",
               "value": {
@@ -3860,7 +3860,7 @@
             },
             {
               "name": "fab",
-              "description": "Designates the button as a floating-action-button - _round_.",
+              "description": "Designates the button as a floating-action-button. Button will become _round_.",
               "doc-url": "https://www.vuetifyjs.com/api/v-btn#props",
               "default": "false",
               "value": {
@@ -3908,7 +3908,7 @@
             },
             {
               "name": "icon",
-              "description": "Designates the button as icon - _round and flat_",
+              "description": "Designates the button as icon. Button will become _round_ and applies the **text** prop.",
               "doc-url": "https://www.vuetifyjs.com/api/v-btn#props",
               "default": "false",
               "value": {
@@ -3973,7 +3973,7 @@
             },
             {
               "name": "loading",
-              "description": "Adds a loading icon animation",
+              "description": "Adds a loading icon animation.",
               "doc-url": "https://www.vuetifyjs.com/api/v-btn#props",
               "default": "false",
               "value": {
@@ -4168,7 +4168,7 @@
             },
             {
               "name": "text",
-              "description": "Makes the background transparent.",
+              "description": "Makes the background transparent. When using the **color** prop, the color will be applied to the button text instead of the background.",
               "doc-url": "https://www.vuetifyjs.com/api/v-btn#props",
               "default": "false",
               "value": {
@@ -4214,7 +4214,7 @@
             },
             {
               "name": "type",
-              "description": "Set the button's **type** attribute",
+              "description": "Set the button's **type** attribute.",
               "doc-url": "https://www.vuetifyjs.com/api/v-btn#props",
               "default": "'button'",
               "value": {
@@ -4289,7 +4289,7 @@
             },
             {
               "name": "loader",
-              "description": "Custom loader",
+              "description": "Custom loader.",
               "doc-url": "https://www.vuetifyjs.com/api/v-btn#slots"
             }
           ],
@@ -5059,7 +5059,7 @@
               "name": "start",
               "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.",
               "doc-url": "https://www.vuetifyjs.com/api/v-calendar#props",
-              "default": "2020-12-23",
+              "default": "2021-02-09",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -6688,7 +6688,7 @@
               "name": "start",
               "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.",
               "doc-url": "https://www.vuetifyjs.com/api/v-calendar-daily#props",
-              "default": "2020-12-23",
+              "default": "2021-02-09",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -6906,7 +6906,7 @@
               "name": "start",
               "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.",
               "doc-url": "https://www.vuetifyjs.com/api/v-calendar-weekly#props",
-              "default": "2020-12-23",
+              "default": "2021-02-09",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -7124,7 +7124,7 @@
               "name": "start",
               "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.",
               "doc-url": "https://www.vuetifyjs.com/api/v-calendar-monthly#props",
-              "default": "2020-12-23",
+              "default": "2021-02-09",
               "value": {
                 "kind": "expression",
                 "type": [
@@ -8613,6 +8613,17 @@
             }
           ],
           "events": [
+            {
+              "name": "change",
+              "description": "Emitted when the input is changed by user interaction",
+              "doc-url": "https://www.vuetifyjs.com/api/v-checkbox#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "any"
+                }
+              ]
+            },
             {
               "name": "click",
               "description": "Emitted when input is clicked",
@@ -10053,7 +10064,7 @@
             },
             {
               "name": "filter",
-              "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L36)",
+              "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L40)",
               "doc-url": "https://www.vuetifyjs.com/api/v-combobox#props",
               "default": "(item, queryText, itemText) => {}",
               "value": {
@@ -13485,6 +13496,16 @@
               },
               "type": "boolean"
             },
+            {
+              "name": "sort-by-text",
+              "description": "Sets the label text used by the default sort-by selector when `v-data-table` is rendering the mobile view",
+              "doc-url": "https://www.vuetifyjs.com/api/v-data-table-header#props",
+              "default": "'Sort by'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "sort-icon",
               "description": "Icon used for sort button",
@@ -15352,6 +15373,17 @@
                 ]
               }
             },
+            {
+              "name": "multiple",
+              "description": "Adds the **multiple** attribute to the input, allowing multiple file selections.",
+              "doc-url": "https://www.vuetifyjs.com/api/v-file-input#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "type": "boolean"
+            },
             {
               "name": "outlined",
               "description": "Applies the outlined style to the input",
@@ -15590,17 +15622,6 @@
                 "kind": "expression",
                 "type": "any"
               }
-            },
-            {
-              "name": "multiple",
-              "description": "Adds the **multiple** attribute to the input, allowing multiple file selections.",
-              "doc-url": "https://www.vuetifyjs.com/api/v-file-input#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "type": "boolean"
             }
           ],
           "events": [
@@ -16730,26 +16751,6 @@
           "description": "",
           "doc-url": "https://www.vuetifyjs.com/api/v-layout",
           "attributes": [
-            {
-              "name": "id",
-              "description": "Sets the DOM id on the component",
-              "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "tag",
-              "description": "Specify a custom tag used on the root element.",
-              "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
-              "default": "div",
-              "value": {
-                "kind": "expression",
-                "type": "String"
-              }
-            },
             {
               "name": "align-baseline",
               "description": "",
@@ -16840,6 +16841,17 @@
                 "type": "Boolean"
               }
             },
+            {
+              "name": "column",
+              "description": "",
+              "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "type": "boolean"
+            },
             {
               "name": "d-{type}",
               "description": "",
@@ -16860,6 +16872,16 @@
                 "type": "Boolean"
               }
             },
+            {
+              "name": "id",
+              "description": "Sets the DOM id on the component",
+              "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "justify-center",
               "description": "",
@@ -16911,7 +16933,7 @@
               }
             },
             {
-              "name": "column",
+              "name": "reverse",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
               "default": "false",
@@ -16922,10 +16944,10 @@
               "type": "boolean"
             },
             {
-              "name": "reverse",
+              "name": "row",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
-              "default": "false",
+              "default": "true",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -16933,21 +16955,20 @@
               "type": "boolean"
             },
             {
-              "name": "wrap",
-              "description": "",
+              "name": "tag",
+              "description": "Specify a custom tag used on the root element.",
               "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
-              "default": "false",
+              "default": "div",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
-              },
-              "type": "boolean"
+                "type": "String"
+              }
             },
             {
-              "name": "row",
+              "name": "wrap",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-layout#props",
-              "default": "true",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -16978,27 +16999,18 @@
           "doc-url": "https://www.vuetifyjs.com/api/v-flex",
           "attributes": [
             {
-              "name": "id",
-              "description": "Sets the DOM id on the component",
-              "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "tag",
-              "description": "Specify a custom tag used on the root element.",
+              "name": "(size)(1-12)",
+              "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
-              "default": "'div'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string"
-              }
+                "type": "boolean"
+              },
+              "type": "boolean"
             },
             {
-              "name": "offset-(size)(0-12)",
+              "name": "align-self-baseline",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
               "default": "false",
@@ -17009,7 +17021,7 @@
               "type": "boolean"
             },
             {
-              "name": "order-(size)(1-12)",
+              "name": "align-self-center",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
               "default": "false",
@@ -17020,7 +17032,7 @@
               "type": "boolean"
             },
             {
-              "name": "(size)(1-12)",
+              "name": "align-self-end",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
               "default": "false",
@@ -17042,7 +17054,7 @@
               "type": "boolean"
             },
             {
-              "name": "align-self-end",
+              "name": "grow",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
               "default": "false",
@@ -17053,18 +17065,17 @@
               "type": "boolean"
             },
             {
-              "name": "align-self-center",
-              "description": "",
+              "name": "id",
+              "description": "Sets the DOM id on the component",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
-              "default": "false",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
-              },
-              "type": "boolean"
+                "type": "string"
+              }
             },
             {
-              "name": "align-self-baseline",
+              "name": "offset-(size)(0-12)",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
               "default": "false",
@@ -17075,7 +17086,7 @@
               "type": "boolean"
             },
             {
-              "name": "grow",
+              "name": "order-(size)(1-12)",
               "description": "",
               "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
               "default": "false",
@@ -17095,6 +17106,16 @@
                 "type": "boolean"
               },
               "type": "boolean"
+            },
+            {
+              "name": "tag",
+              "description": "Specify a custom tag used on the root element.",
+              "doc-url": "https://www.vuetifyjs.com/api/v-flex#props",
+              "default": "'div'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "events": [],
@@ -18845,7 +18866,7 @@
             },
             {
               "name": "value",
-              "description": "Controls whether the component is visible or hidden.",
+              "description": "Expands / Collapse the list-group",
               "doc-url": "https://www.vuetifyjs.com/api/v-list-group#props",
               "default": "undefined",
               "value": {
@@ -19525,7 +19546,7 @@
             },
             {
               "name": "value",
-              "description": "Expands / Collapse list group",
+              "description": "Sets the active list-item inside the list-group",
               "doc-url": "https://www.vuetifyjs.com/api/v-list-item-group#props",
               "default": "undefined",
               "value": {
@@ -20174,7 +20195,7 @@
             },
             {
               "name": "clipped",
-              "description": "A clipped drawer rests under the application toolbar",
+              "description": "A clipped drawer rests under the application toolbar. **Note:** requires the **clipped-left** or **clipped-right** prop on `v-app-bar` to work as intended",
               "doc-url": "https://www.vuetifyjs.com/api/v-navigation-drawer#props",
               "default": "false",
               "value": {
@@ -20813,7 +20834,7 @@
             },
             {
               "name": "filter",
-              "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L36)",
+              "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L40)",
               "doc-url": "https://www.vuetifyjs.com/api/v-overflow-btn#props",
               "default": "(item, queryText, itemText) => {}",
               "value": {
@@ -23223,6 +23244,17 @@
                 }
               ]
             },
+            {
+              "name": "click",
+              "description": "Emitted when input is clicked. **Note:** the **change** event should be used instead of **click** when monitoring state change",
+              "doc-url": "https://www.vuetifyjs.com/api/v-radio#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "MouseEvent"
+                }
+              ]
+            },
             {
               "name": "click:append",
               "description": "Emitted when appended icon is clicked",
@@ -28009,6 +28041,17 @@
                 }
               ]
             },
+            {
+              "name": "click",
+              "description": "Emitted when input is clicked. **Note:** the **change** event should be used instead of **click** when monitoring state change",
+              "doc-url": "https://www.vuetifyjs.com/api/v-switch#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "MouseEvent"
+                }
+              ]
+            },
             {
               "name": "click:append",
               "description": "Emitted when appended icon is clicked",

package/dist/vuetify.css

@@ -18299,6 +18299,7 @@ html.overflow-y-hidden {
   line-height: normal;
   position: relative;
   transition: inherit;
+  transition-property: opacity;
 }
 .v-btn__content .v-icon--left,
 .v-btn__content .v-icon--right {
@@ -18513,10 +18514,6 @@ html.overflow-y-hidden {
   border: thin solid currentColor;
 }
 
-.v-btn:not(.v-btn--has-bg) .v-btn__content .v-icon {
-  color: currentColor;
-}
-
 .v-btn--plain::before {
   display: none;
 }
@@ -18948,6 +18945,9 @@ html.overflow-y-hidden {
   padding-top: 12px;
   margin-top: 4px;
 }
+.v-text-field__prefix, .v-text-field__suffix {
+  line-height: 20px;
+}
 .v-text-field input {
   flex: 1 1 auto;
   line-height: 20px;
@@ -18975,9 +18975,20 @@ html.overflow-y-hidden {
 .v-text-field.v-input--dense {
   padding-top: 0;
 }
+.v-text-field.v-input--dense .v-label {
+  top: 4px;
+}
+.v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__prefix,
+.v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__suffix,
 .v-text-field.v-input--dense:not(.v-text-field--outlined) input {
   padding: 4px 0 2px;
 }
+.v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__prefix {
+  padding-right: 4px;
+}
+.v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__suffix {
+  padding-left: 4px;
+}
 .v-text-field.v-input--dense[type=text]::-ms-clear {
   display: none;
 }
@@ -18985,10 +18996,6 @@ html.overflow-y-hidden {
 .v-text-field.v-input--dense .v-input__append-inner {
   margin-top: 0px;
 }
-.v-text-field.v-input--dense:not(.v-text-field--enclosed):not(.v-text-field--full-width) .v-input__prepend-inner .v-input__icon > .v-icon,
-.v-text-field.v-input--dense:not(.v-text-field--enclosed):not(.v-text-field--full-width) .v-input__append-inner .v-input__icon > .v-icon {
-  margin-top: 8px;
-}
 .v-text-field .v-input__prepend-inner,
 .v-text-field .v-input__append-inner {
   align-self: flex-start;
@@ -19306,10 +19313,10 @@ html.overflow-y-hidden {
   text-align: right;
 }
 .v-application--is-ltr .v-text-field--outlined.v-text-field--reverse legend {
-  text-align: right;
+  margin-left: auto;
 }
 .v-application--is-rtl .v-text-field--outlined.v-text-field--reverse legend {
-  text-align: left;
+  margin-right: auto;
 }
 .v-application--is-ltr .v-text-field--outlined.v-text-field--rounded legend {
   margin-left: 12px;
@@ -25757,6 +25764,12 @@ html.overflow-y-hidden {
   flex: 1 1 auto;
   margin: -12px;
 }
+.row + .row {
+  margin-top: 12px;
+}
+.row + .row--dense {
+  margin-top: 4px;
+}
 .row--dense {
   margin: -4px;
 }