@vuetify/nightly 3.4.0-beta.1-dev.2023-11-08 → 3.4.0-dev.2023-12-01

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 (49) hide show
  1. package/CHANGELOG.md +7 -2
  2. package/dist/json/attributes.json +2066 -2074
  3. package/dist/json/importMap.json +96 -96
  4. package/dist/json/tags.json +5 -7
  5. package/dist/json/web-types.json +3991 -4113
  6. package/dist/vuetify-labs.css +1886 -1885
  7. package/dist/vuetify-labs.d.ts +89 -136
  8. package/dist/vuetify-labs.esm.js +125 -112
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +124 -111
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +161 -160
  13. package/dist/vuetify.d.ts +118 -165
  14. package/dist/vuetify.esm.js +125 -112
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +124 -111
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +141 -140
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VBtn/VBtn.css +0 -1
  22. package/lib/components/VBtn/_variables.scss +1 -1
  23. package/lib/components/VBtnGroup/VBtnGroup.css +0 -1
  24. package/lib/components/VCarousel/index.d.mts +24 -1
  25. package/lib/components/VDataTable/VDataTableServer.mjs +2 -2
  26. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  27. package/lib/components/VDataTable/VDataTableVirtual.mjs +2 -2
  28. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  29. package/lib/components/VDataTable/index.d.mts +24 -24
  30. package/lib/components/VGrid/VSpacer.mjs +3 -0
  31. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  32. package/lib/components/VImg/VImg.css +3 -0
  33. package/lib/components/VImg/VImg.mjs +14 -3
  34. package/lib/components/VImg/VImg.mjs.map +1 -1
  35. package/lib/components/VImg/VImg.sass +3 -0
  36. package/lib/components/VImg/_variables.scss +3 -0
  37. package/lib/components/VImg/index.d.mts +24 -1
  38. package/lib/components/VStepper/VStepperWindow.mjs +8 -6
  39. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  40. package/lib/components/VStepper/VStepperWindowItem.mjs +3 -1
  41. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  42. package/lib/components/VStepper/index.d.mts +18 -140
  43. package/lib/components/index.d.mts +89 -136
  44. package/lib/entry-bundler.mjs +1 -1
  45. package/lib/entry-bundler.mjs.map +1 -1
  46. package/lib/framework.mjs +1 -1
  47. package/lib/framework.mjs.map +1 -1
  48. package/lib/index.d.mts +29 -29
  49. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-beta.1-dev.2023-11-08
2
+ * Vuetify v3.4.0-dev.2023-12-01
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17009,6 +17009,87 @@ html.overflow-y-hidden {
17009
17009
  }
