vuetify 3.1.11 → 3.1.12

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 (58) hide show
  1. package/dist/json/attributes.json +8 -12
  2. package/dist/json/importMap.json +84 -84
  3. package/dist/json/tags.json +0 -1
  4. package/dist/json/web-types.json +19 -25
  5. package/dist/vuetify-labs.css +129 -135
  6. package/dist/vuetify-labs.d.ts +73 -66
  7. package/dist/vuetify-labs.esm.js +65 -36
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +64 -35
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +53 -59
  12. package/dist/vuetify.d.ts +66 -75
  13. package/dist/vuetify.esm.js +44 -30
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +44 -30
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +326 -325
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/components/VBadge/VBadge.css +1 -0
  21. package/lib/components/VBadge/VBadge.sass +1 -0
  22. package/lib/components/VCheckbox/VCheckbox.mjs +2 -2
  23. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  24. package/lib/components/VCheckbox/index.d.ts +41 -50
  25. package/lib/components/VCombobox/VCombobox.mjs +9 -1
  26. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  27. package/lib/components/VDialog/VDialog.css +11 -18
  28. package/lib/components/VDialog/VDialog.mjs +2 -2
  29. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  30. package/lib/components/VDialog/VDialog.sass +8 -15
  31. package/lib/components/VField/VField.mjs +5 -1
  32. package/lib/components/VField/VField.mjs.map +1 -1
  33. package/lib/components/VGrid/VCol.mjs +2 -2
  34. package/lib/components/VGrid/VCol.mjs.map +1 -1
  35. package/lib/components/VGrid/VRow.mjs +2 -2
  36. package/lib/components/VGrid/VRow.mjs.map +1 -1
  37. package/lib/components/VOverlay/VOverlay.css +1 -1
  38. package/lib/components/VOverlay/VOverlay.sass +1 -1
  39. package/lib/components/VTextField/VTextField.mjs +11 -6
  40. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  41. package/lib/components/index.d.ts +41 -50
  42. package/lib/composables/forwardRefs.mjs +12 -15
  43. package/lib/composables/forwardRefs.mjs.map +1 -1
  44. package/lib/entry-bundler.mjs +1 -1
  45. package/lib/framework.mjs +1 -1
  46. package/lib/index.d.ts +25 -25
  47. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  48. package/lib/labs/VDataTable/VDataTableRow.mjs +5 -4
  49. package/lib/labs/VDataTable/VDataTableRow.mjs.map +1 -1
  50. package/lib/labs/VDataTable/VDataTableServer.mjs +3 -1
  51. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  52. package/lib/labs/VDataTable/composables/items.mjs +14 -1
  53. package/lib/labs/VDataTable/composables/items.mjs.map +1 -1
  54. package/lib/labs/VDataTable/index.d.ts +32 -16
  55. package/lib/labs/components.d.ts +32 -16
  56. package/lib/util/globals.mjs +1 -1
  57. package/lib/util/globals.mjs.map +1 -1
  58. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.11
2
+ * Vuetify v3.1.12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15802,6 +15802,15 @@ html.overflow-y-hidden {
15802
15802
  font-weight: normal;
15803
15803
  padding: 0.2em 0.4rem;
15804
15804
  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));
15805
+ }.v-virtual-scroll {
15806
+ display: block;
15807
+ flex: 1 1 auto;
15808
+ max-width: 100%;
15809
+ overflow: auto;
15810
+ position: relative;
15811
+ }
15812
+ .v-virtual-scroll__container {
15813
+ display: block;
15805
15814
  }.v-data-table {
15806
15815
  width: 100%;
15807
15816
  }
