vuetify 3.0.2 → 3.0.4

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 (88) hide show
  1. package/dist/json/attributes.json +902 -902
  2. package/dist/json/importMap.json +66 -66
  3. package/dist/json/web-types.json +1178 -1136
  4. package/dist/vuetify.css +124 -126
  5. package/dist/vuetify.d.ts +389 -196
  6. package/dist/vuetify.esm.js +175 -144
  7. package/dist/vuetify.esm.js.map +1 -1
  8. package/dist/vuetify.js +175 -144
  9. package/dist/vuetify.js.map +1 -1
  10. package/dist/vuetify.min.css +2 -2
  11. package/dist/vuetify.min.js +696 -692
  12. package/dist/vuetify.min.js.map +1 -1
  13. package/lib/components/VAlert/index.d.ts +1 -1
  14. package/lib/components/VAppBar/VAppBar.mjs +2 -2
  15. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  16. package/lib/components/VAppBar/index.d.ts +275 -62
  17. package/lib/components/VAutocomplete/index.d.ts +22 -22
  18. package/lib/components/VCheckbox/VCheckbox.css +1 -1
  19. package/lib/components/VCheckbox/VCheckbox.sass +1 -1
  20. package/lib/components/VChip/VChip.mjs +14 -6
  21. package/lib/components/VChip/VChip.mjs.map +1 -1
  22. package/lib/components/VChip/index.d.ts +3 -1
  23. package/lib/components/VChipGroup/index.d.ts +1 -1
  24. package/lib/components/VColorPicker/VColorPicker.mjs +2 -2
  25. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  26. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  27. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  28. package/lib/components/VColorPicker/VColorPickerPreview.mjs +2 -2
  29. package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
  30. package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
  31. package/lib/components/VColorPicker/util/index.mjs +24 -14
  32. package/lib/components/VColorPicker/util/index.mjs.map +1 -1
  33. package/lib/components/VCombobox/index.d.ts +22 -22
  34. package/lib/components/VExpansionPanel/index.d.ts +1 -1
  35. package/lib/components/VField/index.d.ts +6 -6
  36. package/lib/components/VFileInput/index.d.ts +2 -2
  37. package/lib/components/VFooter/VFooter.mjs +1 -1
  38. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  39. package/lib/components/VGrid/VGrid.css +2 -2
  40. package/lib/components/VGrid/VGrid.sass +1 -1
  41. package/lib/components/VLazy/VLazy.mjs +2 -1
  42. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  43. package/lib/components/VList/VListItem.mjs +2 -1
  44. package/lib/components/VList/VListItem.mjs.map +1 -1
  45. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +2 -2
  46. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  47. package/lib/components/VOverlay/locationStrategies.mjs +3 -1
  48. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  49. package/lib/components/VPagination/index.d.ts +1 -1
  50. package/lib/components/VProgressLinear/VProgressLinear.sass +1 -1
  51. package/lib/components/VProgressLinear/_variables.scss +1 -1
  52. package/lib/components/VRadioGroup/VRadioGroup.mjs +1 -2
  53. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  54. package/lib/components/VSelect/index.d.ts +22 -22
  55. package/lib/components/VSelectionControl/VSelectionControl.css +4 -0
  56. package/lib/components/VSelectionControl/VSelectionControl.sass +4 -0
  57. package/lib/components/VSelectionControl/index.d.ts +6 -6
  58. package/lib/components/VSnackbar/index.d.ts +4 -4
  59. package/lib/components/VSwitch/VSwitch.css +1 -1
  60. package/lib/components/VSwitch/VSwitch.sass +1 -1
  61. package/lib/components/VSystemBar/VSystemBar.css +1 -1
  62. package/lib/components/VSystemBar/_variables.scss +1 -1
  63. package/lib/components/VTabs/VTab.css +1 -3
  64. package/lib/components/VTabs/VTab.sass +1 -4
  65. package/lib/components/VTabs/VTabs.css +0 -4
  66. package/lib/components/VTabs/VTabs.sass +0 -5
  67. package/lib/components/VTextField/index.d.ts +18 -18
  68. package/lib/components/VTextarea/index.d.ts +1 -1
  69. package/lib/components/VToolbar/VToolbar.mjs +32 -22
  70. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  71. package/lib/components/VToolbar/index.d.ts +9 -8
  72. package/lib/components/index.d.ts +370 -177
  73. package/lib/components/transitions/dialog-transition.mjs +2 -2
  74. package/lib/components/transitions/dialog-transition.mjs.map +1 -1
  75. package/lib/composables/theme.mjs +7 -7
  76. package/lib/composables/theme.mjs.map +1 -1
  77. package/lib/composables/validation.mjs +1 -1
  78. package/lib/composables/validation.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 +19 -19
  82. package/lib/util/color/APCA.mjs +6 -6
  83. package/lib/util/color/APCA.mjs.map +1 -1
  84. package/lib/util/color/transformSRGB.mjs +15 -7
  85. package/lib/util/color/transformSRGB.mjs.map +1 -1
  86. package/lib/util/colorUtils.mjs +64 -81
  87. package/lib/util/colorUtils.mjs.map +1 -1
  88. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.2