17010
17010
  .v-app-bar:not(.v-toolbar--absolute) {
17011
17011
  padding-inline-end: var(--v-scrollbar-offset);
17012
+ }.v-autocomplete .v-field .v-text-field__prefix,
17013
+ .v-autocomplete .v-field .v-text-field__suffix,
17014
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17015
+ cursor: text;
17016
+ }
17017
+ .v-autocomplete .v-field .v-field__input > input {
17018
+ flex: 1 1;
17019
+ }
17020
+ .v-autocomplete .v-field input {
17021
+ min-width: 64px;
17022
+ }
17023
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17024
+ min-width: 0;
17025
+ }
17026
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17027
+ margin-inline-end: 2px;
17028
+ }
17029
+ .v-autocomplete .v-autocomplete__selection-text {
17030
+ overflow: hidden;
17031
+ text-overflow: ellipsis;
17032
+ white-space: nowrap;
17033
+ }
17034
+
17035
+ .v-autocomplete__content {
17036
+ overflow: hidden;
17037
+ 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));
17038
+ border-radius: 4px;
17039
+ }
17040
+ .v-autocomplete__mask {
17041
+ background: rgb(var(--v-theme-on-surface-variant));
17042
+ }
17043
+ .v-autocomplete__selection {
17044
+ display: inline-flex;
17045
+ align-items: center;
17046
+ height: 1.5rem;
17047
+ letter-spacing: inherit;
17048
+ line-height: inherit;
17049
+ max-width: calc(100% - 2px);
17050
+ }
17051
+ .v-autocomplete__selection:first-child {
17052
+ margin-inline-start: 0;
17053
+ }
17054
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17055
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17056
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17057
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17058
+ top: 0px;
17059
+ }
17060
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17061
+ opacity: var(--v-medium-emphasis-opacity);
17062
+ }
17063
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17064
+ opacity: 1;
17065
+ }
17066
+ .v-autocomplete--selecting-index .v-field__input > input {
17067
+ caret-color: transparent;
17068
+ }
17069
+ .v-autocomplete--single.v-text-field input {
17070
+ flex: 1 1;
17071
+ position: absolute;
17072
+ left: 0;
17073
+ right: 0;
17074
+ width: 100%;
17075
+ padding-inline: inherit;
17076
+ }
17077
+ .v-autocomplete--single .v-field--active input {
17078
+ transition: none;
17079
+ }
17080
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17081
+ opacity: 0;
17082
+ }
17083
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17084
+ opacity: 0;
17085
+ }
17086
+ .v-autocomplete__menu-icon {
17087
+ margin-inline-start: 4px;
17088
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17089
+ }
17090
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17091
+ opacity: var(--v-high-emphasis-opacity);
17092
+ transform: rotate(180deg);
17012
17093
  }.v-alert {
17013
17094
  display: grid;
17014
17095
  flex: 1 1;
@@ -17678,8 +17759,7 @@ html.overflow-y-hidden {
17678
17759
  display: inline-block;
17679
17760
  padding: 0 8px;
17680
17761
  vertical-align: middle;
17681
- }/** if false, disabled buttons will be greyed out */
17682
- .v-btn {
17762
+ }.v-btn {
17683
17763
  align-items: center;
17684
17764
  border-radius: 4px;
17685
17765
  display: inline-grid;
@@ -18079,8 +18159,7 @@ html.overflow-y-hidden {
18079
18159
  }
18080
18160
  .v-pagination__item--is-active .v-btn__overlay {
18081
18161
  opacity: var(--v-border-opacity);
18082
- }/** if false, disabled buttons will be greyed out */
18083
- .v-btn-group {
18162
+ }.v-btn-group {
18084
18163
  display: inline-flex;
18085
18164
  flex-wrap: nowrap;
18086
18165
  max-width: 100%;
@@ -18931,87 +19010,6 @@ html.overflow-y-hidden {
18931
19010
  .v-chip-group--column {
18932
19011
  flex-wrap: wrap;
18933
19012
  white-space: normal;
18934
- }.v-autocomplete .v-field .v-text-field__prefix,
18935
- .v-autocomplete .v-field .v-text-field__suffix,
18936
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18937
- cursor: text;
18938
- }
18939
- .v-autocomplete .v-field .v-field__input > input {
18940
- flex: 1 1;
18941
- }
18942
- .v-autocomplete .v-field input {
18943
- min-width: 64px;
18944
- }
18945
- .v-autocomplete .v-field:not(.v-field--focused) input {
18946
- min-width: 0;
18947
- }
18948
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18949
- margin-inline-end: 2px;
18950
- }
18951
- .v-autocomplete .v-autocomplete__selection-text {
18952
- overflow: hidden;
18953
- text-overflow: ellipsis;
18954
- white-space: nowrap;
18955
- }
18956
-
18957
- .v-autocomplete__content {
18958
- overflow: hidden;
18959
- 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));
18960
- border-radius: 4px;
18961
- }
18962
- .v-autocomplete__mask {
18963
- background: rgb(var(--v-theme-on-surface-variant));
18964
- }
18965
- .v-autocomplete__selection {
18966
- display: inline-flex;
18967
- align-items: center;
18968
- height: 1.5rem;
18969
- letter-spacing: inherit;
18970
- line-height: inherit;
18971
- max-width: calc(100% - 2px);
18972
- }
18973
- .v-autocomplete__selection:first-child {
18974
- margin-inline-start: 0;
18975
- }
18976
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18977
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18978
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18979
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18980
- top: 0px;
18981
- }
18982
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18983
- opacity: var(--v-medium-emphasis-opacity);
18984
- }
18985
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18986
- opacity: 1;
18987
- }
18988
- .v-autocomplete--selecting-index .v-field__input > input {
18989
- caret-color: transparent;
18990
- }
18991
- .v-autocomplete--single.v-text-field input {
18992
- flex: 1 1;
18993
- position: absolute;
18994
- left: 0;
18995
- right: 0;
18996
- width: 100%;
18997
- padding-inline: inherit;
18998
- }
18999
- .v-autocomplete--single .v-field--active input {
19000
- transition: none;
19001
- }
19002
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
19003
- opacity: 0;
19004
- }
19005
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
19006
- opacity: 0;
19007
- }
19008
- .v-autocomplete__menu-icon {
19009
- margin-inline-start: 4px;
19010
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19011
- }
19012
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
19013
- opacity: var(--v-high-emphasis-opacity);
19014
- transform: rotate(180deg);
19015
19013
  }.v-container {
19016
19014
  width: 100%;
19017
19015
  padding: 16px;
@@ -19790,6 +19788,36 @@ html.overflow-y-hidden {
19790
19788
  flex: 0 1 auto;
19791
19789
  font-size: 12px;
19792
19790
  transition-duration: 150ms;
19791
+ }.v-data-table-footer {
19792
+ display: flex;
19793
+ align-items: center;
19794
+ flex-wrap: wrap;
19795
+ padding: 0 8px;
19796
+ justify-content: flex-end;
19797
+ }
19798
+
19799
+ .v-data-table-footer__items-per-page {
19800
+ padding-inline-end: 24px;
19801
+ display: flex;
19802
+ align-items: center;
19803
+ justify-content: space-between;
19804
+ }
19805
+ .v-data-table-footer__items-per-page > span {
19806
+ padding-inline-end: 24px;
19807
+ }
19808
+
19809
+ .v-data-table-footer__info {
19810
+ display: flex;
19811
+ padding-inline-end: 24px;
19812
+ }
19813
+
19814
+ .v-data-table-footer__pagination {
19815
+ display: flex;
19816
+ align-items: center;
19817
+ }
19818
+
19819
+ .v-data-table-footer__page {
19820
+ padding: 0 8px;
19793
19821
  }.v-data-table {
19794
19822
  width: 100%;
19795
19823
  }
@@ -19918,36 +19946,6 @@ html.overflow-y-hidden {
19918
19946
  .v-data-table-rows-loading,
19919
19947
  .v-data-table-rows-no-data {
19920
19948
  text-align: center;
19921
- }.v-data-table-footer {
19922
- display: flex;
19923
- align-items: center;
19924
- flex-wrap: wrap;
19925
- padding: 0 8px;
19926
- justify-content: flex-end;
19927
- }
19928
-
19929
- .v-data-table-footer__items-per-page {
19930
- padding-inline-end: 24px;
19931
- display: flex;
19932
- align-items: center;
19933
- justify-content: space-between;
19934
- }
19935
- .v-data-table-footer__items-per-page > span {
19936
- padding-inline-end: 24px;
19937
- }
19938
-
19939
- .v-data-table-footer__info {
19940
- display: flex;
19941
- padding-inline-end: 24px;
19942
- }
19943
-
19944
- .v-data-table-footer__pagination {
19945
- display: flex;
19946
- align-items: center;
19947
- }
19948
-
19949
- .v-data-table-footer__page {
19950
- padding: 0 8px;
19951
19949
  }.v-date-picker__input {
19952
19950
  padding-top: 16px;
19953
19951
  padding-left: 24px;
@@ -20135,6 +20133,21 @@ html.overflow-y-hidden {
20135
20133
  .date-picker-header-reverse-transition-leave-to {
20136
20134
  opacity: 0;
20137
20135
  transform: translate(0, 100%);
20136
+ }.v-date-picker-years {
20137
+ height: 320px;
20138
+ overflow-y: scroll;
20139
+ }
20140
+
20141
+ .v-date-picker-years__content {
20142
+ display: grid;
20143
+ flex: 1 1;
20144
+ justify-content: space-around;
20145
+ grid-template-columns: repeat(3, 1fr);
20146
+ gap: 8px 24px;
20147
+ padding-inline: 36px;
20148
+ }
20149
+ .v-date-picker-years__content .v-btn {
20150
+ padding-inline: 8px;
20138
20151
  }.v-date-picker-months {
20139
20152
  height: 320px;
20140
20153
  overflow-y: scroll;
@@ -20155,21 +20168,6 @@ html.overflow-y-hidden {
20155
20168
  text-transform: none;
20156
20169
  padding-inline-start: 8px;
20157
20170
  padding-inline-end: 8px;
20158
- }.v-date-picker-years {
20159
- height: 320px;
20160
- overflow-y: scroll;
20161
- }
20162
-
20163
- .v-date-picker-years__content {
20164
- display: grid;
20165
- flex: 1 1;
20166
- justify-content: space-around;
20167
- grid-template-columns: repeat(3, 1fr);
20168
- gap: 8px 24px;
20169
- padding-inline: 36px;
20170
- }
20171
- .v-date-picker-years__content .v-btn {
20172
- padding-inline: 8px;
20173
20171
  }.v-dialog {
20174
20172
  align-items: center;
20175
20173
  justify-content: center;
@@ -21119,6 +21117,31 @@ textarea.v-field__input::placeholder {
21119
21117
 
21120
21118
  .v-icon--end {
21121
21119
  margin-inline-start: 8px;
21120
+ }.v-infinite-scroll--horizontal {
21121
+ display: flex;
21122
+ flex-direction: row;
21123
+ overflow-x: auto;
21124
+ }
21125
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21126
+ height: 100%;
21127
+ width: 1px;
21128
+ }
21129
+
21130
+ .v-infinite-scroll--vertical {
21131
+ display: flex;
21132
+ flex-direction: column;
21133
+ overflow-y: auto;
21134
+ }
21135
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21136
+ height: 1px;
21137
+ width: 100%;
21138
+ }
21139
+
21140
+ .v-infinite-scroll__side {
21141
+ align-items: center;
21142
+ display: flex;
21143
+ justify-content: center;
21144
+ padding: 8px;
21122
21145
  }.v-img {
21123
21146
  --v-theme-overlay-multiplier: 3;
21124
21147
  z-index: 0;
@@ -21126,6 +21149,9 @@ textarea.v-field__input::placeholder {
21126
21149
  .v-img--booting .v-responsive__sizer {
21127
21150
  transition: none;
21128
21151
  }
21152
+ .v-img--rounded {
21153
+ border-radius: 4px;
21154
+ }
21129
21155
 
21130
21156
  .v-img__img,
21131
21157
  .v-img__picture,
@@ -21152,31 +21178,6 @@ textarea.v-field__input::placeholder {
21152
21178
 
21153
21179
  .v-img__gradient {
21154
21180
  background-repeat: no-repeat;
21155
- }.v-infinite-scroll--horizontal {
21156
- display: flex;
21157
- flex-direction: row;
21158
- overflow-x: auto;
21159
- }
21160
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21161
- height: 100%;
21162
- width: 1px;
21163
- }
21164
-
21165
- .v-infinite-scroll--vertical {
21166
- display: flex;
21167
- flex-direction: column;
21168
- overflow-y: auto;
21169
- }
21170
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21171
- height: 1px;
21172
- width: 100%;
21173
- }
21174
-
21175
- .v-infinite-scroll__side {
21176
- align-items: center;
21177
- display: flex;
21178
- justify-content: center;
21179
- padding: 8px;
21180
21181
  }.v-input {
21181
21182
  display: grid;
21182
21183
  flex: 1 1 auto;
@@ -23800,7 +23801,10 @@ html.v-overlay-scroll-blocked {
23800
23801
  padding-inline-end: var(--v-field-padding-end);
23801
23802
  }
23802
23803
 
23803
- /* endregion */.v-timeline .v-timeline-divider__dot {
23804
+ /* endregion */.v-theme-provider {
23805
+ background: rgb(var(--v-theme-background));
23806
+ color: rgb(var(--v-theme-on-background));
23807
+ }.v-timeline .v-timeline-divider__dot {
23804
23808
  background: rgb(var(--v-theme-on-surface-variant));
23805
23809
  }
23806
23810
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24343,9 +24347,6 @@ html.v-overlay-scroll-blocked {
24343
24347
  }
24344
24348
  .v-toolbar-items > .v-btn {
24345
24349
  border-radius: 0;
24346
- }.v-theme-provider {
24347
- background: rgb(var(--v-theme-background));
24348
- color: rgb(var(--v-theme-on-background));
24349
24350
  }.v-tooltip > .v-overlay__content {
24350
24351
  background: rgb(var(--v-theme-surface-variant));
24351
24352
  color: rgb(var(--v-theme-on-surface-variant));