@vuetify/nightly 3.3.2-pr-17265.4b7bc69 → 3.3.3-master.2023-06-08

package/CHANGELOG.md

@@ -1,19 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.2-pr-17265.4b7bc69...v) (2023-05-29)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.3-master.2023-06-08...v) (2023-06-08)
 
 
 
-## [3.3.2-pr-17265.4b7bc69](https://github.com/vuetifyjs/vuetify/compare/v3.3.2...v3.3.2-pr-17265.4b7bc69) (2023-05-29)
-
-
-### Bug Fixes
-
-* use display height if scrolling parent is window ([ff603e8](https://github.com/vuetifyjs/vuetify/commit/ff603e8146f44725ca0eb176b219d4a069609d09))
-* **VVirtualScroll:** set max visible items to 12 if no item-height ([288bcab](https://github.com/vuetifyjs/vuetify/commit/288bcab23e66fc438e0e39c325841e5dc7d91855))
-
-
-### Features
-
-* **VSelect:** implement virtual scrolling ([acd6aae](https://github.com/vuetifyjs/vuetify/commit/acd6aae5e23764423d3f6df846056aa5318a34d5))
+## [3.3.3-master.2023-06-08](https://github.com/vuetifyjs/vuetify/compare/v3.3.3...v3.3.3-master.2023-06-08) (2023-06-08)
 
 
 

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": {
@@ -4693,11 +4693,11 @@
   },
   "v-list/selected": {
     "type": "unknown[]\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
   },
   "v-list/select-strategy": {
     "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L5-L12\" target=\"_blank\">SelectStrategyFn</a>\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
   },
   "v-list/nav": {
     "type": "boolean\n",
@@ -4705,11 +4705,11 @@
   },
   "v-list/open-strategy": {
     "type": "  | 'multiple'\n  | 'single'\n  | 'list'\n  | { open: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L1-L8\" target=\"_blank\">OpenStrategyFn</a>; select: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L10-L18\" target=\"_blank\">OpenSelectStrategyFn</a> }\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected."
   },
   "v-list/opened": {
     "type": "unknown[]\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
   },
   "v-list/item-type": {
     "type": "string\n",
@@ -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": {
@@ -8551,10 +8551,6 @@
     "type": "string | number\n",
     "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size."
   },
-  "v-virtual-scroll/renderless": {
-    "type": "boolean\n",
-    "description": "MISSING DESCRIPTION"
-  },
   "v-window/model-value": {
     "type": "any\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"

package/dist/json/importMap-labs.json

@@ -28,14 +28,14 @@
       "from": "labs/VDataTable/index.mjs",
       "styles": []
     },
-    "VInfiniteScroll": {
-      "from": "labs/VInfiniteScroll/index.mjs",
-      "styles": []
-    },
     "VSkeletonLoader": {
       "from": "labs/VSkeletonLoader/index.mjs",
       "styles": []
     },
+    "VInfiniteScroll": {
+      "from": "labs/VInfiniteScroll/index.mjs",
+      "styles": []
+    },
     "VDataIterator": {
       "from": "labs/VDataIterator/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -2835,7 +2835,6 @@
       "max-width",
       "min-height",
       "min-width",
-      "renderless",
       "width"
     ],
     "description": ""

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-pr-17265.4b7bc69",
+  "version": "3.3.3-master.2023-06-08",
   "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"
                 }
               ]
             },
@@ -13888,7 +13899,6 @@
               "name": "itemHeight",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
-              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
@@ -15443,7 +15453,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | Record<string, any>\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -15618,7 +15628,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | Record<string, any>\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -19567,7 +19577,7 @@
             },
             {
               "name": "selected",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "value": {
                 "kind": "expression",
@@ -19576,7 +19586,7 @@
             },
             {
               "name": "selectStrategy",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "default": "'single-leaf'",
               "value": {
@@ -19596,7 +19606,7 @@
             },
             {
               "name": "openStrategy",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "default": "'list'",
               "value": {
@@ -19606,7 +19616,7 @@
             },
             {
               "name": "opened",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "value": {
                 "kind": "expression",
@@ -20124,7 +20134,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -30037,7 +30047,7 @@
               "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "boolean\n"
+                "type": "boolean | { class: string }\n"
               }
             },
             {
@@ -33600,21 +33610,10 @@
               "name": "itemHeight",
               "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size.",
               "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
-              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
               }
-            },
-            {
-              "name": "renderless",
-              "description": "MISSING DESCRIPTION",
-              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean\n"
-              }
             }
           ],
           "events": [],
@@ -33622,7 +33621,17 @@
             {
               "name": "default",
               "description": "Default slot to render a single item",
-              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots"
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "unknown"
+                },
+                {
+                  "name": "index",
+                  "type": "number"
+                }
+              ]
             }
           ],
           "vue-model": {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.2-pr-17265.4b7bc69
+* Vuetify v3.3.3-master.2023-06-08
 * 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,
@@ -16411,18 +16401,6 @@ html.overflow-y-hidden {
   min-height: 100vh;
   min-height: 100dvh;
   position: relative;
-}.v-app-bar {
-  display: flex;
-}
-.v-app-bar.v-toolbar {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
-  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-app-bar:not(.v-toolbar--absolute) {
-  padding-inline-end: var(--v-scrollbar-offset);
 }.v-alert {
   display: grid;
   flex: 1 1;
@@ -16727,6 +16705,18 @@ html.overflow-y-hidden {
 .v-autocomplete--active-menu .v-autocomplete__menu-icon {
   opacity: var(--v-high-emphasis-opacity);
   transform: rotate(180deg);
+}.v-app-bar {
+  display: flex;
+}
+.v-app-bar.v-toolbar {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }.v-avatar {
   flex: none;
   align-items: center;
@@ -17557,8 +17547,6 @@ html.overflow-y-hidden {
 
 .v-snackbar-actions .v-btn {
   padding: 0 8px;
-}.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
-  opacity: var(--v-activated-opacity);
 }/** if false, disabled buttons will be greyed out */
 .v-btn-group {
   display: inline-flex;
@@ -17616,6 +17604,8 @@ html.overflow-y-hidden {
 }
 .v-btn-group--tile {
   border-radius: 0;
+}.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
+  opacity: var(--v-activated-opacity);
 }.v-card {
   display: block;
   overflow: hidden;
@@ -19396,6 +19386,82 @@ html.overflow-y-hidden {
   flex: 0 1 auto;
   font-size: 12px;
   transition-duration: 150ms;
+}.v-dialog {
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+}
+.v-dialog > .v-overlay__content {
+  max-height: calc(100% - 48px);
+  width: calc(100% - 48px);
+  max-width: calc(100% - 48px);
+  margin: 24px;
+  display: flex;
+  flex-direction: column;
+}
+.v-dialog > .v-overlay__content > .v-card,
+.v-dialog > .v-overlay__content > .v-sheet {
+  --v-scrollbar-offset: 0px;
+  border-radius: 4px;
+  overflow-y: auto;
+  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-dialog > .v-overlay__content > .v-card {
+  display: flex;
+  flex-direction: column;
+}
+.v-dialog > .v-overlay__content > .v-card > .v-card-item {
+  padding: 14px 24px 0;
+}
+.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
+  padding-top: 10px;
+}
+.v-dialog > .v-overlay__content > .v-card > .v-card-text {
+  font-size: inherit;
+  letter-spacing: 0.03125em;
+  line-height: inherit;
+  padding: 16px 24px 10px;
+}
+
+.v-dialog--fullscreen {
+  --v-scrollbar-offset: 0px;
+}
+.v-dialog--fullscreen > .v-overlay__content {
+  border-radius: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+  top: 0;
+  left: 0;
+}
+.v-dialog--fullscreen > .v-overlay__content > .v-card,
+.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
+  min-height: 100%;
+  min-width: 100%;
+  border-radius: 0;
+}
+
+.v-dialog--scrollable > .v-overlay__content,
+.v-dialog--scrollable > .v-overlay__content > form {
+  display: flex;
+}
+.v-dialog--scrollable > .v-overlay__content > .v-card,
+.v-dialog--scrollable > .v-overlay__content > form > .v-card {
+  display: flex;
+  flex: 1 1 100%;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 100%;
+}
+.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
+.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  overflow-y: auto;
 }.v-divider {
   display: block;
   flex: 1 1 100%;
@@ -19754,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));
 }
@@ -22128,6 +22195,7 @@ html.v-overlay-scroll-blocked {
 
 .v-tabs.v-slide-group--vertical {
   height: auto;
+  flex: none;
   --v-tabs-height: 48px;
 }
 
@@ -22333,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;
@@ -22348,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;
@@ -23121,82 +23189,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-dialog {
-  align-items: center;
-  justify-content: center;
-  margin: auto;
-}
-.v-dialog > .v-overlay__content {
-  max-height: calc(100% - 48px);
-  width: calc(100% - 48px);
-  max-width: calc(100% - 48px);
-  margin: 24px;
-  display: flex;
-  flex-direction: column;
-}
-.v-dialog > .v-overlay__content > .v-card,
-.v-dialog > .v-overlay__content > .v-sheet {
-  --v-scrollbar-offset: 0px;
-  border-radius: 4px;
-  overflow-y: auto;
-  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-dialog > .v-overlay__content > .v-card {
-  display: flex;
-  flex-direction: column;
-}
-.v-dialog > .v-overlay__content > .v-card > .v-card-item {
-  padding: 14px 24px 0;
-}
-.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
-  padding-top: 10px;
-}
-.v-dialog > .v-overlay__content > .v-card > .v-card-text {
-  font-size: inherit;
-  letter-spacing: 0.03125em;
-  line-height: inherit;
-  padding: 16px 24px 10px;
-}
-
-.v-dialog--fullscreen {
-  --v-scrollbar-offset: 0px;
-}
-.v-dialog--fullscreen > .v-overlay__content {
-  border-radius: 0;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  max-width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  top: 0;
-  left: 0;
-}
-.v-dialog--fullscreen > .v-overlay__content > .v-card,
-.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
-  min-height: 100%;
-  min-width: 100%;
-  border-radius: 0;
-}
-
-.v-dialog--scrollable > .v-overlay__content,
-.v-dialog--scrollable > .v-overlay__content > form {
-  display: flex;
-}
-.v-dialog--scrollable > .v-overlay__content > .v-card,
-.v-dialog--scrollable > .v-overlay__content > form > .v-card {
-  display: flex;
-  flex: 1 1 100%;
-  flex-direction: column;
-  max-height: 100%;
-  max-width: 100%;
-}
-.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
-.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  overflow-y: auto;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;