@vuetify/nightly 3.0.0-next-20221024.0 → 3.0.0-next-20221025.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,24 +1,27 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-next-20221024.0...v) (2022-10-24)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-next-20221025.0...v) (2022-10-25)
2
2
 
3
3
 
4
4
 
5
- # [3.0.0-next-20221024.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.14...v3.0.0-next-20221024.0) (2022-10-24)
5
+ # [3.0.0-next-20221025.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.14...v3.0.0-next-20221025.0) (2022-10-25)
6
6
 
7
7
 
8
8
  ### Bug Fixes
9
9
 
10
+ * **display:** correctly update after SSR mount ([64f909c](https://github.com/vuetifyjs/vuetify/commit/64f909cdabc05ae50adec7b32b6862e65a8d03cd)), closes [#15951](https://github.com/vuetifyjs/vuetify/issues/15951)
10
11
  * **locale:** always provide en messages ([0dd1f16](https://github.com/vuetifyjs/vuetify/commit/0dd1f1680f3bf9600051e0bc195f11402ee46b93))
11
12
  * **types:** don't omit properties from forwarded DOM elements ([f164fbf](https://github.com/vuetifyjs/vuetify/commit/f164fbf32371c04d8d5054e75a68ecbb352c4ab7)), closes [#15930](https://github.com/vuetifyjs/vuetify/issues/15930)
12
13
  * **types:** use generic prop type in slots ([1238948](https://github.com/vuetifyjs/vuetify/commit/1238948703680fb6f28fcf2df270f259f9ebb7ac))
13
14
  * **VBreadcrumbs:** update slot types ([19bde58](https://github.com/vuetifyjs/vuetify/commit/19bde58214d934e61f84e6dc97fb9dc9b80830fd))
15
+ * **VChip:** highlight overlay on hover ([#15909](https://github.com/vuetifyjs/vuetify/issues/15909)) ([f6cf894](https://github.com/vuetifyjs/vuetify/commit/f6cf89496542e18ae50f2ea10bffebed92d54c8a)), closes [#15853](https://github.com/vuetifyjs/vuetify/issues/15853)
14
16
  * **VCombobox:** render append/prepend-item slots ([75c29a2](https://github.com/vuetifyjs/vuetify/commit/75c29a202637e37f59a353e7f42a9a395a972687))
17
+ * **VCombobox:** set correct model values when items are objects ([dcc1fcc](https://github.com/vuetifyjs/vuetify/commit/dcc1fccea0c154ee6cb3a551b15adc13b7ba8783)), closes [#15151](https://github.com/vuetifyjs/vuetify/issues/15151)
15
18
  * **VList:** set all value types to unknown ([cf1487e](https://github.com/vuetifyjs/vuetify/commit/cf1487e7d35ba7107aa988409a32fa91f5b94ce0)), closes [#15873](https://github.com/vuetifyjs/vuetify/issues/15873)
16
19
  * **VParallax:** update scale on container resize ([038ce0f](https://github.com/vuetifyjs/vuetify/commit/038ce0fc2ec81b541e2a96639188718f69da2754)), closes [#15935](https://github.com/vuetifyjs/vuetify/issues/15935)
20
+ * **VSelect:** remove readonly from non-array model type ([d679bc6](https://github.com/vuetifyjs/vuetify/commit/d679bc6929e20f4c42650835a1923e8781115dfe)), closes [#15868](https://github.com/vuetifyjs/vuetify/issues/15868)
21
+ * **VSlideGroup:** specify slot types ([1488424](https://github.com/vuetifyjs/vuetify/commit/14884243fc8af642be5c1693f60548d50ace803f))
17
22
  * **VTextField:** update value using IME ([#15907](https://github.com/vuetifyjs/vuetify/issues/15907)) ([c5a2f58](https://github.com/vuetifyjs/vuetify/commit/c5a2f5815287850272862ab7f95adc93db9ad87b)), closes [#15901](https://github.com/vuetifyjs/vuetify/issues/15901)
18
23
  * build web-types and vetur attributes in CI ([44cd4ca](https://github.com/vuetifyjs/vuetify/commit/44cd4cad511896a0114f07ec3840b508e03c7e41)), closes [#15942](https://github.com/vuetifyjs/vuetify/issues/15942)
19
24
  * make props reactive even if not initially defined ([8a87af1](https://github.com/vuetifyjs/vuetify/commit/8a87af1afe8bb2962f996063b49e25e83ffec6aa))
20
- * **VSelect:** remove readonly from non-array model type ([d679bc6](https://github.com/vuetifyjs/vuetify/commit/d679bc6929e20f4c42650835a1923e8781115dfe)), closes [#15868](https://github.com/vuetifyjs/vuetify/issues/15868)
21
- * **VSlideGroup:** specify slot types ([1488424](https://github.com/vuetifyjs/vuetify/commit/14884243fc8af642be5c1693f60548d50ace803f))
22
25
 
23
26
 
24
27
  ### Features
@@ -60,76 +60,40 @@
60
60
  "from": "components/VRadio/index.mjs",
61
61
  "styles": []
62
62
  },
63
- "VResponsive": {
64
- "from": "components/VResponsive/index.mjs",
63
+ "VRangeSlider": {
64
+ "from": "components/VRangeSlider/index.mjs",
65
65
  "styles": []
66
66
  },
67
- "VValidation": {
68
- "from": "components/VValidation/index.mjs",
67
+ "VResponsive": {
68
+ "from": "components/VResponsive/index.mjs",
69
69
  "styles": []
70
70
  },
71
71
  "VThemeProvider": {
72
72
  "from": "components/VThemeProvider/index.mjs",
73
73
  "styles": []
74
74
  },
75
- "VFabTransition": {
76
- "from": "components/transitions/index.mjs",
77
- "styles": []
78
- },
79
- "VDialogBottomTransition": {
80
- "from": "components/transitions/index.mjs",
81
- "styles": []
82
- },
83
- "VDialogTopTransition": {
84
- "from": "components/transitions/index.mjs",
85
- "styles": []
86
- },
87
- "VFadeTransition": {
88
- "from": "components/transitions/index.mjs",
89
- "styles": []
90
- },
91
- "VScaleTransition": {
92
- "from": "components/transitions/index.mjs",
93
- "styles": []
94
- },
95
- "VScrollXTransition": {
96
- "from": "components/transitions/index.mjs",
97
- "styles": []
98
- },
99
- "VScrollXReverseTransition": {
100
- "from": "components/transitions/index.mjs",
101
- "styles": []
102
- },
103
- "VScrollYTransition": {
104
- "from": "components/transitions/index.mjs",
105
- "styles": []
106
- },
107
- "VScrollYReverseTransition": {
108
- "from": "components/transitions/index.mjs",
109
- "styles": []
110
- },
111
- "VSlideXTransition": {
112
- "from": "components/transitions/index.mjs",
75
+ "VValidation": {
76
+ "from": "components/VValidation/index.mjs",
113
77
  "styles": []
114
78
  },
115
- "VSlideXReverseTransition": {
116
- "from": "components/transitions/index.mjs",
79
+ "VAlert": {
80
+ "from": "components/VAlert/index.mjs",
117
81
  "styles": []
118
82
  },
119
- "VSlideYTransition": {
120
- "from": "components/transitions/index.mjs",
83
+ "VAlertTitle": {
84
+ "from": "components/VAlert/index.mjs",
121
85
  "styles": []
122
86
  },
123
- "VSlideYReverseTransition": {
124
- "from": "components/transitions/index.mjs",
87
+ "VAutocomplete": {
88
+ "from": "components/VAutocomplete/index.mjs",
125
89
  "styles": []
126
90
  },
127
- "VExpandTransition": {
128
- "from": "components/transitions/index.mjs",
91
+ "VAvatar": {
92
+ "from": "components/VAvatar/index.mjs",
129
93
  "styles": []
130
94
  },
131
- "VExpandXTransition": {
132
- "from": "components/transitions/index.mjs",
95
+ "VBadge": {
96
+ "from": "components/VBadge/index.mjs",
133
97
  "styles": []
134
98
  },
135
99
  "VAppBar": {
@@ -144,22 +108,6 @@
144
108
  "from": "components/VAppBar/index.mjs",
145
109
  "styles": []
146
110
  },
147
- "VAutocomplete": {
148
- "from": "components/VAutocomplete/index.mjs",
149
- "styles": []
150
- },
151
- "VAlert": {
152
- "from": "components/VAlert/index.mjs",
153
- "styles": []
154
- },
155
- "VAlertTitle": {
156
- "from": "components/VAlert/index.mjs",
157
- "styles": []
158
- },
159
- "VBadge": {
160
- "from": "components/VBadge/index.mjs",
161
- "styles": []
162
- },
163
111
  "VBanner": {
164
112
  "from": "components/VBanner/index.mjs",
165
113
  "styles": []
@@ -176,18 +124,6 @@
176
124
  "from": "components/VBottomNavigation/index.mjs",
177
125
  "styles": []
178
126
  },
179
- "VBreadcrumbs": {
180
- "from": "components/VBreadcrumbs/index.mjs",
181
- "styles": []
182
- },
183
- "VBreadcrumbsItem": {
184
- "from": "components/VBreadcrumbs/index.mjs",
185
- "styles": []
186
- },
187
- "VBreadcrumbsDivider": {
188
- "from": "components/VBreadcrumbs/index.mjs",
189
- "styles": []
190
- },
191
127
  "VBtn": {
192
128
  "from": "components/VBtn/index.mjs",
193
129
  "styles": []
@@ -260,10 +196,18 @@
260
196
  "from": "components/VCombobox/index.mjs",
261
197
  "styles": []
262
198
  },
199
+ "VCounter": {
200
+ "from": "components/VCounter/index.mjs",
201
+ "styles": []
202
+ },
263
203
  "VDialog": {
264
204
  "from": "components/VDialog/index.mjs",
265
205
  "styles": []
266
206
  },
207
+ "VDivider": {
208
+ "from": "components/VDivider/index.mjs",
209
+ "styles": []
210
+ },
267
211
  "VExpansionPanels": {
268
212
  "from": "components/VExpansionPanel/index.mjs",
269
213
  "styles": []
@@ -292,18 +236,10 @@
292
236
  "from": "components/VFileInput/index.mjs",
293
237
  "styles": []
294
238
  },
295
- "VDivider": {
296
- "from": "components/VDivider/index.mjs",
297
- "styles": []
298
- },
299
239
  "VFooter": {
300
240
  "from": "components/VFooter/index.mjs",
301
241
  "styles": []
302
242
  },
303
- "VImg": {
304
- "from": "components/VImg/index.mjs",
305
- "styles": []
306
- },
307
243
  "VIcon": {
308
244
  "from": "components/VIcon/index.mjs",
309
245
  "styles": []
@@ -324,6 +260,10 @@
324
260
  "from": "components/VIcon/index.mjs",
325
261
  "styles": []
326
262
  },
263
+ "VImg": {
264
+ "from": "components/VImg/index.mjs",
265
+ "styles": []
266
+ },
327
267
  "VInput": {
328
268
  "from": "components/VInput/index.mjs",
329
269
  "styles": []
@@ -344,14 +284,6 @@
344
284
  "from": "components/VLabel/index.mjs",
345
285
  "styles": []
346
286
  },
347
- "VCounter": {
348
- "from": "components/VCounter/index.mjs",
349
- "styles": []
350
- },
351
- "VAvatar": {
352
- "from": "components/VAvatar/index.mjs",
353
- "styles": []
354
- },
355
287
  "VList": {
356
288
  "from": "components/VList/index.mjs",
357
289
  "styles": []
@@ -404,6 +336,10 @@
404
336
  "from": "components/VNavigationDrawer/index.mjs",
405
337
  "styles": []
406
338
  },
339
+ "VOverlay": {
340
+ "from": "components/VOverlay/index.mjs",
341
+ "styles": []
342
+ },
407
343
  "VPagination": {
408
344
  "from": "components/VPagination/index.mjs",
409
345
  "styles": []
@@ -420,14 +356,6 @@
420
356
  "from": "components/VRadioGroup/index.mjs",
421
357
  "styles": []
422
358
  },
423
- "VOverlay": {
424
- "from": "components/VOverlay/index.mjs",
425
- "styles": []
426
- },
427
- "VSelectionControl": {
428
- "from": "components/VSelectionControl/index.mjs",
429
- "styles": []
430
- },
431
359
  "VRating": {
432
360
  "from": "components/VRating/index.mjs",
433
361
  "styles": []
@@ -436,6 +364,14 @@
436
364
  "from": "components/VSelect/index.mjs",
437
365
  "styles": []
438
366
  },
367
+ "VSelectionControl": {
368
+ "from": "components/VSelectionControl/index.mjs",
369
+ "styles": []
370
+ },
371
+ "VSelectionControlGroup": {
372
+ "from": "components/VSelectionControlGroup/index.mjs",
373
+ "styles": []
374
+ },
439
375
  "VSheet": {
440
376
  "from": "components/VSheet/index.mjs",
441
377
  "styles": []
@@ -448,10 +384,6 @@
448
384
  "from": "components/VSlideGroup/index.mjs",
449
385
  "styles": []
450
386
  },
451
- "VSelectionControlGroup": {
452
- "from": "components/VSelectionControlGroup/index.mjs",
453
- "styles": []
454
- },
455
387
  "VSlider": {
456
388
  "from": "components/VSlider/index.mjs",
457
389
  "styles": []
@@ -460,24 +392,32 @@
460
392
  "from": "components/VSnackbar/index.mjs",
461
393
  "styles": []
462
394
  },
395
+ "VSwitch": {
396
+ "from": "components/VSwitch/index.mjs",
397
+ "styles": []
398
+ },
463
399
  "VSystemBar": {
464
400
  "from": "components/VSystemBar/index.mjs",
465
401
  "styles": []
466
402
  },
467
- "VTextarea": {
468
- "from": "components/VTextarea/index.mjs",
403
+ "VTabs": {
404
+ "from": "components/VTabs/index.mjs",
405
+ "styles": []
406
+ },
407
+ "VTab": {
408
+ "from": "components/VTabs/index.mjs",
469
409
  "styles": []
470
410
  },
471
411
  "VTable": {
472
412
  "from": "components/VTable/index.mjs",
473
413
  "styles": []
474
414
  },
475
- "VTabs": {
476
- "from": "components/VTabs/index.mjs",
415
+ "VTextarea": {
416
+ "from": "components/VTextarea/index.mjs",
477
417
  "styles": []
478
418
  },
479
- "VTab": {
480
- "from": "components/VTabs/index.mjs",
419
+ "VTextField": {
420
+ "from": "components/VTextField/index.mjs",
481
421
  "styles": []
482
422
  },
483
423
  "VTimeline": {
@@ -504,10 +444,6 @@
504
444
  "from": "components/VTooltip/index.mjs",
505
445
  "styles": []
506
446
  },
507
- "VTextField": {
508
- "from": "components/VTextField/index.mjs",
509
- "styles": []
510
- },
511
447
  "VWindow": {
512
448
  "from": "components/VWindow/index.mjs",
513
449
  "styles": []
@@ -516,12 +452,76 @@
516
452
  "from": "components/VWindow/index.mjs",
517
453
  "styles": []
518
454
  },
519
- "VSwitch": {
520
- "from": "components/VSwitch/index.mjs",
455
+ "VBreadcrumbs": {
456
+ "from": "components/VBreadcrumbs/index.mjs",
521
457
  "styles": []
522
458
  },
523
- "VRangeSlider": {
524
- "from": "components/VRangeSlider/index.mjs",
459
+ "VBreadcrumbsItem": {
460
+ "from": "components/VBreadcrumbs/index.mjs",
461
+ "styles": []
462
+ },
463
+ "VBreadcrumbsDivider": {
464
+ "from": "components/VBreadcrumbs/index.mjs",
465
+ "styles": []
466
+ },
467
+ "VFabTransition": {
468
+ "from": "components/transitions/index.mjs",
469
+ "styles": []
470
+ },
471
+ "VDialogBottomTransition": {
472
+ "from": "components/transitions/index.mjs",
473
+ "styles": []
474
+ },
475
+ "VDialogTopTransition": {
476
+ "from": "components/transitions/index.mjs",
477
+ "styles": []
478
+ },
479
+ "VFadeTransition": {
480
+ "from": "components/transitions/index.mjs",
481
+ "styles": []
482
+ },
483
+ "VScaleTransition": {
484
+ "from": "components/transitions/index.mjs",
485
+ "styles": []
486
+ },
487
+ "VScrollXTransition": {
488
+ "from": "components/transitions/index.mjs",
489
+ "styles": []
490
+ },
491
+ "VScrollXReverseTransition": {
492
+ "from": "components/transitions/index.mjs",
493
+ "styles": []
494
+ },
495
+ "VScrollYTransition": {
496
+ "from": "components/transitions/index.mjs",
497
+ "styles": []
498
+ },
499
+ "VScrollYReverseTransition": {
500
+ "from": "components/transitions/index.mjs",
501
+ "styles": []
502
+ },
503
+ "VSlideXTransition": {
504
+ "from": "components/transitions/index.mjs",
505
+ "styles": []
506
+ },
507
+ "VSlideXReverseTransition": {
508
+ "from": "components/transitions/index.mjs",
509
+ "styles": []
510
+ },
511
+ "VSlideYTransition": {
512
+ "from": "components/transitions/index.mjs",
513
+ "styles": []
514
+ },
515
+ "VSlideYReverseTransition": {
516
+ "from": "components/transitions/index.mjs",
517
+ "styles": []
518
+ },
519
+ "VExpandTransition": {
520
+ "from": "components/transitions/index.mjs",
521
+ "styles": []
522
+ },
523
+ "VExpandXTransition": {
524
+ "from": "components/transitions/index.mjs",
525
525
  "styles": []
526
526
  }
527
527
  },
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.0-next-20221024.0
2
+ * Vuetify v3.0.0-next-20221025.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -20245,6 +20245,31 @@ html.overflow-y-hidden {
20245
20245
  height: calc(var(--v-chip-height) + -12px);
20246
20246
  }
20247
20247
 
20248
+ .v-chip:hover > .v-chip__overlay {
20249
+ opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
20250
+ }
20251
+ .v-chip:focus-visible > .v-chip__overlay {
20252
+ opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
20253
+ }
20254
+ @supports not selector(:focus-visible) {
20255
+ .v-chip:focus > .v-chip__overlay {
20256
+ opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
20257
+ }
20258
+ }
20259
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20260
+ opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
20261
+ }
20262
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20263
+ opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
20264
+ }
20265
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20266
+ opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
20267
+ }
20268
+ @supports not selector(:focus-visible) {
20269
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20270
+ opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
20271
+ }
20272
+ }
20248
20273
  .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
20249
20274
  background: transparent;
20250
20275
  color: inherit;
@@ -20363,26 +20388,6 @@ html.overflow-y-hidden {
20363
20388
  .v-chip-group--column {
20364
20389
  flex-wrap: wrap;
20365
20390
  white-space: normal;
20366
- }.v-color-picker {
20367
- align-self: flex-start;
20368
- contain: content;
20369
- }
20370
- .v-color-picker.v-sheet {
20371
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20372
- border-radius: 4px;
20373
- }
20374
-
20375
- .v-color-picker__controls {
20376
- display: flex;
20377
- flex-direction: column;
20378
- padding: 16px;
20379
- }
20380
-
20381
- .v-color-picker--flat {
20382
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20383
- }
20384
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20385
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20386
20391
  }.v-input--density-default {
20387
20392
  --combobox-chips-margin-bottom: 0px;
20388
20393
  }
@@ -20471,6 +20476,26 @@ html.overflow-y-hidden {
20471
20476
  }
20472
20477
  .v-combobox--single .v-field--focused .v-combobox__selection {
20473
20478
  opacity: 0;
20479
+ }.v-color-picker {
20480
+ align-self: flex-start;
20481
+ contain: content;
20482
+ }
20483
+ .v-color-picker.v-sheet {
20484
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20485
+ border-radius: 4px;
20486
+ }
20487
+
20488
+ .v-color-picker__controls {
20489
+ display: flex;
20490
+ flex-direction: column;
20491
+ padding: 16px;
20492
+ }
20493
+
20494
+ .v-color-picker--flat {
20495
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20496
+ }
20497
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20498
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20474
20499
  }.v-container {
20475
20500
  width: 100%;
20476
20501
  padding: 16px;
@@ -23710,14 +23735,6 @@ html.v-overlay-scroll-blocked {
23710
23735
  }
23711
23736
  .v-select--selected .v-field .v-field__input > input {
23712
23737
  opacity: 0;
23713
- }.v-selection-control-group {
23714
- grid-area: control;
23715
- display: flex;
23716
- flex-direction: column;
23717
- }
23718
- .v-selection-control-group--inline {
23719
- flex-direction: row;
23720
- flex-wrap: wrap;
23721
23738
  }.v-selection-control {
23722
23739
  align-items: center;
23723
23740
  contain: layout;
@@ -23816,6 +23833,14 @@ html.v-overlay-scroll-blocked {
23816
23833
  }
23817
23834
  .v-selection-control--focus-visible .v-selection-control__input::before {
23818
23835
  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
23836
+ }.v-selection-control-group {
23837
+ grid-area: control;
23838
+ display: flex;
23839
+ flex-direction: column;
23840
+ }
23841
+ .v-selection-control-group--inline {
23842
+ flex-direction: row;
23843
+ flex-wrap: wrap;
23819
23844
  }.v-sheet {
23820
23845
  display: block;
23821
23846
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
package/dist/vuetify.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as vue from 'vue';
2
- import { Ref, DeepReadonly, ToRefs, VNodeChild, PropType, JSXComponent, ComponentInternalInstance, CSSProperties, ExtractPropTypes, ComputedRef, nextTick, Prop, WritableComputedRef, InjectionKey, UnwrapRef, DirectiveBinding } from 'vue';
2
+ import { Ref, DeepReadonly, VNodeChild, PropType, JSXComponent, ComponentInternalInstance, CSSProperties, ExtractPropTypes, ComputedRef, nextTick, Prop, WritableComputedRef, InjectionKey, UnwrapRef, DirectiveBinding } from 'vue';
3
3
  import * as vue_router from 'vue-router';
4
4
  import { RouteLocationRaw } from 'vue-router';
5
5
 
@@ -122,29 +122,30 @@ interface DisplayPlatform {
122
122
  ssr: boolean;
123
123
  }
124
124
  interface DisplayInstance {
125
- xs: boolean;
126
- sm: boolean;
127
- md: boolean;
128
- lg: boolean;
129
- xl: boolean;
130
- xxl: boolean;
131
- smAndUp: boolean;
132
- mdAndUp: boolean;
133
- lgAndUp: boolean;
134
- xlAndUp: boolean;
135
- smAndDown: boolean;
136
- mdAndDown: boolean;
137
- lgAndDown: boolean;
138
- xlAndDown: boolean;
139
- name: DisplayBreakpoint;
140
- height: number;
141
- width: number;
142
- mobile: boolean;
143
- mobileBreakpoint: number | DisplayBreakpoint;
144
- platform: DisplayPlatform;
145
- thresholds: DisplayThresholds;
125
+ xs: Ref<boolean>;
126
+ sm: Ref<boolean>;
127
+ md: Ref<boolean>;
128
+ lg: Ref<boolean>;
129
+ xl: Ref<boolean>;
130
+ xxl: Ref<boolean>;
131
+ smAndUp: Ref<boolean>;
132
+ mdAndUp: Ref<boolean>;
133
+ lgAndUp: Ref<boolean>;
134
+ xlAndUp: Ref<boolean>;
135
+ smAndDown: Ref<boolean>;
136
+ mdAndDown: Ref<boolean>;
137
+ lgAndDown: Ref<boolean>;
138
+ xlAndDown: Ref<boolean>;
139
+ name: Ref<DisplayBreakpoint>;
140
+ height: Ref<number>;
141
+ width: Ref<number>;
142
+ mobile: Ref<boolean>;
143
+ mobileBreakpoint: Ref<number | DisplayBreakpoint>;
144
+ platform: Ref<DisplayPlatform>;
145
+ thresholds: Ref<DisplayThresholds>;
146
+ update(): void;
146
147
  }
147
- declare function useDisplay(): ToRefs<DisplayInstance>;
148
+ declare function useDisplay(): DisplayInstance;
148
149
 
149
150
  declare const block: readonly ["top", "bottom"];
150
151
  declare const inline: readonly ["start", "end", "left", "right"];
@@ -6753,7 +6754,7 @@ declare const VColorPicker: vue.DefineComponent<{
6753
6754
  declare type VColorPicker = InstanceType<typeof VColorPicker>;
6754
6755
 
6755
6756
  declare type Primitive$1 = string | number | boolean | symbol;
6756
- declare type Val$1<T, ReturnObject extends boolean> = T extends Primitive$1 ? T : (ReturnObject extends true ? T : any);
6757
+ declare type Val$1<T, ReturnObject extends boolean> = string | (T extends Primitive$1 ? T : (ReturnObject extends true ? T : any));
6757
6758
  declare type Value$1<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$1<T, ReturnObject>[] : Val$1<T, ReturnObject>;
6758
6759
  declare const VCombobox: {
6759
6760
  new (...args: any[]): {
@@ -26632,7 +26633,7 @@ declare const createVuetify: {
26632
26633
  (options?: VuetifyOptions): {
26633
26634
  install: (app: vue.App<any>) => void;
26634
26635
  defaults: vue.Ref<DefaultsInstance>;
26635
- display: vue.ToRefs<DisplayInstance>;
26636
+ display: DisplayInstance;
26636
26637
  theme: ThemeInstance & {
26637
26638
  install: (app: vue.App<any>) => void;
26638
26639
  };