vuetify 3.0.0-beta.7 → 3.0.0-beta.8

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.
Files changed (55) hide show
  1. package/dist/json/attributes.json +14 -10
  2. package/dist/json/importMap.json +54 -54
  3. package/dist/json/tags.json +1 -0
  4. package/dist/json/web-types.json +35 -20
  5. package/dist/vuetify.css +1392 -1646
  6. package/dist/vuetify.d.ts +50 -17
  7. package/dist/vuetify.esm.js +234 -200
  8. package/dist/vuetify.esm.js.map +1 -1
  9. package/dist/vuetify.js +234 -200
  10. package/dist/vuetify.js.map +1 -1
  11. package/dist/vuetify.min.css +3 -3
  12. package/dist/vuetify.min.js +595 -595
  13. package/dist/vuetify.min.js.map +1 -1
  14. package/lib/components/VAlert/VAlert.css +0 -3
  15. package/lib/components/VAlert/VAlert.mjs +20 -10
  16. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  17. package/lib/components/VAlert/VAlert.sass +0 -3
  18. package/lib/components/VAvatar/VAvatar.css +2 -0
  19. package/lib/components/VAvatar/VAvatar.sass +3 -0
  20. package/lib/components/VCard/VCard.mjs +12 -7
  21. package/lib/components/VCard/VCard.mjs.map +1 -1
  22. package/lib/components/VField/VField.css +0 -1
  23. package/lib/components/VField/VField.sass +0 -1
  24. package/lib/components/VLayout/VLayout.css +0 -2
  25. package/lib/components/VLayout/VLayout.sass +0 -2
  26. package/lib/components/VList/VList.css +3 -0
  27. package/lib/components/VList/VList.sass +4 -0
  28. package/lib/components/VList/VListItem.mjs +18 -11
  29. package/lib/components/VList/VListItem.mjs.map +1 -1
  30. package/lib/components/VMain/VMain.css +21 -3
  31. package/lib/components/VMain/VMain.mjs +13 -8
  32. package/lib/components/VMain/VMain.mjs.map +1 -1
  33. package/lib/components/VMain/VMain.sass +18 -3
  34. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +8 -17
  35. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +21 -10
  36. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  37. package/lib/components/VNavigationDrawer/VNavigationDrawer.sass +11 -20
  38. package/lib/components/VNavigationDrawer/_variables.scss +1 -1
  39. package/lib/components/VToolbar/VToolbar.css +1 -1
  40. package/lib/components/VToolbar/VToolbar.sass +1 -1
  41. package/lib/components/index.d.ts +50 -17
  42. package/lib/composables/layout.mjs +12 -12
  43. package/lib/composables/layout.mjs.map +1 -1
  44. package/lib/composables/theme.mjs +7 -4
  45. package/lib/composables/theme.mjs.map +1 -1
  46. package/lib/entry-bundler.mjs +1 -1
  47. package/lib/index.d.ts +14 -14
  48. package/lib/styles/generic/_colors.scss +17 -9
  49. package/lib/styles/main.css +1113 -1373
  50. package/lib/styles/settings/_utilities.scss +15 -5
  51. package/lib/styles/utilities/_index.sass +0 -1
  52. package/lib/util/anchor.mjs +1 -3
  53. package/lib/util/anchor.mjs.map +1 -1
  54. package/package.json +2 -2
  55. package/lib/styles/utilities/_text.sass +0 -9
@@ -900,7 +900,7 @@
900
900
  "description": "Specifies an image background for the card. For more advanced implementations, it is recommended that you use the [v-img](/components/images) component. You can find a [v-img example here](/components/cards/#media-with-text)."
901
901
  },
902
902
  "v-card/link": {
903
- "type": "any",
903
+ "type": "boolean",
904
904
  "description": ""
905
905
  },
906
906
  "v-card/prepend-avatar": {
@@ -2812,17 +2812,17 @@
2812
2812
  "description": ""
2813
2813
  },
