@vuetify/nightly 3.0.3-next-20221129.0 → 3.0.4-dev-20221208.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.
Files changed (83) hide show
  1. package/CHANGELOG.md +11 -5
  2. package/dist/json/importMap.json +18 -18
  3. package/dist/vuetify.css +76 -78
  4. package/dist/vuetify.d.ts +377 -184
  5. package/dist/vuetify.esm.js +170 -140
  6. package/dist/vuetify.esm.js.map +1 -1
  7. package/dist/vuetify.js +170 -140
  8. package/dist/vuetify.js.map +1 -1
  9. package/dist/vuetify.min.css +2 -2
  10. package/dist/vuetify.min.js +695 -691
  11. package/dist/vuetify.min.js.map +1 -1
  12. package/lib/components/VAlert/index.d.ts +1 -1
  13. package/lib/components/VAppBar/VAppBar.mjs +2 -2
  14. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  15. package/lib/components/VAppBar/index.d.ts +275 -62
  16. package/lib/components/VAutocomplete/index.d.ts +22 -22
  17. package/lib/components/VCheckbox/VCheckbox.css +1 -1
  18. package/lib/components/VCheckbox/VCheckbox.sass +1 -1
  19. package/lib/components/VChip/VChip.mjs +14 -6
  20. package/lib/components/VChip/VChip.mjs.map +1 -1
  21. package/lib/components/VChip/index.d.ts +3 -1
  22. package/lib/components/VChipGroup/index.d.ts +1 -1
  23. package/lib/components/VColorPicker/VColorPicker.mjs +2 -2
  24. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  25. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  26. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  27. package/lib/components/VColorPicker/VColorPickerPreview.mjs +2 -2
  28. package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
  29. package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
  30. package/lib/components/VColorPicker/util/index.mjs +24 -14
  31. package/lib/components/VColorPicker/util/index.mjs.map +1 -1
  32. package/lib/components/VCombobox/index.d.ts +22 -22
  33. package/lib/components/VExpansionPanel/index.d.ts +1 -1
  34. package/lib/components/VField/index.d.ts +6 -6
  35. package/lib/components/VFileInput/index.d.ts +2 -2
  36. package/lib/components/VGrid/VGrid.css +2 -2
  37. package/lib/components/VGrid/VGrid.sass +1 -1
  38. package/lib/components/VList/VListItem.mjs +2 -1
  39. package/lib/components/VList/VListItem.mjs.map +1 -1
  40. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +2 -2
  41. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  42. package/lib/components/VOverlay/locationStrategies.mjs +3 -1
  43. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  44. package/lib/components/VPagination/index.d.ts +1 -1
  45. package/lib/components/VProgressLinear/VProgressLinear.sass +1 -1
  46. package/lib/components/VProgressLinear/_variables.scss +1 -1
  47. package/lib/components/VRadioGroup/VRadioGroup.mjs +1 -2
  48. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  49. package/lib/components/VSelect/index.d.ts +22 -22
  50. package/lib/components/VSelectionControl/VSelectionControl.css +4 -0
  51. package/lib/components/VSelectionControl/VSelectionControl.sass +4 -0
  52. package/lib/components/VSelectionControl/index.d.ts +6 -6
  53. package/lib/components/VSnackbar/index.d.ts +4 -4
  54. package/lib/components/VSwitch/VSwitch.css +1 -1
  55. package/lib/components/VSwitch/VSwitch.sass +1 -1
  56. package/lib/components/VSystemBar/VSystemBar.css +1 -1
  57. package/lib/components/VSystemBar/_variables.scss +1 -1
  58. package/lib/components/VTabs/VTab.css +1 -3
  59. package/lib/components/VTabs/VTab.sass +1 -4
  60. package/lib/components/VTabs/VTabs.css +0 -4
  61. package/lib/components/VTabs/VTabs.sass +0 -5
  62. package/lib/components/VTextField/index.d.ts +18 -18
  63. package/lib/components/VTextarea/index.d.ts +1 -1
  64. package/lib/components/VToolbar/VToolbar.mjs +32 -22
  65. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  66. package/lib/components/VToolbar/index.d.ts +9 -8
  67. package/lib/components/index.d.ts +370 -177
  68. package/lib/composables/theme.mjs +7 -7
  69. package/lib/composables/theme.mjs.map +1 -1
  70. package/lib/composables/validation.mjs +1 -1
  71. package/lib/composables/validation.mjs.map +1 -1
  72. package/lib/entry-bundler.mjs +1 -1
  73. package/lib/entry-bundler.mjs.map +1 -1
  74. package/lib/framework.mjs +1 -1
  75. package/lib/framework.mjs.map +1 -1
  76. package/lib/index.d.ts +7 -7
  77. package/lib/util/color/APCA.mjs +6 -6
  78. package/lib/util/color/APCA.mjs.map +1 -1
  79. package/lib/util/color/transformSRGB.mjs +15 -7
  80. package/lib/util/color/transformSRGB.mjs.map +1 -1
  81. package/lib/util/colorUtils.mjs +64 -81
  82. package/lib/util/colorUtils.mjs.map +1 -1
  83. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,15 +1,21 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.0.3-next-20221129.0...v) (2022-11-29)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.0.4-dev-20221208.0...v) (2022-12-08)
