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

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 (42) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/json/attributes.json +275 -299
  3. package/dist/json/importMap.json +44 -44
  4. package/dist/json/tags.json +1 -7
  5. package/dist/json/web-types.json +577 -735
  6. package/dist/vuetify-labs.css +245 -247
  7. package/dist/vuetify-labs.d.ts +41 -134
  8. package/dist/vuetify-labs.esm.js +18 -14
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +18 -14
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +137 -139
  13. package/dist/vuetify.d.ts +52 -145
  14. package/dist/vuetify.esm.js +18 -14
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +18 -14
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +12 -12
  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/VDataTable/VDataTableServer.mjs +2 -2
  25. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  26. package/lib/components/VDataTable/VDataTableVirtual.mjs +2 -2
  27. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  28. package/lib/components/VDataTable/index.d.mts +24 -24
  29. package/lib/components/VGrid/VSpacer.mjs +3 -0
  30. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  31. package/lib/components/VStepper/VStepperWindow.mjs +8 -6
  32. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  33. package/lib/components/VStepper/VStepperWindowItem.mjs +3 -1
  34. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  35. package/lib/components/VStepper/index.d.mts +18 -140
  36. package/lib/components/index.d.mts +41 -134
  37. package/lib/entry-bundler.mjs +1 -1
  38. package/lib/entry-bundler.mjs.map +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/framework.mjs.map +1 -1
  41. package/lib/index.d.mts +11 -11
  42. 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-11-09
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17219,6 +17219,87 @@ html.overflow-y-hidden {
17219
17219
  text-transform: none;
17220
17220
  word-break: normal;
17221
17221
  word-wrap: break-word;
17222
+ }.v-autocomplete .v-field .v-text-field__prefix,
17223
+ .v-autocomplete .v-field .v-text-field__suffix,
17224
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17225
+ cursor: text;
17226
+ }
17227
+ .v-autocomplete .v-field .v-field__input > input {
17228
+ flex: 1 1;
17229
+ }
17230
+ .v-autocomplete .v-field input {
17231
+ min-width: 64px;
17232
+ }
17233
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17234
+ min-width: 0;
17235
+ }
17236
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17237
+ margin-inline-end: 2px;
17238
+ }
17239
+ .v-autocomplete .v-autocomplete__selection-text {
17240
+ overflow: hidden;
17241
+ text-overflow: ellipsis;
17242
+ white-space: nowrap;
17243
+ }
17244
+
17245
+ .v-autocomplete__content {
17246
+ overflow: hidden;
17247
+ 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));
17248
+ border-radius: 4px;
17249
+ }
17250
+ .v-autocomplete__mask {
17251
+ background: rgb(var(--v-theme-on-surface-variant));
17252
+ }
17253
+ .v-autocomplete__selection {
17254
+ display: inline-flex;
17255
+ align-items: center;
17256
+ height: 1.5rem;
17257
+ letter-spacing: inherit;
17258
+ line-height: inherit;
17259
+ max-width: calc(100% - 2px);
17260
+ }
17261
+ .v-autocomplete__selection:first-child {
17262
+ margin-inline-start: 0;
17263
+ }
17264
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17265
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17266
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17267
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17268
+ top: 0px;
17269
+ }
17270
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17271
+ opacity: var(--v-medium-emphasis-opacity);
17272
+ }
17273
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17274
+ opacity: 1;
17275
+ }
17276
+ .v-autocomplete--selecting-index .v-field__input > input {
17277
+ caret-color: transparent;
17278
+ }
17279
+ .v-autocomplete--single.v-text-field input {
17280
+ flex: 1 1;
17281
+ position: absolute;
17282
+ left: 0;
17283
+ right: 0;
17284
+ width: 100%;
17285
+ padding-inline: inherit;
17286
+ }
17287
+ .v-autocomplete--single .v-field--active input {
17288
+ transition: none;
17289
+ }
17290
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17291
+ opacity: 0;
17292
+ }
17293
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17294
+ opacity: 0;
17295
+ }
17296
+ .v-autocomplete__menu-icon {
17297
+ margin-inline-start: 4px;
17298
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17299
+ }
17300
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17301
+ opacity: var(--v-high-emphasis-opacity);
17302
+ transform: rotate(180deg);
17222
17303
  }.v-avatar {
17223
17304
  flex: none;
17224
17305
  align-items: center;
@@ -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;
@@ -20025,55 +20023,6 @@ html.overflow-y-hidden {
20025
20023
 
20026
20024
  .v-date-picker__title {
20027
20025
  display: inline-block;
20028
- }.v-date-picker-month {
20029
- display: flex;
20030
- justify-content: center;
20031
- min-width: 328px;
20032
- --v-date-picker-month-day-diff: 4px;
20033
- }
20034
-
20035
- .v-date-picker-month__weeks {
20036
- display: grid;
20037
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20038
- row-gap: 4px;
20039
- font-size: 0.875rem;
20040
- }
20041
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20042
- grid-row-gap: 0;
20043
- }
20044
-
20045
- .v-date-picker-month__weekday {
20046
- font-size: 0.875rem;
20047
- }
20048
-
20049
- .v-date-picker-month__days {
20050
- display: grid;
20051
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20052
- row-gap: 4px;
20053
- flex: 1 1;
20054
- justify-content: space-around;
20055
- }
20056
-
20057
- .v-date-picker-month__day {
20058
- align-items: center;
20059
- display: flex;
20060
- justify-content: center;
20061
- position: relative;
20062
- }
20063
- .v-date-picker-month__day--selected .v-btn {
20064
- background-color: rgb(var(--v-theme-surface-variant));
20065
- color: rgb(var(--v-theme-on-surface-variant));
20066
- }
20067
- .v-date-picker-month__day--week {
20068
- font-size: var(--v-btn-size);
20069
- }
20070
-
20071
- .v-date-picker-month__day--adjacent {
20072
- opacity: 0.5;
20073
- }
20074
-
20075
- .v-date-picker-month__day--hide-adjacent {
20076
- opacity: 0;
20077
20026
  }.v-date-picker-header {
20078
20027
  display: grid;
20079
20028
  grid-template-areas: "prepend content append";
@@ -20135,6 +20084,55 @@ html.overflow-y-hidden {
20135
20084
  .date-picker-header-reverse-transition-leave-to {
20136
20085
  opacity: 0;
20137
20086
  transform: translate(0, 100%);
20087
+ }.v-date-picker-month {
20088
+ display: flex;
20089
+ justify-content: center;
20090
+ min-width: 328px;
20091
+ --v-date-picker-month-day-diff: 4px;
20092
+ }
20093
+
20094
+ .v-date-picker-month__weeks {
20095
+ display: grid;
20096
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20097
+ row-gap: 4px;
20098
+ font-size: 0.875rem;
20099
+ }
20100
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20101
+ grid-row-gap: 0;
20102
+ }
20103
+
20104
+ .v-date-picker-month__weekday {
20105
+ font-size: 0.875rem;
20106
+ }
20107
+
20108
+ .v-date-picker-month__days {
20109
+ display: grid;
20110
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20111
+ row-gap: 4px;
20112
+ flex: 1 1;
20113
+ justify-content: space-around;
20114
+ }
20115
+
20116
+ .v-date-picker-month__day {
20117
+ align-items: center;
20118
+ display: flex;
20119
+ justify-content: center;
20120
+ position: relative;
20121
+ }
20122
+ .v-date-picker-month__day--selected .v-btn {
20123
+ background-color: rgb(var(--v-theme-surface-variant));
20124
+ color: rgb(var(--v-theme-on-surface-variant));
20125
+ }
20126
+ .v-date-picker-month__day--week {
20127
+ font-size: var(--v-btn-size);
20128
+ }
20129
+
20130
+ .v-date-picker-month__day--adjacent {
20131
+ opacity: 0.5;
20132
+ }
20133
+
20134
+ .v-date-picker-month__day--hide-adjacent {
20135
+ opacity: 0;
20138
20136
  }.v-date-picker-months {
20139
20137
  height: 320px;
20140
20138
  overflow-y: scroll;
@@ -23800,7 +23798,10 @@ html.v-overlay-scroll-blocked {
23800
23798
  padding-inline-end: var(--v-field-padding-end);
23801
23799
  }
23802
23800
 
23803
- /* endregion */.v-timeline .v-timeline-divider__dot {
23801
+ /* endregion */.v-theme-provider {
23802
+ background: rgb(var(--v-theme-background));
23803
+ color: rgb(var(--v-theme-on-background));
23804
+ }.v-timeline .v-timeline-divider__dot {
23804
23805
  background: rgb(var(--v-theme-on-surface-variant));
23805
23806
  }
23806
23807
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24343,9 +24344,6 @@ html.v-overlay-scroll-blocked {
24343
24344
  }
24344
24345
  .v-toolbar-items > .v-btn {
24345
24346
  border-radius: 0;
24346
- }.v-theme-provider {
24347
- background: rgb(var(--v-theme-background));
24348
- color: rgb(var(--v-theme-on-background));
24349
24347
  }.v-tooltip > .v-overlay__content {
24350
24348
  background: rgb(var(--v-theme-surface-variant));
24351
24349
  color: rgb(var(--v-theme-on-surface-variant));