2814
2814
  "v-list-item/active": {
2815
- "type": "any",
2815
+ "type": "boolean",
2816
2816
  "description": "Controls the **active** state of the item. This is typically used to highlight the component"
2817
2817
  },
2818
- "v-list-item/active-color": {
2819
- "type": "any",
2820
- "description": "The applied color when a `v-list-item` is in an active state"
2821
- },
2822
2818
  "v-list-item/active-class": {
2823
2819
  "type": "any",
2824
2820
  "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
2825
2821
  },
2822
+ "v-list-item/active-color": {
2823
+ "type": "any",
2824
+ "description": "The applied color when a `v-list-item` is in an active state"
2825
+ },
2826
2826
  "v-list-item/append-avatar": {
2827
2827
  "type": "any",
2828
2828
  "description": "Appends a [v-avatar](/components/avatars/) component to the header"
@@ -2839,6 +2839,10 @@
2839
2839
  "type": "any",
2840
2840
  "description": ""
2841
2841
  },
2842
+ "v-list-item/link": {
2843
+ "type": "boolean",
2844
+ "description": ""
2845
+ },
2842
2846
  "v-list-item/nav": {
2843
2847
  "type": "any",
2844
2848
  "description": ""
@@ -2863,10 +2867,6 @@
2863
2867
  "type": "any",
2864
2868
  "description": "The value used when a child of a [v-list-item-group](/components/list-item-groups)."
2865
2869
  },
2866
- "v-list-item/link": {
2867
- "type": "any",
2868
- "description": ""
2869
- },
2870
2870
  "v-list-item/border": {
2871
2871
  "type": "boolean|number|string",
2872
2872
  "description": "Applies border styles to component."
@@ -3003,6 +3003,10 @@
3003
3003
  "type": "boolean",
3004
3004
  "description": ""
3005
3005
  },
3006
+ "v-main/scrollable": {
3007
+ "type": "any",
3008
+ "description": ""
3009
+ },
3006
3010
  "v-main/tag": {
3007
3011
  "type": "string",
3008
3012
  "description": "Specify a custom tag used on the root element."
@@ -8,6 +8,10 @@
8
8
  "from": "components/VDefaultsProvider/index.mjs",
9
9
  "styles": []
10
10
  },
11
+ "VHover": {
12
+ "from": "components/VHover/index.mjs",
13
+ "styles": []
14
+ },
11
15
  "VContainer": {
12
16
  "from": "components/VGrid/index.mjs",
13
17
  "styles": []
@@ -24,22 +28,10 @@
24
28
  "from": "components/VGrid/index.mjs",
25
29
  "styles": []
26
30
  },
27
- "VHover": {
28
- "from": "components/VHover/index.mjs",
29
- "styles": []
30
- },
31
31
  "VForm": {
32
32
  "from": "components/VForm/index.mjs",
33
33
  "styles": []
34
34
  },
35
- "VLocaleProvider": {
36
- "from": "components/VLocaleProvider/index.mjs",
37
- "styles": []
38
- },
39
- "VLazy": {
40
- "from": "components/VLazy/index.mjs",
41
- "styles": []
42
- },
43
35
  "VLayout": {
44
36
  "from": "components/VLayout/index.mjs",
45
37
  "styles": []
@@ -48,6 +40,14 @@
48
40
  "from": "components/VLayout/index.mjs",
49
41
  "styles": []
50
42
  },
43
+ "VLazy": {
44
+ "from": "components/VLazy/index.mjs",
45
+ "styles": []
46
+ },
47
+ "VLocaleProvider": {
48
+ "from": "components/VLocaleProvider/index.mjs",
49
+ "styles": []
50
+ },
51
51
  "VNoSsr": {
52
52
  "from": "components/VNoSsr/index.mjs",
53
53
  "styles": []
@@ -56,6 +56,10 @@
56
56
  "from": "components/VParallax/index.mjs",
57
57
  "styles": []
58
58
  },