2
+ * Vuetify v3.0.4
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19166,63 +19166,6 @@ html.overflow-y-hidden {
19166
19166
  padding: 0 8px;
19167
19167
  vertical-align: middle;
19168
19168
  }/** if false, disabled buttons will be greyed out */
19169
- .v-btn-group {
19170
- display: inline-flex;
19171
- flex-wrap: nowrap;
19172
- max-width: 100%;
19173
- min-width: 0;
19174
- overflow: hidden;
19175
- vertical-align: middle;
19176
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19177
- border-style: solid;
19178
- border-width: 0;
19179
- 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));
19180
- border-radius: 4px;
19181
- background: transparent;
19182
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19183
- }
19184
- .v-btn-group--border {
19185
- border-width: thin;
19186
- box-shadow: none;
19187
- }
19188
- .v-btn-group--density-default.v-btn-group {
19189
- height: 48px;
19190
- }
19191
-
19192
- .v-btn-group--density-comfortable.v-btn-group {
19193
- height: 40px;
19194
- }
19195
-
19196
- .v-btn-group--density-compact.v-btn-group {
19197
- height: 36px;
19198
- }
19199
-
19200
- .v-btn-group .v-btn {
19201
- border-radius: 0;
19202
- border-color: inherit;
19203
- }
19204
- .v-btn-group .v-btn:not(:last-child) {
19205
- border-inline-end: none;
19206
- }
19207
- .v-btn-group .v-btn:not(:first-child) {
19208
- border-inline-start: none;
19209
- }
19210
- .v-btn-group .v-btn:first-child {
19211
- border-start-start-radius: inherit;
19212
- border-end-start-radius: inherit;
19213
- }
19214
- .v-btn-group .v-btn:last-child {
19215
- border-start-end-radius: inherit;
19216
- border-end-end-radius: inherit;
19217
- }
19218
- .v-btn-group--divided .v-btn:not(:last-child) {
19219
- border-inline-end-width: thin;
19220
- border-inline-end-style: solid;
19221
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19222
- }
19223
- .v-btn-group--tile {
19224
- border-radius: 0;
19225
- }/** if false, disabled buttons will be greyed out */
19226
19169
  .v-btn {
19227
19170
  align-items: center;
19228
19171
  border-radius: 4px;
@@ -19635,70 +19578,65 @@ html.overflow-y-hidden {
19635
19578
 
19636
19579
  .v-snackbar-actions .v-btn {
19637
19580
  padding: 0 8px;
19638
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
19639
- opacity: var(--v-activated-opacity);
19640
- }.v-carousel {
19581
+ }/** if false, disabled buttons will be greyed out */
19582
+ .v-btn-group {
19583
+ display: inline-flex;
19584
+ flex-wrap: nowrap;
19585
+ max-width: 100%;
19586
+ min-width: 0;
19641
19587
  overflow: hidden;
19642
- position: relative;
19643
- width: 100%;
19644
- }
19645
- .v-carousel__controls {
19646
- align-items: center;
19647
- background: rgba(var(--v-theme-surface-variant), 0.3);
19648
- bottom: 0;
19649
- display: flex;
19650
- height: 50px;
19651
- justify-content: center;
19652
- list-style-type: none;
19653
- position: absolute;
19654
- width: 100%;
19655
- z-index: 1;
19588
+ vertical-align: middle;
19589
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19590
+ border-style: solid;
19591
+ border-width: 0;
19592
+ 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));
19593
+ border-radius: 4px;
19594
+ background: transparent;
19595
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19656
19596
  }
