@vuetify/nightly 3.2.2-master-20230501.0 → 3.2.3-master-20230503.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 (82) hide show
  1. package/CHANGELOG.md +6 -7
  2. package/dist/json/attributes.json +795 -659
  3. package/dist/json/importMap-labs.json +4 -4
  4. package/dist/json/importMap.json +84 -84
  5. package/dist/json/tags.json +35 -1
  6. package/dist/json/web-types.json +1683 -1353
  7. package/dist/vuetify-labs.css +133 -127
  8. package/dist/vuetify-labs.d.ts +404 -71
  9. package/dist/vuetify-labs.esm.js +126 -109
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +126 -109
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +100 -94
  14. package/dist/vuetify.d.ts +429 -96
  15. package/dist/vuetify.esm.js +126 -109
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +126 -109
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +158 -159
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAppBar/VAppBar.mjs +7 -11
  23. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  24. package/lib/components/VAppBar/VAppBarNavIcon.mjs +10 -16
  25. package/lib/components/VAppBar/VAppBarNavIcon.mjs.map +1 -1
  26. package/lib/components/VAppBar/index.d.ts +394 -28
  27. package/lib/components/VAutocomplete/VAutocomplete.css +1 -1
  28. package/lib/components/VAutocomplete/VAutocomplete.mjs +6 -2
  29. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  30. package/lib/components/VAutocomplete/VAutocomplete.sass +1 -1
  31. package/lib/components/VBtn/VBtn.mjs +7 -6
  32. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  33. package/lib/components/VCarousel/index.d.ts +9 -9
  34. package/lib/components/VColorPicker/VColorPicker.mjs +6 -2
  35. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  36. package/lib/components/VCombobox/VCombobox.mjs +5 -2
  37. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  38. package/lib/components/VField/VField.mjs +6 -2
  39. package/lib/components/VField/VField.mjs.map +1 -1
  40. package/lib/components/VFileInput/VFileInput.mjs +2 -1
  41. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  42. package/lib/components/VGrid/VContainer.mjs +6 -2
  43. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  44. package/lib/components/VIcon/VIcon.mjs +28 -29
  45. package/lib/components/VIcon/VIcon.mjs.map +1 -1
  46. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +1 -8
  47. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  48. package/lib/components/VNavigationDrawer/sticky.mjs +9 -3
  49. package/lib/components/VNavigationDrawer/sticky.mjs.map +1 -1
  50. package/lib/components/VOverlay/locationStrategies.mjs +2 -2
  51. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  52. package/lib/components/VProgressLinear/VProgressLinear.mjs +3 -2
  53. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  54. package/lib/components/VRangeSlider/VRangeSlider.mjs +6 -2
  55. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  56. package/lib/components/VSelect/VSelect.mjs +5 -2
  57. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  58. package/lib/components/VSheet/VSheet.css +6 -0
  59. package/lib/components/VSheet/_variables.scss +1 -1
  60. package/lib/components/VSlider/VSlider.mjs +7 -3
  61. package/lib/components/VSlider/VSlider.mjs.map +1 -1
  62. package/lib/components/VTextField/VTextField.mjs +1 -1
  63. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  64. package/lib/components/VTextarea/VTextarea.mjs +1 -1
  65. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  66. package/lib/components/VTimeline/VTimeline.mjs +6 -2
  67. package/lib/components/VTimeline/VTimeline.mjs.map +1 -1
  68. package/lib/components/VToolbar/VToolbar.mjs +6 -2
  69. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  70. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  71. package/lib/components/VWindow/index.d.ts +9 -9
  72. package/lib/components/index.d.ts +404 -71
  73. package/lib/composables/icons.mjs +2 -2
  74. package/lib/composables/icons.mjs.map +1 -1
  75. package/lib/composables/scroll.mjs +16 -17
  76. package/lib/composables/scroll.mjs.map +1 -1
  77. package/lib/directives/click-outside/index.mjs +1 -1
  78. package/lib/directives/click-outside/index.mjs.map +1 -1
  79. package/lib/entry-bundler.mjs +1 -1
  80. package/lib/framework.mjs +1 -1
  81. package/lib/index.d.ts +25 -25
  82. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.2.2-master-20230501.0
2
+ * Vuetify v3.2.3-master-20230503.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15954,31 +15954,6 @@ html.overflow-y-hidden {
15954
15954
  font-weight: normal;
15955
15955
  padding: 0.2em 0.4rem;
15956
15956
  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));