59
+ "VRadio": {
60
+ "from": "components/VRadio/index.mjs",
61
+ "styles": []
62
+ },
59
63
  "VRangeSlider": {
60
64
  "from": "components/VRangeSlider/index.mjs",
61
65
  "styles": []
@@ -64,10 +68,6 @@
64
68
  "from": "components/VResponsive/index.mjs",
65
69
  "styles": []
66
70
  },
67
- "VRadio": {
68
- "from": "components/VRadio/index.mjs",
69
- "styles": []
70
- },
71
71
  "VThemeProvider": {
72
72
  "from": "components/VThemeProvider/index.mjs",
73
73
  "styles": []
@@ -200,10 +200,6 @@
200
200
  "from": "components/VBreadcrumbs/index.mjs",
201
201
  "styles": []
202
202
  },
203
- "VBtnGroup": {
204
- "from": "components/VBtnGroup/index.mjs",
205
- "styles": []
206
- },
207
203
  "VBtn": {
208
204
  "from": "components/VBtn/index.mjs",
209
205
  "styles": []
@@ -236,12 +232,8 @@
236
232
  "from": "components/VCard/index.mjs",
237
233
  "styles": []
238
234
  },
239
- "VCheckbox": {
240
- "from": "components/VCheckbox/index.mjs",
241
- "styles": []
242
- },
243
- "VCheckboxBtn": {
244
- "from": "components/VCheckbox/index.mjs",
235
+ "VBtnGroup": {
236
+ "from": "components/VBtnGroup/index.mjs",
245
237
  "styles": []
246
238
  },
247
239
  "VCarousel": {
@@ -252,6 +244,14 @@
252
244
  "from": "components/VCarousel/index.mjs",
253
245
  "styles": []
254
246
  },
247
+ "VCheckbox": {
248
+ "from": "components/VCheckbox/index.mjs",
249
+ "styles": []
250
+ },
251
+ "VCheckboxBtn": {
252
+ "from": "components/VCheckbox/index.mjs",
253
+ "styles": []
254
+ },
255
255
  "VChip": {
256
256
  "from": "components/VChip/index.mjs",
257
257
  "styles": []
@@ -280,6 +280,10 @@
280
280
  "from": "components/VDialog/index.mjs",
281
281
  "styles": []
282
282
  },
283
+ "VDivider": {
284
+ "from": "components/VDivider/index.mjs",
285
+ "styles": []
286
+ },
283
287
  "VExpansionPanels": {
284
288
  "from": "components/VExpansionPanel/index.mjs",
285
289
  "styles": []
@@ -296,10 +300,6 @@
296
300
  "from": "components/VExpansionPanel/index.mjs",
297
301
  "styles": []
298
302
  },
299
- "VDivider": {
300
- "from": "components/VDivider/index.mjs",
301
- "styles": []
302
- },
303
303
  "VField": {
304
304
  "from": "components/VField/index.mjs",
305
305
  "styles": []
@@ -396,18 +396,22 @@
396
396
  "from": "components/VList/index.mjs",
397
397
  "styles": []
398
398
  },
399
- "VMenu": {
400
- "from": "components/VMenu/index.mjs",
399
+ "VMain": {
400
+ "from": "components/VMain/index.mjs",
401
401
  "styles": []
402
402
  },
403
- "VNavigationDrawer": {
404
- "from": "components/VNavigationDrawer/index.mjs",
403
+ "VMenu": {
404
+ "from": "components/VMenu/index.mjs",
405
405
  "styles": []
406
406
  },
407
407
  "VMessages": {
408
408
  "from": "components/VMessages/index.mjs",
409
409
  "styles": []
410
410
  },
411
+ "VNavigationDrawer": {
412
+ "from": "components/VNavigationDrawer/index.mjs",
413
+ "styles": []
414
+ },
411
415
  "VOverlay": {
412
416
  "from": "components/VOverlay/index.mjs",
413
417
  "styles": []
@@ -416,10 +420,6 @@
416
420
  "from": "components/VPagination/index.mjs",
417
421
  "styles": []
418
422
  },
419
- "VProgressCircular": {
420
- "from": "components/VProgressCircular/index.mjs",
421
- "styles": []
422
- },
423
423
  "VProgressLinear": {
424
424
  "from": "components/VProgressLinear/index.mjs",
425
425
  "styles": []
@@ -428,6 +428,10 @@
428
428
  "from": "components/VRadioGroup/index.mjs",
429
429
  "styles": []
430
430
  },
431
+ "VProgressCircular": {
432
+ "from": "components/VProgressCircular/index.mjs",
433
+ "styles": []
434
+ },
431
435
  "VRating": {
432
436
  "from": "components/VRating/index.mjs",
433
437
  "styles": []
@@ -456,14 +460,14 @@
456
460
  "from": "components/VSlideGroup/index.mjs",
457
461
  "styles": []
458
462
  },
459
- "VSnackbar": {
460
- "from": "components/VSnackbar/index.mjs",
461
- "styles": []
462
- },
463
463
  "VSlider": {
464
464
  "from": "components/VSlider/index.mjs",
465
465
  "styles": []
466
466
  },
467
+ "VSnackbar": {
468
+ "from": "components/VSnackbar/index.mjs",
469
+ "styles": []
470
+ },
467
471
  "VSwitch": {
468
472
  "from": "components/VSwitch/index.mjs",
469
473
  "styles": []
@@ -472,10 +476,6 @@
472
476
  "from": "components/VSystemBar/index.mjs",
473
477
  "styles": []
474
478
  },
475
- "VTable": {
476
- "from": "components/VTable/index.mjs",
477
- "styles": []
478
- },
479
479
  "VTabs": {
480
480
  "from": "components/VTabs/index.mjs",
481
481
  "styles": []
@@ -484,6 +484,10 @@
484
484
  "from": "components/VTabs/index.mjs",
485
485
  "styles": []
486
486
  },
487
+ "VTable": {
488
+ "from": "components/VTable/index.mjs",
489
+ "styles": []
490
+ },
487
491
  "VTextarea": {
488
492
  "from": "components/VTextarea/index.mjs",
489
493
  "styles": []
@@ -500,10 +504,6 @@
500
504
  "from": "components/VTimeline/index.mjs",
501
505
  "styles": []
502
506
  },
503
- "VTooltip": {
504
- "from": "components/VTooltip/index.mjs",
505
- "styles": []
506
- },
507
507
  "VToolbar": {
508
508
  "from": "components/VToolbar/index.mjs",
509
509
  "styles": []
@@ -516,6 +516,10 @@
516
516
  "from": "components/VToolbar/index.mjs",
517
517
  "styles": []
518
518
  },
519
+ "VTooltip": {
520
+ "from": "components/VTooltip/index.mjs",
521
+ "styles": []
522
+ },
519
523
  "VWindow": {
520
524
  "from": "components/VWindow/index.mjs",
521
525
  "styles": []
@@ -523,10 +527,6 @@
523
527
  "VWindowItem": {
524
528
  "from": "components/VWindow/index.mjs",
525
529
  "styles": []
526
- },
527
- "VMain": {
528
- "from": "components/VMain/index.mjs",
529
- "styles": []
530
530
  }
531
531
  },
532
532
  "directives": [
@@ -1101,6 +1101,7 @@
1101
1101
  },
1102
1102
  "v-main": {
1103
1103
  "attributes": [
1104
+ "scrollable",
1104
1105
  "tag"
1105
1106
  ],
1106
1107
  "description": ""
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "vuetify",
5
- "version": "3.0.0-beta.7",
5
+ "version": "3.0.0-beta.8",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -3000,10 +3000,12 @@
3000
3000
  "name": "link",
3001
3001
  "description": "",
3002
3002
  "doc-url": "https://vuetifyjs.com/api/v-card#props",
3003
+ "default": "false",
3003
3004
  "value": {
3004
3005
  "kind": "expression",
3005
- "type": "any"
3006
- }
3006
+ "type": "boolean"
3007
+ },
3008
+ "type": "boolean"
3007
3009
  },
3008
3010
  {
3009
3011
  "name": "prepend-avatar",
@@ -9677,14 +9679,16 @@
9677
9679
  "name": "active",
9678
9680
  "description": "Controls the **active** state of the item. This is typically used to highlight the component",
9679
9681
  "doc-url": "https://vuetifyjs.com/api/v-list-item#props",
9682
+ "default": "false",
9680
9683
  "value": {
9681
9684
  "kind": "expression",
9682
- "type": "any"
9683
- }
9685
+ "type": "boolean"
9686
+ },
9687
+ "type": "boolean"
9684
9688
  },
9685
9689
  {
9686
- "name": "active-color",
9687
- "description": "The applied color when a `v-list-item` is in an active state",
9690
+ "name": "active-class",
9691
+ "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation.",
9688
9692
  "doc-url": "https://vuetifyjs.com/api/v-list-item#props",
9689
9693
  "value": {
9690
9694
  "kind": "expression",
@@ -9692,8 +9696,8 @@
9692
9696
  }
9693
9697
  },
9694
9698
  {
9695
- "name": "active-class",
9696
- "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation.",
9699
+ "name": "active-color",
9700
+ "description": "The applied color when a `v-list-item` is in an active state",
9697
9701
  "doc-url": "https://vuetifyjs.com/api/v-list-item#props",
9698
9702
  "value": {
9699
9703
  "kind": "expression",
@@ -9736,6 +9740,17 @@
9736
9740
  "type": "any"
9737
9741
  }
9738
9742
  },
9743
+ {
9744
+ "name": "link",
9745
+ "description": "",
9746
+ "doc-url": "https://vuetifyjs.com/api/v-list-item#props",
9747
+ "default": "false",
9748
+ "value": {
9749
+ "kind": "expression",
9750
+ "type": "boolean"
9751
+ },
9752
+ "type": "boolean"
9753
+ },
9739
9754
  {
9740
9755
  "name": "nav",
9741
9756
  "description": "",
@@ -9790,15 +9805,6 @@
9790
9805
  "type": "any"
9791
9806
  }
9792
9807
  },