@@ -15965,15 +15974,18 @@ html.overflow-y-hidden {
15965
15974
 
15966
15975
  .v-data-table-footer__page {
15967
15976
  padding: 0 8px;
15968
- }.v-virtual-scroll {
15969
- display: block;
15970
- flex: 1 1 auto;
15971
- max-width: 100%;
15972
- overflow: auto;
15973
- position: relative;
15977
+ }.v-app-bar {
15978
+ display: flex;
15974
15979
  }
15975
- .v-virtual-scroll__container {
15976
- display: block;
15980
+ .v-app-bar.v-toolbar {
15981
+ background: rgb(var(--v-theme-surface));
15982
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
15983
+ }
15984
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
15985
+ 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));
15986
+ }
15987
+ .v-app-bar:not(.v-toolbar--absolute) {
15988
+ padding-inline-end: var(--v-scrollbar-offset);
15977
15989
  }.v-application {
15978
15990
  display: flex;
15979
15991
  background: rgb(var(--v-theme-background));
@@ -15990,18 +16002,6 @@ html.overflow-y-hidden {
15990
16002
  min-height: 100vh;
15991
16003
  min-height: 100dvh;
15992
16004
  position: relative;
15993
- }.v-app-bar {
15994
- display: flex;
15995
- }
15996
- .v-app-bar.v-toolbar {
15997
- background: rgb(var(--v-theme-surface));
15998
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
15999
- }
16000
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16001
- 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));
16002
- }
16003
- .v-app-bar:not(.v-toolbar--absolute) {
16004
- padding-inline-end: var(--v-scrollbar-offset);
16005
16005
  }.v-alert {
16006
16006
  display: grid;
16007
16007
  flex: 1 1;
@@ -16389,6 +16389,7 @@ html.overflow-y-hidden {
16389
16389
 
16390
16390
  .v-badge__badge {
16391
16391
  align-items: center;
16392
+ display: inline-flex;
16392
16393
  border-radius: 10px;
16393
16394
  font-size: 0.75rem;
16394
16395
  font-weight: 500;
@@ -16717,6 +16718,63 @@ html.overflow-y-hidden {
16717
16718
  padding: 0 8px;
16718
16719
  vertical-align: middle;
16719
16720
  }/** if false, disabled buttons will be greyed out */
16721
+ .v-btn-group {
16722
+ display: inline-flex;
16723
+ flex-wrap: nowrap;
16724
+ max-width: 100%;
16725
+ min-width: 0;
16726
+ overflow: hidden;
16727
+ vertical-align: middle;
16728
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16729
+ border-style: solid;
16730
+ border-width: 0;
16731
+ 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));
16732
+ border-radius: 4px;
16733
+ background: transparent;
16734
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16735
+ }
16736
+ .v-btn-group--border {
16737
+ border-width: thin;
16738
+ box-shadow: none;
16739
+ }
16740
+ .v-btn-group--density-default.v-btn-group {
16741
+ height: 48px;
16742
+ }
16743
+
16744
+ .v-btn-group--density-comfortable.v-btn-group {
16745
+ height: 40px;
16746
+ }
16747
+
16748
+ .v-btn-group--density-compact.v-btn-group {
16749
+ height: 36px;
16750
+ }
16751
+
16752
+ .v-btn-group .v-btn {
16753
+ border-radius: 0;
16754
+ border-color: inherit;
16755
+ }
16756
+ .v-btn-group .v-btn:not(:last-child) {
16757
+ border-inline-end: none;
16758
+ }
16759
+ .v-btn-group .v-btn:not(:first-child) {
16760
+ border-inline-start: none;
16761
+ }
16762
+ .v-btn-group .v-btn:first-child {
16763
+ border-start-start-radius: inherit;
16764
+ border-end-start-radius: inherit;
16765
+ }
16766
+ .v-btn-group .v-btn:last-child {
16767
+ border-start-end-radius: inherit;
16768
+ border-end-end-radius: inherit;
16769
+ }
16770
+ .v-btn-group--divided .v-btn:not(:last-child) {
16771
+ border-inline-end-width: thin;
16772
+ border-inline-end-style: solid;
16773
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
16774
+ }
16775
+ .v-btn-group--tile {
16776
+ border-radius: 0;
16777
+ }/** if false, disabled buttons will be greyed out */
16720
16778
  .v-btn {
16721
16779
  align-items: center;
16722
16780
  border-radius: 4px;
@@ -17124,63 +17182,6 @@ html.overflow-y-hidden {
17124
17182
 
17125
17183
  .v-snackbar-actions .v-btn {
17126
17184
  padding: 0 8px;
17127
- }/** if false, disabled buttons will be greyed out */
17128
- .v-btn-group {
17129
- display: inline-flex;
17130
- flex-wrap: nowrap;
17131
- max-width: 100%;
17132
- min-width: 0;
17133
- overflow: hidden;
17134
- vertical-align: middle;
17135
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17136
- border-style: solid;
17137
- border-width: 0;
17138
- 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));
17139
- border-radius: 4px;
17140
- background: transparent;
17141
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17142
- }
17143
- .v-btn-group--border {
17144
- border-width: thin;
17145
- box-shadow: none;
17146
- }
17147
- .v-btn-group--density-default.v-btn-group {
17148
- height: 48px;
17149
- }
17150
-
17151
- .v-btn-group--density-comfortable.v-btn-group {
17152
- height: 40px;
17153
- }
17154
-
17155
- .v-btn-group--density-compact.v-btn-group {
17156
- height: 36px;
17157
- }
17158
-
17159
- .v-btn-group .v-btn {
17160
- border-radius: 0;
17161
- border-color: inherit;
17162
- }
17163
- .v-btn-group .v-btn:not(:last-child) {
17164
- border-inline-end: none;
17165
- }
17166
- .v-btn-group .v-btn:not(:first-child) {
17167
- border-inline-start: none;
17168
- }
17169
- .v-btn-group .v-btn:first-child {
17170
- border-start-start-radius: inherit;
17171
- border-end-start-radius: inherit;
17172
- }
17173
- .v-btn-group .v-btn:last-child {
17174
- border-start-end-radius: inherit;
17175
- border-end-end-radius: inherit;
17176
- }
17177
- .v-btn-group--divided .v-btn:not(:last-child) {
17178
- border-inline-end-width: thin;
17179
- border-inline-end-style: solid;
17180
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17181
- }
17182
- .v-btn-group--tile {
17183
- border-radius: 0;
17184
17185
  }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17185
17186
  opacity: var(--v-activated-opacity);
17186
17187
  }.v-card {
@@ -18948,51 +18949,18 @@ html.overflow-y-hidden {
18948
18949
  flex: 0 1 auto;
18949
18950
  font-size: 12px;
18950
18951
  transition-duration: 150ms;
18951
- }.v-divider {
18952
- display: block;
18953
- flex: 1 1 100%;
18954
- height: 0px;
18955
- max-height: 0px;
18956
- opacity: var(--v-border-opacity);
18957
- transition: inherit;
18958
- border-style: solid;
18959
- border-width: thin 0 0 0;
18960
- }
18961
- .v-divider--vertical {
18962
- align-self: stretch;
18963
- border-width: 0 thin 0 0;
18964
- display: inline-flex;
18965
- height: inherit;
18966
- margin-left: -1px;
18967
- max-height: 100%;
18968
- max-width: 0px;
18969
- vertical-align: text-bottom;
18970
- width: 0px;
18971
- }
18972
- .v-divider--inset:not(.v-divider--vertical) {
18973
- max-width: calc(100% - 72px);
18974
- margin-inline-start: 72px;
18975
- }
18976
- .v-divider--inset.v-divider--vertical {
18977
- margin-bottom: 8px;
18978
- margin-top: 8px;
18979
- max-height: calc(100% - 16px);
18980
18952
  }.v-dialog {
18981
- margin: 24px;
18982
- margin-inline-end: 24px;
18983
- }
18984
- .v-dialog.v-overlay--scroll-blocked {
18985
- margin-inline-end: calc(24px + var(--v-scrollbar-offset));
18953
+ align-items: center;
18954
+ justify-content: center;
18955
+ margin: auto;
18986
18956
  }
18987
18957
  .v-dialog > .v-overlay__content {
18988
- max-height: 100%;
18989
- width: 100%;
18990
- max-width: 100%;
18958
+ max-height: calc(100% - 48px);
18959
+ width: calc(100% - 48px);
18960
+ max-width: calc(100% - 48px);
18961
+ margin: 24px;
18991
18962
  display: flex;
18992
18963
  flex-direction: column;
18993
- top: 50%;
18994
- left: 50%;
18995
- transform: translate(-50%, -50%);
18996
18964
  }
18997
18965
  .v-dialog > .v-overlay__content > .v-card,
18998
18966
  .v-dialog > .v-overlay__content > .v-sheet {
@@ -19018,12 +18986,10 @@ html.overflow-y-hidden {
19018
18986
  padding: 16px 24px 10px;
19019
18987
  }
19020
18988
 
19021
- .v-dialog.v-dialog--fullscreen {
19022
- margin: 0;
19023
- margin-inline-end: 0;
18989
+ .v-dialog--fullscreen {
19024
18990
  --v-scrollbar-offset: 0px;
19025
18991
  }
19026
- .v-dialog.v-dialog--fullscreen > .v-overlay__content {
18992
+ .v-dialog--fullscreen > .v-overlay__content {
19027
18993
  border-radius: 0;
19028
18994
  margin: 0;
19029
18995
  padding: 0;
@@ -19034,10 +19000,9 @@ html.overflow-y-hidden {
19034
19000
  overflow-y: auto;
19035
19001
  top: 0;
19036
19002
  left: 0;
19037
- transform: none;
19038
19003
  }
19039
- .v-dialog.v-dialog--fullscreen > .v-overlay__content > .v-card,
19040
- .v-dialog.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
19004
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
19005
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet {
19041
19006
  min-height: 100%;
19042
19007
  min-width: 100%;
19043
19008
  border-radius: 0;
@@ -19688,7 +19653,36 @@ textarea.v-field__input::placeholder {
19688
19653
  opacity: 0;
19689
19654
  }
19690
19655
 
19691
- /* endregion */.v-input--density-default {
19656
+ /* endregion */.v-divider {
19657
+ display: block;
19658
+ flex: 1 1 100%;
19659
+ height: 0px;
19660
+ max-height: 0px;
19661
+ opacity: var(--v-border-opacity);
19662
+ transition: inherit;
19663
+ border-style: solid;
19664
+ border-width: thin 0 0 0;
19665
+ }
19666
+ .v-divider--vertical {
19667
+ align-self: stretch;
19668
+ border-width: 0 thin 0 0;
19669
+ display: inline-flex;
19670
+ height: inherit;
19671
+ margin-left: -1px;
19672
+ max-height: 100%;
19673
+ max-width: 0px;
19674
+ vertical-align: text-bottom;
19675
+ width: 0px;
19676
+ }
19677
+ .v-divider--inset:not(.v-divider--vertical) {
19678
+ max-width: calc(100% - 72px);
19679
+ margin-inline-start: 72px;
19680
+ }
19681
+ .v-divider--inset.v-divider--vertical {
19682
+ margin-bottom: 8px;
19683
+ margin-top: 8px;
19684
+ max-height: calc(100% - 16px);
19685
+ }.v-input--density-default {
19692
19686
  --file-input-chips-margin-bottom: 0px;
19693
19687
  }
19694
19688
 
@@ -20599,6 +20593,14 @@ textarea.v-field__input::placeholder {
20599
20593
  opacity: 0.2;
20600
20594
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20601
20595
  z-index: 1;
20596
+ }.v-pagination__list {
20597
+ display: inline-flex;
20598
+ list-style-type: none;
20599
+ justify-content: center;
20600
+ width: 100%;
20601
+ }
20602
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
20603
+ margin: 0.3rem;
20602
20604
  }.v-overlay-container {
20603
20605
  contain: layout;
20604
20606
  left: 0;
@@ -20659,15 +20661,7 @@ html.v-overlay-scroll-blocked {
20659
20661
  }
20660
20662
 
20661
20663
  .v-overlay--scroll-blocked {
20662
- margin-inline-end: var(--v-scrollbar-offset);
20663
- }.v-pagination__list {
20664
- display: inline-flex;
20665
- list-style-type: none;
20666
- justify-content: center;
20667
- width: 100%;
20668
- }
20669
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
20670
- margin: 0.3rem;
20664
+ padding-inline-end: var(--v-scrollbar-offset);
20671
20665
  }.v-parallax {
20672
20666
  position: relative;
20673
20667
  overflow: hidden;