19657
- .v-carousel__controls > .v-item-group {
19658
- flex: 0 1 auto;
19597
+ .v-btn-group--border {
19598
+ border-width: thin;
19599
+ box-shadow: none;
19659
19600
  }
19660
- .v-carousel__controls__item {
19661
- margin: 0 8px;
19601
+ .v-btn-group--density-default.v-btn-group {
19602
+ height: 48px;
19662
19603
  }
19663
- .v-carousel__controls__item .v-icon {
19664
- opacity: 0.5;
19604
+
19605
+ .v-btn-group--density-comfortable.v-btn-group {
19606
+ height: 40px;
19665
19607
  }
19666
- .v-carousel__controls__item--active .v-icon {
19667
- opacity: 1;
19668
- vertical-align: middle;
19608
+
19609
+ .v-btn-group--density-compact.v-btn-group {
19610
+ height: 36px;
19669
19611
  }
19670
- .v-carousel__controls__item:hover {
19671
- background: none;
19612
+
19613
+ .v-btn-group .v-btn {
19614
+ border-radius: 0;
19615
+ border-color: inherit;
19672
19616
  }
19673
- .v-carousel__controls__item:hover .v-icon {
19674
- opacity: 0.8;
19617
+ .v-btn-group .v-btn:not(:last-child) {
19618
+ border-inline-end: none;
19675
19619
  }
19676
-
19677
- .v-carousel__progress {
19678
- margin: 0;
19679
- position: absolute;
19680
- bottom: 0;
19681
- left: 0;
19682
- right: 0;
19620
+ .v-btn-group .v-btn:not(:first-child) {
19621
+ border-inline-start: none;
19683
19622
  }
19684
-
19685
- .v-carousel-item {
19686
- display: block;
19687
- height: inherit;
19688
- text-decoration: none;
19623
+ .v-btn-group .v-btn:first-child {
19624
+ border-start-start-radius: inherit;
19625
+ border-end-start-radius: inherit;
19689
19626
  }
19690
- .v-carousel-item > .v-img {
19691
- height: inherit;
19627
+ .v-btn-group .v-btn:last-child {
19628
+ border-start-end-radius: inherit;
19629
+ border-end-end-radius: inherit;
19692
19630
  }
19693
-
19694
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19695
- background: transparent;
19631
+ .v-btn-group--divided .v-btn:not(:last-child) {
19632
+ border-inline-end-width: thin;
19633
+ border-inline-end-style: solid;
19634
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19696
19635
  }
19697
-
19698
- .v-carousel--vertical-delimiters .v-carousel__controls {
19699
- flex-direction: column;
19700
- height: 100% !important;
19701
- width: 50px;
19636
+ .v-btn-group--tile {
19637
+ border-radius: 0;
19638
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
19639
+ opacity: var(--v-activated-opacity);
19702
19640
  }.v-card {
19703
19641
  display: block;
19704
19642
  overflow: hidden;
@@ -19989,8 +19927,70 @@ html.overflow-y-hidden {
19989
19927
  pointer-events: none;
19990
19928
  opacity: 0;
19991
19929
  transition: opacity 0.2s ease-in-out;
19930
+ }.v-carousel {
19931
+ overflow: hidden;
19932
+ position: relative;
19933
+ width: 100%;
19934
+ }
19935
+ .v-carousel__controls {
19936
+ align-items: center;
19937
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19938
+ bottom: 0;
19939
+ display: flex;
19940
+ height: 50px;
19941
+ justify-content: center;
19942
+ list-style-type: none;
19943
+ position: absolute;
19944
+ width: 100%;
19945
+ z-index: 1;
19946
+ }
19947
+ .v-carousel__controls > .v-item-group {
19948
+ flex: 0 1 auto;
19949
+ }
19950
+ .v-carousel__controls__item {
19951
+ margin: 0 8px;
19952
+ }
19953
+ .v-carousel__controls__item .v-icon {
19954
+ opacity: 0.5;
19955
+ }
19956
+ .v-carousel__controls__item--active .v-icon {
19957
+ opacity: 1;
19958
+ vertical-align: middle;
19959
+ }
19960
+ .v-carousel__controls__item:hover {
19961
+ background: none;
19962
+ }
19963
+ .v-carousel__controls__item:hover .v-icon {
19964
+ opacity: 0.8;
19965
+ }
19966
+
19967
+ .v-carousel__progress {
19968
+ margin: 0;
19969
+ position: absolute;
19970
+ bottom: 0;
19971
+ left: 0;
19972
+ right: 0;
19973
+ }
19974
+
19975
+ .v-carousel-item {
19976
+ display: block;
19977
+ height: inherit;
19978
+ text-decoration: none;
19979
+ }
19980
+ .v-carousel-item > .v-img {
19981
+ height: inherit;
19982
+ }
19983
+
19984
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19985
+ background: transparent;
19986
+ }
19987
+
19988
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19989
+ flex-direction: column;
19990
+ height: 100% !important;
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 {
@@ -23745,6 +23745,8 @@ html.v-overlay-scroll-blocked {
23745
23745
  user-select: none;
23746
23746
  }
23747
23747
  .v-selection-control .v-label {
23748
+ white-space: normal;
23749
+ word-break: break-word;
23748
23750
  height: 100%;
23749
23751
  width: 100%;
23750
23752
  }
@@ -23761,6 +23763,8 @@ html.v-overlay-scroll-blocked {
23761
23763
  .v-selection-control--inline {
23762
23764
  display: inline-flex;
23763
23765
  flex: 0 0 auto;
23766
+ min-width: 0;
23767
+ max-width: 100%;
23764
23768
  }
23765
23769
  .v-selection-control--inline .v-label {
23766
23770
  width: auto;
@@ -24076,7 +24080,7 @@ html.v-overlay-scroll-blocked {
24076
24080
  }
24077
24081
 
24078
24082
  .v-switch .v-selection-control {
24079
- height: var(--v-input-control-height);
24083
+ min-height: var(--v-input-control-height);
24080
24084
  }
24081
24085
  .v-switch .v-selection-control__wrapper {
24082
24086
  width: auto;
@@ -24109,7 +24113,7 @@ html.v-overlay-scroll-blocked {
24109
24113
  width: 100%;
24110
24114
  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
24115
  background: rgba(var(--v-theme-on-surface-variant));
24112
- color: rgba(var(--v-theme-on-variant), var(--v-medium-emphasis-opacity));
24116
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24113
24117
  font-size: 0.75rem;
24114
24118
  font-weight: 400;
24115
24119
  letter-spacing: 0.0333333333em;
@@ -24195,20 +24199,14 @@ html.v-overlay-scroll-blocked {
24195
24199
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24196
24200
  margin-inline-end: 52px;
24197
24201
  }
24198
- }
24199
- .v-toolbar__content > .v-tabs,
24200
- .v-toolbar__content .v-tab {
24201
- height: inherit;
24202
24202
  }.v-tab {
24203
+ --v-btn-height: var(--v-tabs-height);
24203
24204
  position: relative;
24204
24205
  min-width: 90px;
24205
24206
  }
24206
24207
  .v-slide-group--horizontal .v-tab {
24207
24208
  max-width: 360px;
24208
24209
  }
24209
- .v-tab.v-tab.v-tab {
24210
- height: var(--v-tabs-height);
24211
- }
24212
24210
  .v-slide-group--vertical .v-tab {
24213
24211
  justify-content: start;
24214
24212
  }
@@ -24485,7 +24483,10 @@ html.v-overlay-scroll-blocked {
24485
24483
  padding: 0;
24486
24484
  }
24487
24485
 
24488
- /* endregion */.v-timeline .v-timeline-divider__dot {
24486
+ /* endregion */.v-theme-provider {
24487
+ background: rgb(var(--v-theme-background));
24488
+ color: rgb(var(--v-theme-on-background));
24489
+ }.v-timeline .v-timeline-divider__dot {
24489
24490
  background: rgb(var(--v-theme-on-surface-variant));
24490
24491
  }
24491
24492
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24930,9 +24931,6 @@ html.v-overlay-scroll-blocked {
24930
24931
 
24931
24932
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24932
24933
  padding-inline-end: 0;
24933
- }.v-theme-provider {
24934
- background: rgb(var(--v-theme-background));
24935
- color: rgb(var(--v-theme-on-background));
24936
24934
  }.v-toolbar {
24937
24935
  align-items: flex-start;
24938
24936
  display: flex;