9793
- {
9794
- "name": "link",
9795
- "description": "",
9796
- "doc-url": "https://vuetifyjs.com/api/v-list-item#props",
9797
- "value": {
9798
- "kind": "expression",
9799
- "type": "any"
9800
- }
9801
- },
9802
9808
  {
9803
9809
  "name": "border",
9804
9810
  "description": "Applies border styles to component.",
@@ -10327,6 +10333,15 @@
10327
10333
  "description": "",
10328
10334
  "doc-url": "https://vuetifyjs.com/api/v-main",
10329
10335
  "attributes": [
10336
+ {
10337
+ "name": "scrollable",
10338
+ "description": "",
10339
+ "doc-url": "https://vuetifyjs.com/api/v-main#props",
10340
+ "value": {
10341
+ "kind": "expression",
10342
+ "type": "any"
10343
+ }
10344
+ },
10330
10345
  {
10331
10346
  "name": "tag",
10332
10347
  "description": "Specify a custom tag used on the root element.",
@@ -10528,7 +10543,7 @@
10528
10543
  "name": "rail-width",
10529
10544
  "description": "",
10530
10545
  "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props",
10531
- "default": "72",
10546
+ "default": "56",
10532
10547
  "value": {
10533
10548
  "kind": "expression",
10534
10549
  "type": [
@@ -10594,7 +10609,7 @@
10594
10609
  "name": "location",
10595
10610
  "description": "",
10596
10611
  "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props",
10597
- "default": "'left'",
10612
+ "default": "'start'",
10598
10613
  "value": {
10599
10614
  "kind": "expression",
10600
10615
  "type": "string"