2
2
 
3
3
 
4
4
 
5
- ## [3.0.3-next-20221129.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.2...v3.0.3-next-20221129.0) (2022-11-29)
5
+ ## [3.0.4-dev-20221208.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.3...v3.0.4-dev-20221208.0) (2022-12-08)
6
6
 
7
7
 
8
8
  ### Bug Fixes
9
9
 
10
- * **dialog-transition:** clamp NaN scale to 0 ([266f548](https://github.com/vuetifyjs/vuetify/commit/266f54837e297bbc9b2418338151d86cd9d10315)), closes [#16183](https://github.com/vuetifyjs/vuetify/issues/16183)
11
- * **VFooter:** unref backgroundColorStyles ([c4ab550](https://github.com/vuetifyjs/vuetify/commit/c4ab55052fb1cca4ac895d50d45a13d4b4861649))
12
- * **VLazy:** show transitions ([a470c84](https://github.com/vuetifyjs/vuetify/commit/a470c84dfbc4d1f2b408a0373534e97badea040b)), closes [#16166](https://github.com/vuetifyjs/vuetify/issues/16166)
10
+ * parse all colors to rgba objects instead of numbers ([#16052](https://github.com/vuetifyjs/vuetify/issues/16052)) ([df03cea](https://github.com/vuetifyjs/vuetify/commit/df03cea89e5c51a516b3063548479acfe3f3abcf)), closes [#16045](https://github.com/vuetifyjs/vuetify/issues/16045)
11
+ * **types:** unwrap refs in `this.$vuetify` ([#16193](https://github.com/vuetifyjs/vuetify/issues/16193)) ([fb84480](https://github.com/vuetifyjs/vuetify/commit/fb84480c8bdcda729226d0ade80ffbef8d1d05c2))
12
+ * **validation:** enforce validation maxErrors ([#16202](https://github.com/vuetifyjs/vuetify/issues/16202)) ([13d156c](https://github.com/vuetifyjs/vuetify/commit/13d156cbed58aa6bd095e8cf7a644550825f251e))
13
+ * **VChip:** ensure to prop uses router ([#16152](https://github.com/vuetifyjs/vuetify/issues/16152)) ([185423d](https://github.com/vuetifyjs/vuetify/commit/185423d0cd9e6cfdddac568cd80c326a16da1149)), closes [#16151](https://github.com/vuetifyjs/vuetify/issues/16151)
14
+ * **VListItem:** don't use content element as VOverlay activator ([ad7b2c1](https://github.com/vuetifyjs/vuetify/commit/ad7b2c113146113c06051b41632485687b2f2749))
15
+ * **VRadioGroup:** remove clickable from label ([#16217](https://github.com/vuetifyjs/vuetify/issues/16217)) ([b2aa8c8](https://github.com/vuetifyjs/vuetify/commit/b2aa8c8ad3be4234565a02af9ee2cba4e4e82467))
16
+ * **VRow:** correct gutter between rows ([#16212](https://github.com/vuetifyjs/vuetify/issues/16212)) ([6153f0d](https://github.com/vuetifyjs/vuetify/commit/6153f0d18533f877f2c531e3b853a7e192484280)), closes [#16211](https://github.com/vuetifyjs/vuetify/issues/16211)
17
+ * **VSelectionControl/VCheckbox/VSwitch:** long label wrapping ([#16194](https://github.com/vuetifyjs/vuetify/issues/16194)) ([edfc746](https://github.com/vuetifyjs/vuetify/commit/edfc746296f597771c8907736138a63f6a15bce0))
18
+ * **VTab/VTabs:** use --v-tabs-height as default for --v-btn-height ([ceaffe5](https://github.com/vuetifyjs/vuetify/commit/ceaffe530eb21e40cee7f9b8c45aafdc60f94718)), closes [#14863](https://github.com/vuetifyjs/vuetify/issues/14863)
13
19
 
14
20
 
15
21
 
@@ -8,6 +8,10 @@
8
8
  "from": "components/VDefaultsProvider/index.mjs",
9
9
  "styles": []
10
10
  },
11
+ "VForm": {
12
+ "from": "components/VForm/index.mjs",
13
+ "styles": []
14
+ },
11
15
  "VContainer": {
12
16
  "from": "components/VGrid/index.mjs",
13
17
  "styles": []
@@ -28,8 +32,12 @@
28
32
  "from": "components/VHover/index.mjs",
29
33
  "styles": []
30
34
  },
31
- "VForm": {
32
- "from": "components/VForm/index.mjs",
35
+ "VLayout": {
36
+ "from": "components/VLayout/index.mjs",
37
+ "styles": []
38
+ },
39
+ "VLayoutItem": {
40
+ "from": "components/VLayout/index.mjs",
33
41
  "styles": []
34
42
  },
35
43
  "VLazy": {
@@ -40,14 +48,6 @@
40
48
  "from": "components/VLocaleProvider/index.mjs",
41
49
  "styles": []
42
50
  },
43
- "VLayout": {
44
- "from": "components/VLayout/index.mjs",
45
- "styles": []
46
- },
47
- "VLayoutItem": {
48
- "from": "components/VLayout/index.mjs",
49
- "styles": []
50
- },
51
51
  "VNoSsr": {
52
52
  "from": "components/VNoSsr/index.mjs",
53
53
  "styles": []
@@ -208,6 +208,10 @@
208
208
  "from": "components/VBtnGroup/index.mjs",
209
209
  "styles": []
210
210
  },
211
+ "VBtnToggle": {
212
+ "from": "components/VBtnToggle/index.mjs",
213
+ "styles": []
214
+ },
211
215
  "VCard": {
212
216
  "from": "components/VCard/index.mjs",
213
217
  "styles": []
@@ -248,10 +252,6 @@
248
252
  "from": "components/VCheckbox/index.mjs",
249
253
  "styles": []
250
254
  },
251
- "VBtnToggle": {
252
- "from": "components/VBtnToggle/index.mjs",
253
- "styles": []
254
- },
255
255
  "VChip": {
256
256
  "from": "components/VChip/index.mjs",
257
257
  "styles": []
@@ -400,14 +400,14 @@
400
400
  "from": "components/VMain/index.mjs",
401
401
  "styles": []
402
402
  },
403
- "VMenu": {
404
- "from": "components/VMenu/index.mjs",
405
- "styles": []
406
- },
407
403
  "VMessages": {
408
404
  "from": "components/VMessages/index.mjs",
409
405
  "styles": []
410
406
  },
407
+ "VMenu": {
408
+ "from": "components/VMenu/index.mjs",
409
+ "styles": []
410
+ },
411
411
  "VNavigationDrawer": {
412
412
  "from": "components/VNavigationDrawer/index.mjs",
413
413
  "styles": []
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.3-next-20221129.0
2
+ * Vuetify v3.0.4-dev-20221208.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19990,7 +19990,7 @@ html.overflow-y-hidden {
19990
19990
  height: 100% !important;
19991
19991
  width: 50px;
19992
19992
  }.v-checkbox .v-selection-control {
19993
- height: var(--v-input-control-height);
19993
+ min-height: var(--v-input-control-height);
19994
19994
  }.v-chip {
19995
19995
  align-items: center;
19996
19996
  cursor: default;
@@ -20531,10 +20531,10 @@ html.overflow-y-hidden {
20531
20531
  flex: 1 1 auto;
20532
20532
  margin: -12px;
20533
20533
  }
20534
- .v-row + .row {
20534
+ .v-row + .v-row {
20535
20535
  margin-top: 12px;
20536
20536
  }
20537
- .v-row + .row--dense {
20537
+ .v-row + .v-row--dense {
20538
20538
  margin-top: 4px;
20539
20539
  }
20540
20540
  .v-row--dense {
@@ -22494,13 +22494,6 @@ textarea.v-field__input::placeholder {
22494
22494
 
22495
22495
  .v-label--clickable {
22496
22496
  cursor: pointer;
22497
- }.v-layout-item {
22498
- position: absolute;
22499
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22500
- }
22501
-
22502
- .v-layout-item--absolute {
22503
- position: absolute;
22504
22497
  }.v-layout {
22505
22498
  --v-scrollbar-offset: 0px;
22506
22499
  display: flex;
@@ -22509,6 +22502,13 @@ textarea.v-field__input::placeholder {
22509
22502
  .v-layout--full-height {
22510
22503
  --v-scrollbar-offset: inherit;
22511
22504
  height: 100%;
22505
+ }.v-layout-item {
22506
+ position: absolute;
22507
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22508
+ }
22509
+
22510
+ .v-layout-item--absolute {
22511
+ position: absolute;
22512
22512
  }.v-list {
22513
22513
  overflow: auto;
22514
22514
  padding: 8px 0;
@@ -23592,64 +23592,6 @@ html.v-overlay-scroll-blocked {
23592
23592
 
23593
23593
  .v-slider__label {
23594
23594
  margin-inline-end: 12px;
23595
- }.v-rating {
23596
- max-width: 100%;
23597
- display: inline-flex;
23598
- white-space: nowrap;
23599
- }
23600
- .v-rating--readonly {
23601
- pointer-events: none;
23602
- }
23603
-
23604
- .v-rating__wrapper {
23605
- align-items: center;
23606
- display: inline-flex;
23607
- flex-direction: column;
23608
- }
23609
- .v-rating__wrapper--bottom {
23610
- flex-direction: column-reverse;
23611
- }
23612
-
23613
- .v-rating__item {
23614
- display: inline-flex;
23615
- position: relative;
23616
- }
23617
- .v-rating__item label {
23618
- cursor: pointer;
23619
- }
23620
- .v-rating__item .v-btn--variant-plain {
23621
- opacity: 1;
23622
- }
23623
- .v-rating__item .v-btn {
23624
- transition-property: transform;
23625
- }
23626
- .v-rating__item .v-btn .v-icon {
23627
- transition: inherit;
23628
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23629
- }
23630
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23631
- transform: scale(1.25);
23632
- }
23633
- .v-rating__item--focused .v-btn__overlay {
23634
- display: block;
23635
- opacity: var(--v-hover-opacity);
23636
- }
23637
- .v-rating__item--half {
23638
- overflow: hidden;
23639
- position: absolute;
23640
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23641
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23642
- z-index: 1;
23643
- }
23644
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23645
- opacity: 0;
23646
- }
23647
-
23648
- .v-rating__hidden {
23649
- height: 0;
23650
- opacity: 0;
23651
- position: absolute;
23652
- width: 0;
23653
23595
  }.v-responsive {
23654
23596
  display: flex;
23655
23597
  flex: 1 0 auto;
@@ -23745,6 +23687,8 @@ html.v-overlay-scroll-blocked {
23745
23687
  user-select: none;
23746
23688
  }
23747
23689
  .v-selection-control .v-label {
23690
+ white-space: normal;
23691
+ word-break: break-word;
23748
23692
  height: 100%;
23749
23693
  width: 100%;
23750
23694
  }
@@ -23761,6 +23705,8 @@ html.v-overlay-scroll-blocked {
23761
23705
  .v-selection-control--inline {
23762
23706
  display: inline-flex;
23763
23707
  flex: 0 0 auto;
23708
+ min-width: 0;
23709
+ max-width: 100%;
23764
23710
  }
23765
23711
  .v-selection-control--inline .v-label {
23766
23712
  width: auto;
@@ -24076,7 +24022,7 @@ html.v-overlay-scroll-blocked {
24076
24022
  }
24077
24023
 
24078
24024
  .v-switch .v-selection-control {
24079
- height: var(--v-input-control-height);
24025
+ min-height: var(--v-input-control-height);
24080
24026
  }
24081
24027
  .v-switch .v-selection-control__wrapper {
24082
24028
  width: auto;
@@ -24109,7 +24055,7 @@ html.v-overlay-scroll-blocked {
24109
24055
  width: 100%;
24110
24056
  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));
24111
24057
  background: rgba(var(--v-theme-on-surface-variant));
24112
- color: rgba(var(--v-theme-on-variant), var(--v-medium-emphasis-opacity));
24058
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24113
24059
  font-size: 0.75rem;
24114
24060
  font-weight: 400;
24115
24061
  letter-spacing: 0.0333333333em;
@@ -24195,20 +24141,14 @@ html.v-overlay-scroll-blocked {
24195
24141
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24196
24142
  margin-inline-end: 52px;
24197
24143
  }
24198
- }
24199
- .v-toolbar__content > .v-tabs,
24200
- .v-toolbar__content .v-tab {
24201
- height: inherit;
24202
24144
  }.v-tab {
24145
+ --v-btn-height: var(--v-tabs-height);
24203
24146
  position: relative;
24204
24147
  min-width: 90px;
24205
24148
  }
24206
24149
  .v-slide-group--horizontal .v-tab {
24207
24150
  max-width: 360px;
24208
24151
  }
24209
- .v-tab.v-tab.v-tab {
24210
- height: var(--v-tabs-height);
24211
- }
24212
24152
  .v-slide-group--vertical .v-tab {
24213
24153
  justify-content: start;
24214
24154
  }
@@ -25152,6 +25092,64 @@ html.v-overlay-scroll-blocked {
25152
25092
  }
25153
25093
  .v-window-y-reverse-transition-leave-to {
25154
25094
  transform: translateY(100%);
25095
+ }.v-rating {
25096
+ max-width: 100%;
25097
+ display: inline-flex;
25098
+ white-space: nowrap;
25099
+ }
25100
+ .v-rating--readonly {
25101
+ pointer-events: none;
25102
+ }
25103
+
25104
+ .v-rating__wrapper {
25105
+ align-items: center;
25106
+ display: inline-flex;
25107
+ flex-direction: column;
25108
+ }
25109
+ .v-rating__wrapper--bottom {
25110
+ flex-direction: column-reverse;
25111
+ }
25112
+
25113
+ .v-rating__item {
25114
+ display: inline-flex;
25115
+ position: relative;
25116
+ }
25117
+ .v-rating__item label {
25118
+ cursor: pointer;
25119
+ }
25120
+ .v-rating__item .v-btn--variant-plain {
25121
+ opacity: 1;
25122
+ }
25123
+ .v-rating__item .v-btn {
25124
+ transition-property: transform;
25125
+ }
25126
+ .v-rating__item .v-btn .v-icon {
25127
+ transition: inherit;
25128
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25129
+ }
25130
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
25131
+ transform: scale(1.25);
25132
+ }
25133
+ .v-rating__item--focused .v-btn__overlay {
25134
+ display: block;
25135
+ opacity: var(--v-hover-opacity);
25136
+ }
25137
+ .v-rating__item--half {
25138
+ overflow: hidden;
25139
+ position: absolute;
25140
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25141
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25142
+ z-index: 1;
25143
+ }
25144
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
25145
+ opacity: 0;
25146
+ }
25147
+
25148
+ .v-rating__hidden {
25149
+ height: 0;
25150
+ opacity: 0;
25151
+ position: absolute;
25152
+ width: 0;
25155
25153
  }.v-color-picker-canvas {
25156
25154
  position: relative;
25157
25155
  overflow: hidden;