15957
- }.v-infinite-scroll--horizontal {
15958
- display: flex;
15959
- flex-direction: row;
15960
- overflow-x: auto;
15961
- }
15962
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
15963
- height: 100%;
15964
- width: 1px;
15965
- }
15966
-
15967
- .v-infinite-scroll--vertical {
15968
- display: flex;
15969
- flex-direction: column;
15970
- overflow-y: auto;
15971
- }
15972
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
15973
- height: 1px;
15974
- width: 100%;
15975
- }
15976
-
15977
- .v-infinite-scroll__side {
15978
- align-items: center;
15979
- display: flex;
15980
- justify-content: center;
15981
- padding: 8px;
15982
15957
  }.v-data-table {
15983
15958
  width: 100%;
15984
15959
  }
@@ -16362,6 +16337,31 @@ html.overflow-y-hidden {
16362
16337
  100% {
16363
16338
  transform: translateX(100%);
16364
16339
  }
16340
+ }.v-infinite-scroll--horizontal {
16341
+ display: flex;
16342
+ flex-direction: row;
16343
+ overflow-x: auto;
16344
+ }
16345
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16346
+ height: 100%;
16347
+ width: 1px;
16348
+ }
16349
+
16350
+ .v-infinite-scroll--vertical {
16351
+ display: flex;
16352
+ flex-direction: column;
16353
+ overflow-y: auto;
16354
+ }
16355
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16356
+ height: 1px;
16357
+ width: 100%;
16358
+ }
16359
+
16360
+ .v-infinite-scroll__side {
16361
+ align-items: center;
16362
+ display: flex;
16363
+ justify-content: center;
16364
+ padding: 8px;
16365
16365
  }.v-application {
16366
16366
  display: flex;
16367
16367
  background: rgb(var(--v-theme-background));
@@ -16378,6 +16378,18 @@ html.overflow-y-hidden {
16378
16378
  min-height: 100vh;
16379
16379
  min-height: 100dvh;
16380
16380
  position: relative;
16381
+ }.v-app-bar {
16382
+ display: flex;
16383
+ }
16384
+ .v-app-bar.v-toolbar {
16385
+ background: rgb(var(--v-theme-surface));
16386
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16387
+ }
16388
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16389
+ 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));
16390
+ }
16391
+ .v-app-bar:not(.v-toolbar--absolute) {
16392
+ padding-inline-end: var(--v-scrollbar-offset);
16381
16393
  }.v-alert {
16382
16394
  display: grid;
16383
16395
  flex: 1 1;
@@ -16588,18 +16600,6 @@ html.overflow-y-hidden {
16588
16600
  text-transform: none;
16589
16601
  word-break: normal;
16590
16602
  word-wrap: break-word;
16591
- }.v-app-bar {
16592
- display: flex;
16593
- }
16594
- .v-app-bar.v-toolbar {
16595
- background: rgb(var(--v-theme-surface));
16596
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16597
- }
16598
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16599
- 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));
16600
- }
16601
- .v-app-bar:not(.v-toolbar--absolute) {
16602
- padding-inline-end: var(--v-scrollbar-offset);
16603
16603
  }.v-input--density-default {
16604
16604
  --autocomplete-chips-margin-bottom: 0px;
16605
16605
  }
@@ -16686,7 +16686,7 @@ html.overflow-y-hidden {
16686
16686
  .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
16687
16687
  opacity: 0;
16688
16688
  }
16689
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
16689
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
16690
16690
  opacity: 0;
16691
16691
  }
16692
16692
  .v-autocomplete--selection-slot.v-text-field input {
@@ -20370,6 +20370,11 @@ textarea.v-field__input::placeholder {
20370
20370
  .v-input__control {
20371
20371
  display: flex;
20372
20372
  grid-area: control;
20373
+ }.v-item-group {
20374
+ flex: 0 1 auto;
20375
+ max-width: 100%;
20376
+ position: relative;
20377
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20373
20378
  }.v-label {
20374
20379
  align-items: center;
20375
20380
  display: inline-flex;
@@ -20384,11 +20389,6 @@ textarea.v-field__input::placeholder {
20384
20389
 
20385
20390
  .v-label--clickable {
20386
20391
  cursor: pointer;
20387
- }.v-item-group {
20388
- flex: 0 1 auto;
20389
- max-width: 100%;
20390
- position: relative;
20391
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20392
20392
  }.v-layout {
20393
20393
  --v-scrollbar-offset: 0px;
20394
20394
  display: flex;
@@ -20899,6 +20899,8 @@ textarea.v-field__input::placeholder {
20899
20899
 
20900
20900
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
20901
20901
  opacity: 0;
20902
+ }.v-locale-provider {
20903
+ display: contents;
20902
20904
  }.v-main {
20903
20905
  flex: 1 0 auto;
20904
20906
  max-width: 100%;
@@ -20956,8 +20958,6 @@ textarea.v-field__input::placeholder {
20956
20958
  -webkit-hyphens: auto;
20957
20959
  hyphens: auto;
20958
20960
  transition-duration: 150ms;
20959
- }.v-locale-provider {
20960
- display: contents;
20961
20961
  }.v-navigation-drawer {
20962
20962
  -webkit-overflow-scrolling: touch;
20963
20963
  background: rgb(var(--v-theme-surface));
@@ -21049,6 +21049,14 @@ textarea.v-field__input::placeholder {
21049
21049
  opacity: 0.2;
21050
21050
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21051
21051
  z-index: 1;
21052
+ }.v-pagination__list {
21053
+ display: inline-flex;
21054
+ list-style-type: none;
21055
+ justify-content: center;
21056
+ width: 100%;
21057
+ }
21058
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
21059
+ margin: 0.3rem;
21052
21060
  }.v-overlay-container {
21053
21061
  contain: layout;
21054
21062
  left: 0;
@@ -21110,14 +21118,6 @@ html.v-overlay-scroll-blocked {
21110
21118
 
21111
21119
  .v-overlay--scroll-blocked {
21112
21120
  padding-inline-end: var(--v-scrollbar-offset);
21113
- }.v-pagination__list {
21114
- display: inline-flex;
21115
- list-style-type: none;
21116
- justify-content: center;
21117
- width: 100%;
21118
- }
21119
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
21120
- margin: 0.3rem;
21121
21121
  }.v-parallax {
21122
21122
  position: relative;
21123
21123
  overflow: hidden;
@@ -21440,6 +21440,14 @@ html.v-overlay-scroll-blocked {
21440
21440
  0% {
21441
21441
  background-position-x: var(--v-progress-linear-height);
21442
21442
  }
21443
+ }.v-radio-group > .v-input__control {
21444
+ flex-direction: column;
21445
+ }
21446
+ .v-radio-group > .v-input__control > .v-label {
21447
+ margin-inline-start: 8px;
21448
+ }
21449
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
21450
+ margin-top: 8px;
21443
21451
  }.v-slider .v-slider__container input {
21444
21452
  cursor: default;
21445
21453
  padding: 0;
@@ -21497,14 +21505,6 @@ html.v-overlay-scroll-blocked {
21497
21505
 
21498
21506
  .v-slider__label {
21499
21507
  margin-inline-end: 12px;
21500
- }.v-radio-group > .v-input__control {
21501
- flex-direction: column;
21502
- }
21503
- .v-radio-group > .v-input__control > .v-label {
21504
- margin-inline-start: 8px;
21505
- }
21506
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
21507
- margin-top: 8px;
21508
21508
  }.v-rating {
21509
21509
  max-width: 100%;
21510
21510
  display: inline-flex;
@@ -21559,28 +21559,6 @@ html.v-overlay-scroll-blocked {
21559
21559
  opacity: 0;
21560
21560
  position: absolute;
21561
21561
  width: 0;
21562
- }.v-responsive {
21563
- display: flex;
21564
- flex: 1 0 auto;
21565
- max-height: 100%;
21566
- max-width: 100%;
21567
- overflow: hidden;
21568
- position: relative;
21569
- }
21570
-
21571
- .v-responsive__content {
21572
- flex: 1 0 0px;
21573
- max-width: 100%;
21574
- }
21575
-
21576
- .v-responsive__sizer ~ .v-responsive__content {
21577
- margin-inline-start: -100%;
21578
- }
21579
-
21580
- .v-responsive__sizer {
21581
- flex: 1 0 0px;
21582
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21583
- pointer-events: none;
21584
21562
  }.v-input--density-default {
21585
21563
  --select-chips-margin-bottom: 0px;
21586
21564
  }
@@ -21643,6 +21621,28 @@ html.v-overlay-scroll-blocked {
21643
21621
  }
21644
21622
  .v-select--selected .v-field .v-field__input > input {
21645
21623
  opacity: 0;
21624
+ }.v-responsive {
21625
+ display: flex;
21626
+ flex: 1 0 auto;
21627
+ max-height: 100%;
21628
+ max-width: 100%;
21629
+ overflow: hidden;
21630
+ position: relative;
21631
+ }
21632
+
21633
+ .v-responsive__content {
21634
+ flex: 1 0 0px;
21635
+ max-width: 100%;
21636
+ }
21637
+
21638
+ .v-responsive__sizer ~ .v-responsive__content {
21639
+ margin-inline-start: -100%;
21640
+ }
21641
+
21642
+ .v-responsive__sizer {
21643
+ flex: 1 0 0px;
21644
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21645
+ pointer-events: none;
21646
21646
  }.v-selection-control {
21647
21647
  align-items: center;
21648
21648
  contain: layout;
@@ -21753,28 +21753,6 @@ html.v-overlay-scroll-blocked {
21753
21753
  .v-selection-control-group--inline {
21754
21754
  flex-direction: row;
21755
21755
  flex-wrap: wrap;
21756
- }.v-sheet {
21757
- display: block;
21758
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21759
- border-style: solid;
21760
- border-width: 0;
21761
- 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));
21762
- border-radius: 0;
21763
- background: rgb(var(--v-theme-surface));
21764
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21765
- }
21766
- .v-sheet--border {
21767
- border-width: thin;
21768
- box-shadow: none;
21769
- }
21770
- .v-sheet--absolute {
21771
- position: absolute;
21772
- }
21773
- .v-sheet--fixed {
21774
- position: fixed;
21775
- }
21776
- .v-sheet--rounded {
21777
- border-radius: 4px;
21778
21756
  }.v-slide-group {
21779
21757
  display: flex;
21780
21758
  overflow: hidden;
@@ -21817,6 +21795,34 @@ html.v-overlay-scroll-blocked {
21817
21795
  .v-slide-group--vertical .v-slide-group__container,
21818
21796
  .v-slide-group--vertical .v-slide-group__content {
21819
21797
  flex-direction: column;
21798
+ }.v-sheet {
21799
+ display: block;
21800
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21801
+ border-style: solid;
21802
+ border-width: 0;
21803
+ 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));
21804
+ border-radius: 0;
21805
+ background: rgb(var(--v-theme-surface));
21806
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21807
+ }
21808
+ .v-sheet--border {
21809
+ border-width: thin;
21810
+ box-shadow: none;
21811
+ }
21812
+ .v-sheet--absolute {
21813
+ position: absolute;
21814
+ }
21815
+ .v-sheet--fixed {
21816
+ position: fixed;
21817
+ }
21818
+ .v-sheet--relative {
21819
+ position: relative;
21820
+ }
21821
+ .v-sheet--sticky {
21822
+ position: sticky;
21823
+ }
21824
+ .v-sheet--rounded {
21825
+ border-radius: 4px;
21820
21826
  }.v-snackbar {
21821
21827
  justify-content: center;
21822
21828
  z-index: 10000;
@@ -23056,27 +23062,6 @@ html.v-overlay-scroll-blocked {
23056
23062
  }
23057
23063
  .v-window-y-reverse-transition-leave-to {
23058
23064
  transform: translateY(100%);
23059
- }.v-color-picker-canvas {
23060
- display: flex;
23061
- position: relative;
23062
- overflow: hidden;
23063
- contain: content;
23064
- }
23065
- .v-color-picker-canvas__dot {
23066
- position: absolute;
23067
- top: 0;
23068
- left: 0;
23069
- width: 15px;
23070
- height: 15px;
23071
- background: transparent;
23072
- border-radius: 50%;
23073
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23074
- }
23075
- .v-color-picker-canvas__dot--disabled {
23076
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23077
- }
23078
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23079
- will-change: transform;
23080
23065
  }.v-color-picker-edit {
23081
23066
  display: flex;
23082
23067
  }
@@ -23107,6 +23092,27 @@ html.v-overlay-scroll-blocked {
23107
23092
  }
23108
23093
  .v-color-picker-edit__input span {
23109
23094
  font-size: 0.75rem;
23095
+ }.v-color-picker-canvas {
23096
+ display: flex;
23097
+ position: relative;
23098
+ overflow: hidden;
23099
+ contain: content;
23100
+ }
23101
+ .v-color-picker-canvas__dot {
23102
+ position: absolute;
23103
+ top: 0;
23104
+ left: 0;
23105
+ width: 15px;
23106
+ height: 15px;
23107
+ background: transparent;
23108
+ border-radius: 50%;
23109
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23110
+ }
23111
+ .v-color-picker-canvas__dot--disabled {
23112
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
23113
+ }
23114
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23115
+ will-change: transform;
23110
23116
  }.v-color-picker-preview__alpha .v-slider-track__background {
23111
23117
  background-color: transparent !important;
23112
23118
  }