@vuetify/nightly 3.0.0-beta.3 → 3.0.0-beta.6

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 (441) hide show
  1. package/CHANGELOG.md +43 -2
  2. package/dist/_component-variables.sass +61 -0
  3. package/dist/json/attributes.json +261 -205
  4. package/dist/json/importMap.json +175 -219
  5. package/dist/json/tags.json +74 -104
  6. package/dist/json/web-types.json +880 -835
  7. package/dist/vuetify.css +597 -407
  8. package/dist/vuetify.d.ts +6770 -2144
  9. package/dist/vuetify.esm.js +9075 -8454
  10. package/dist/vuetify.esm.js.map +1 -1
  11. package/dist/vuetify.js +9074 -8453
  12. package/dist/vuetify.js.map +1 -1
  13. package/dist/vuetify.min.css +2 -2
  14. package/dist/vuetify.min.js +1078 -1040
  15. package/dist/vuetify.min.js.map +1 -1
  16. package/lib/blueprints/index.mjs +4 -0
  17. package/lib/blueprints/index.mjs.map +1 -0
  18. package/lib/blueprints/md1.mjs +63 -0
  19. package/lib/blueprints/md1.mjs.map +1 -0
  20. package/lib/blueprints/md2.mjs +60 -0
  21. package/lib/blueprints/md2.mjs.map +1 -0
  22. package/lib/blueprints/md3.mjs +74 -0
  23. package/lib/blueprints/md3.mjs.map +1 -0
  24. package/lib/components/VAlert/VAlert.css +5 -5
  25. package/lib/components/VAlert/VAlert.mjs +8 -2
  26. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  27. package/lib/components/VAlert/VAlert.sass +0 -2
  28. package/lib/components/VApp/VApp.css +2 -5
  29. package/lib/components/VApp/VApp.mjs +3 -4
  30. package/lib/components/VApp/VApp.mjs.map +1 -1
  31. package/lib/components/VApp/VApp.sass +11 -12
  32. package/lib/components/VApp/variables.scss +6 -0
  33. package/lib/components/VAppBar/VAppBar.mjs +4 -3
  34. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  35. package/lib/components/VAppBar/VAppBar.sass +0 -1
  36. package/lib/components/VAppBar/VAppBarNavIcon.mjs +7 -12
  37. package/lib/components/VAppBar/VAppBarNavIcon.mjs.map +1 -1
  38. package/lib/components/VAppBar/VAppBarTitle.mjs +4 -3
  39. package/lib/components/VAppBar/VAppBarTitle.mjs.map +1 -1
  40. package/lib/components/VAppBar/_variables.scss +2 -0
  41. package/lib/components/VAutocomplete/VAutocomplete.mjs +54 -21
  42. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  43. package/lib/components/VAutocomplete/VAutocomplete.sass +0 -2
  44. package/lib/components/VAvatar/VAvatar.css +1 -1
  45. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  46. package/lib/components/VAvatar/VAvatar.sass +1 -2
  47. package/lib/components/VAvatar/_mixins.scss +0 -1
  48. package/lib/components/VBadge/VBadge.mjs +8 -7
  49. package/lib/components/VBadge/VBadge.mjs.map +1 -1
  50. package/lib/components/VBadge/VBadge.sass +0 -1
  51. package/lib/components/VBadge/_variables.scss +2 -2
  52. package/lib/components/VBanner/VBanner.css +7 -7
  53. package/lib/components/VBanner/VBanner.mjs +24 -17
  54. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  55. package/lib/components/VBanner/VBanner.sass +6 -8
  56. package/lib/components/VBanner/VBannerActions.mjs +1 -1
  57. package/lib/components/VBanner/VBannerActions.mjs.map +1 -1
  58. package/lib/components/VBanner/index.mjs +0 -2
  59. package/lib/components/VBanner/index.mjs.map +1 -1
  60. package/lib/components/VBottomNavigation/VBottomNavigation.css +4 -11
  61. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +4 -3
  62. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  63. package/lib/components/VBottomNavigation/VBottomNavigation.sass +5 -13
  64. package/lib/components/VBottomNavigation/_variables.scss +7 -8
  65. package/lib/components/VBreadcrumbs/VBreadcrumbs.css +13 -6
  66. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs +30 -19
  67. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  68. package/lib/components/VBreadcrumbs/VBreadcrumbs.sass +8 -4
  69. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs +5 -8
  70. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs.map +1 -1
  71. package/lib/components/VBreadcrumbs/_variables.scss +2 -1
  72. package/lib/components/VBtn/VBtn.css +72 -15
  73. package/lib/components/VBtn/VBtn.mjs +70 -27
  74. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  75. package/lib/components/VBtn/VBtn.sass +70 -13
  76. package/lib/components/VBtn/_variables.scss +4 -1
  77. package/lib/components/VBtnGroup/VBtnGroup.sass +0 -1
  78. package/lib/components/VBtnGroup/_variables.scss +2 -0
  79. package/lib/components/VBtnToggle/VBtnToggle.sass +0 -1
  80. package/lib/components/VBtnToggle/_variables.scss +1 -0
  81. package/lib/components/VCard/VCard.css +86 -69
  82. package/lib/components/VCard/VCard.mjs +52 -66
  83. package/lib/components/VCard/VCard.mjs.map +1 -1
  84. package/lib/components/VCard/VCard.sass +74 -62
  85. package/lib/components/VCard/VCardActions.mjs +1 -1
  86. package/lib/components/VCard/VCardActions.mjs.map +1 -1
  87. package/lib/components/VCard/VCardItem.mjs +88 -0
  88. package/lib/components/VCard/VCardItem.mjs.map +1 -0
  89. package/lib/components/VCard/_variables.scss +40 -24
  90. package/lib/components/VCard/index.mjs +1 -5
  91. package/lib/components/VCard/index.mjs.map +1 -1
  92. package/lib/components/VCarousel/VCarousel.mjs +5 -4
  93. package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
  94. package/lib/components/VCarousel/VCarousel.sass +0 -1
  95. package/lib/components/VCarousel/VCarouselItem.mjs.map +1 -1
  96. package/lib/components/VCarousel/_variables.scss +1 -0
  97. package/lib/components/VCheckbox/VCheckbox.mjs +13 -46
  98. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  99. package/lib/components/VCheckbox/VCheckbox.sass +0 -1
  100. package/lib/components/VCheckbox/VCheckboxBtn.mjs +67 -0
  101. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -0
  102. package/lib/components/VCheckbox/index.mjs +1 -0
  103. package/lib/components/VCheckbox/index.mjs.map +1 -1
  104. package/lib/components/VChip/VChip.css +142 -65
  105. package/lib/components/VChip/VChip.mjs +77 -38
  106. package/lib/components/VChip/VChip.mjs.map +1 -1
  107. package/lib/components/VChip/VChip.sass +6 -1
  108. package/lib/components/VChip/_mixins.scss +26 -6
  109. package/lib/components/VChip/_variables.scss +1 -5
  110. package/lib/components/VChipGroup/VChipGroup.mjs +5 -4
  111. package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
  112. package/lib/components/VChipGroup/VChipGroup.sass +1 -1
  113. package/lib/components/VChipGroup/_variables.scss +1 -1
  114. package/lib/components/VCode/VCode.sass +1 -2
  115. package/lib/components/VCode/_variables.scss +1 -1
  116. package/lib/components/VColorPicker/VColorPicker.mjs +16 -10
  117. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  118. package/lib/components/VColorPicker/VColorPicker.sass +0 -1
  119. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +5 -4
  120. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  121. package/lib/components/VColorPicker/VColorPickerCanvas.sass +0 -1
  122. package/lib/components/VColorPicker/VColorPickerEdit.mjs +4 -3
  123. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  124. package/lib/components/VColorPicker/VColorPickerEdit.sass +0 -1
  125. package/lib/components/VColorPicker/VColorPickerPreview.mjs +4 -3
  126. package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
  127. package/lib/components/VColorPicker/VColorPickerPreview.sass +0 -1
  128. package/lib/components/VColorPicker/VColorPickerSwatches.mjs +6 -5
  129. package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
  130. package/lib/components/VColorPicker/VColorPickerSwatches.sass +0 -1
  131. package/lib/components/VColorPicker/_variables.scss +17 -10
  132. package/lib/components/VCombobox/VCombobox.mjs +52 -36
  133. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  134. package/lib/components/VCombobox/VCombobox.sass +0 -2
  135. package/lib/components/VCounter/VCounter.mjs +16 -16
  136. package/lib/components/VCounter/VCounter.mjs.map +1 -1
  137. package/lib/components/VCounter/VCounter.sass +1 -2
  138. package/lib/components/VCounter/_variables.scss +2 -1
  139. package/lib/components/VDialog/VDialog.css +2 -5
  140. package/lib/components/VDialog/VDialog.mjs +25 -25
  141. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  142. package/lib/components/VDialog/VDialog.sass +1 -5
  143. package/lib/components/VDialog/_variables.scss +0 -1
  144. package/lib/components/VDivider/VDivider.mjs +16 -17
  145. package/lib/components/VDivider/VDivider.mjs.map +1 -1
  146. package/lib/components/VDivider/VDivider.sass +0 -1
  147. package/lib/components/VDivider/_variables.scss +3 -1
  148. package/lib/components/VExpansionPanel/VExpansionPanel.css +1 -0
  149. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +9 -4
  150. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  151. package/lib/components/VExpansionPanel/VExpansionPanel.sass +1 -1
  152. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +7 -7
  153. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  154. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  155. package/lib/components/VExpansionPanel/_variables.scss +15 -10
  156. package/lib/components/VField/VField.css +11 -11
  157. package/lib/components/VField/VField.mjs +19 -12
  158. package/lib/components/VField/VField.mjs.map +1 -1
  159. package/lib/components/VField/VField.sass +8 -10
  160. package/lib/components/VField/VFieldLabel.mjs +8 -9
  161. package/lib/components/VField/VFieldLabel.mjs.map +1 -1
  162. package/lib/components/VField/_variables.scss +3 -3
  163. package/lib/components/VFileInput/VFileInput.css +3 -3
  164. package/lib/components/VFileInput/VFileInput.mjs +12 -7
  165. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  166. package/lib/components/VFileInput/VFileInput.sass +3 -4
  167. package/lib/components/VFooter/VFooter.mjs +4 -3
  168. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  169. package/lib/components/VFooter/VFooter.sass +0 -1
  170. package/lib/components/VFooter/_variables.scss +2 -1
  171. package/lib/components/VForm/VForm.mjs +3 -3
  172. package/lib/components/VForm/VForm.mjs.map +1 -1
  173. package/lib/components/VGrid/VCol.mjs.map +1 -1
  174. package/lib/components/VGrid/VContainer.mjs +4 -3
  175. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  176. package/lib/components/VGrid/VRow.mjs.map +1 -1
  177. package/lib/components/VIcon/VIcon.css +0 -8
  178. package/lib/components/VIcon/VIcon.mjs +20 -21
  179. package/lib/components/VIcon/VIcon.mjs.map +1 -1
  180. package/lib/components/VIcon/VIcon.sass +0 -9
  181. package/lib/components/VIcon/_variables.scss +2 -5
  182. package/lib/components/VIcon/index.mjs.map +1 -1
  183. package/lib/components/VImg/VImg.sass +0 -1
  184. package/lib/components/VInput/VInput.mjs +13 -9
  185. package/lib/components/VInput/VInput.mjs.map +1 -1
  186. package/lib/components/VInput/VInput.sass +0 -1
  187. package/lib/components/VItemGroup/VItem.mjs +3 -0
  188. package/lib/components/VItemGroup/VItem.mjs.map +1 -1
  189. package/lib/components/VItemGroup/VItemGroup.sass +0 -1
  190. package/lib/components/VKbd/VKbd.sass +0 -1
  191. package/lib/components/VKbd/_variables.scss +1 -1
  192. package/lib/components/VLabel/VLabel.mjs +4 -3
  193. package/lib/components/VLabel/VLabel.mjs.map +1 -1
  194. package/lib/components/VLabel/VLabel.sass +0 -1
  195. package/lib/components/VLabel/_variables.scss +1 -0
  196. package/lib/components/VLazy/VLazy.mjs +5 -3
  197. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  198. package/lib/components/VList/VList.css +2 -2
  199. package/lib/components/VList/VList.mjs +16 -18
  200. package/lib/components/VList/VList.mjs.map +1 -1
  201. package/lib/components/VList/VList.sass +1 -2
  202. package/lib/components/VList/VListChildren.mjs +7 -6
  203. package/lib/components/VList/VListChildren.mjs.map +1 -1
  204. package/lib/components/VList/VListGroup.mjs +45 -31
  205. package/lib/components/VList/VListGroup.mjs.map +1 -1
  206. package/lib/components/VList/VListItem.css +84 -58
  207. package/lib/components/VList/VListItem.mjs +78 -45
  208. package/lib/components/VList/VListItem.mjs.map +1 -1
  209. package/lib/components/VList/VListItem.sass +68 -40
  210. package/lib/components/VList/VListItemAction.mjs +8 -9
  211. package/lib/components/VList/VListItemAction.mjs.map +1 -1
  212. package/lib/components/VList/VListItemMedia.mjs +4 -3
  213. package/lib/components/VList/VListItemMedia.mjs.map +1 -1
  214. package/lib/components/VList/VListSubheader.mjs +4 -3
  215. package/lib/components/VList/VListSubheader.mjs.map +1 -1
  216. package/lib/components/VList/_variables.scss +11 -5
  217. package/lib/components/VList/index.mjs +2 -5
  218. package/lib/components/VList/index.mjs.map +1 -1
  219. package/lib/components/VLocaleProvider/VLocaleProvider.mjs +5 -3
  220. package/lib/components/VLocaleProvider/VLocaleProvider.mjs.map +1 -1
  221. package/lib/components/VMain/VMain.mjs +4 -3
  222. package/lib/components/VMain/VMain.mjs.map +1 -1
  223. package/lib/components/VMain/VMain.sass +0 -1
  224. package/lib/components/VMain/_variables.scss +1 -1
  225. package/lib/components/VMenu/VMenu.mjs +5 -5
  226. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  227. package/lib/components/VMenu/VMenu.sass +0 -1
  228. package/lib/components/VMessages/VMessages.mjs +5 -3
  229. package/lib/components/VMessages/VMessages.mjs.map +1 -1
  230. package/lib/components/VMessages/VMessages.sass +0 -1
  231. package/lib/components/VMessages/_variables.scss +1 -1
  232. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +10 -4
  233. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  234. package/lib/components/VNavigationDrawer/VNavigationDrawer.sass +0 -1
  235. package/lib/components/VNavigationDrawer/_variables.scss +2 -1
  236. package/lib/components/VNavigationDrawer/touch.mjs +5 -2
  237. package/lib/components/VNavigationDrawer/touch.mjs.map +1 -1
  238. package/lib/components/VNoSsr/VNoSsr.mjs.map +1 -1
  239. package/lib/components/VOverlay/VOverlay.mjs +10 -8
  240. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  241. package/lib/components/VOverlay/VOverlay.sass +0 -1
  242. package/lib/components/VOverlay/locationStrategies.mjs +267 -78
  243. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  244. package/lib/components/VOverlay/useActivator.mjs +4 -3
  245. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  246. package/lib/components/VOverlay/util/point.mjs +3 -3
  247. package/lib/components/VOverlay/util/point.mjs.map +1 -1
  248. package/lib/components/VPagination/VPagination.mjs +41 -23
  249. package/lib/components/VPagination/VPagination.mjs.map +1 -1
  250. package/lib/components/VPagination/VPagination.sass +0 -1
  251. package/lib/components/VParallax/VParallax.mjs +5 -5
  252. package/lib/components/VParallax/VParallax.mjs.map +1 -1
  253. package/lib/components/VProgressCircular/VProgressCircular.mjs +6 -5
  254. package/lib/components/VProgressCircular/VProgressCircular.mjs.map +1 -1
  255. package/lib/components/VProgressCircular/VProgressCircular.sass +0 -1
  256. package/lib/components/VProgressCircular/_variables.scss +2 -0
  257. package/lib/components/VProgressLinear/VProgressLinear.mjs +5 -3
  258. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  259. package/lib/components/VProgressLinear/VProgressLinear.sass +0 -1
  260. package/lib/components/VProgressLinear/_variables.scss +1 -0
  261. package/lib/components/VRadioGroup/VRadioGroup.mjs +6 -3
  262. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  263. package/lib/components/VRadioGroup/VRadioGroup.sass +5 -3
  264. package/lib/components/VRadioGroup/_variables.scss +3 -4
  265. package/lib/components/VRangeSlider/VRangeSlider.mjs +12 -13
  266. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  267. package/lib/components/VRating/VRating.mjs +6 -5
  268. package/lib/components/VRating/VRating.mjs.map +1 -1
  269. package/lib/components/VRating/VRating.sass +2 -1
  270. package/lib/components/VResponsive/VResponsive.mjs +7 -6
  271. package/lib/components/VResponsive/VResponsive.mjs.map +1 -1
  272. package/lib/components/VSelect/VSelect.mjs +61 -22
  273. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  274. package/lib/components/VSelect/VSelect.sass +0 -2
  275. package/lib/components/VSelectionControl/VSelectionControl.css +1 -0
  276. package/lib/components/VSelectionControl/VSelectionControl.mjs +12 -10
  277. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  278. package/lib/components/VSelectionControl/VSelectionControl.sass +1 -1
  279. package/lib/components/VSelectionControl/_variables.scss +1 -0
  280. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +3 -3
  281. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  282. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.sass +1 -6
  283. package/lib/components/VSelectionControlGroup/_variables.scss +1 -4
  284. package/lib/components/VSheet/VSheet.mjs +3 -3
  285. package/lib/components/VSheet/VSheet.mjs.map +1 -1
  286. package/lib/components/VSheet/VSheet.sass +0 -1
  287. package/lib/components/VSheet/_variables.scss +3 -2
  288. package/lib/components/VSlideGroup/VSlideGroup.mjs +47 -49
  289. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  290. package/lib/components/VSlideGroup/VSlideGroup.sass +0 -1
  291. package/lib/components/VSlideGroup/VSlideGroupItem.mjs +7 -3
  292. package/lib/components/VSlideGroup/VSlideGroupItem.mjs.map +1 -1
  293. package/lib/components/VSlideGroup/_variables.scss +0 -5
  294. package/lib/components/VSlideGroup/index.mjs +2 -2
  295. package/lib/components/VSlideGroup/index.mjs.map +1 -1
  296. package/lib/components/VSlider/VSlider.mjs +7 -9
  297. package/lib/components/VSlider/VSlider.mjs.map +1 -1
  298. package/lib/components/VSlider/VSlider.sass +0 -2
  299. package/lib/components/VSlider/VSliderThumb.mjs +6 -5
  300. package/lib/components/VSlider/VSliderThumb.mjs.map +1 -1
  301. package/lib/components/VSlider/VSliderThumb.sass +0 -2
  302. package/lib/components/VSlider/VSliderTrack.mjs +11 -10
  303. package/lib/components/VSlider/VSliderTrack.mjs.map +1 -1
  304. package/lib/components/VSlider/VSliderTrack.sass +0 -2
  305. package/lib/components/VSlider/slider.mjs +4 -4
  306. package/lib/components/VSlider/slider.mjs.map +1 -1
  307. package/lib/components/VSnackbar/VSnackbar.css +5 -5
  308. package/lib/components/VSnackbar/VSnackbar.mjs +49 -49
  309. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  310. package/lib/components/VSnackbar/VSnackbar.sass +0 -1
  311. package/lib/components/VSnackbar/_variables.scss +2 -0
  312. package/lib/components/VSwitch/VSwitch.css +7 -0
  313. package/lib/components/VSwitch/VSwitch.mjs +8 -2
  314. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  315. package/lib/components/VSwitch/VSwitch.sass +6 -1
  316. package/lib/components/VSwitch/_variables.scss +1 -0
  317. package/lib/components/VSystemBar/VSystemBar.mjs +5 -13
  318. package/lib/components/VSystemBar/VSystemBar.mjs.map +1 -1
  319. package/lib/components/VSystemBar/VSystemBar.sass +0 -1
  320. package/lib/components/VSystemBar/_variables.scss +2 -1
  321. package/lib/components/VTable/VTable.css +1 -0
  322. package/lib/components/VTable/VTable.mjs +9 -8
  323. package/lib/components/VTable/VTable.mjs.map +1 -1
  324. package/lib/components/VTable/VTable.sass +1 -1
  325. package/lib/components/VTable/_variables.scss +2 -0
  326. package/lib/components/VTabs/VTab.css +3 -1
  327. package/lib/components/VTabs/VTab.mjs +4 -4
  328. package/lib/components/VTabs/VTab.mjs.map +1 -1
  329. package/lib/components/VTabs/VTab.sass +4 -2
  330. package/lib/components/VTabs/VTabs.mjs +15 -12
  331. package/lib/components/VTabs/VTabs.mjs.map +1 -1
  332. package/lib/components/VTabs/VTabs.sass +0 -1
  333. package/lib/components/VTabs/_variables.scss +2 -0
  334. package/lib/components/VTextField/VTextField.mjs +25 -13
  335. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  336. package/lib/components/VTextField/VTextField.sass +0 -1
  337. package/lib/components/VTextField/_variables.scss +1 -1
  338. package/lib/components/VTextarea/VTextarea.mjs +22 -12
  339. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  340. package/lib/components/VTextarea/VTextarea.sass +0 -2
  341. package/lib/components/VTextarea/_variables.scss +1 -0
  342. package/lib/components/VTimeline/VTimeline.mjs +24 -25
  343. package/lib/components/VTimeline/VTimeline.mjs.map +1 -1
  344. package/lib/components/VTimeline/VTimeline.sass +3 -3
  345. package/lib/components/VTimeline/VTimelineDivider.mjs +41 -38
  346. package/lib/components/VTimeline/VTimelineDivider.mjs.map +1 -1
  347. package/lib/components/VTimeline/VTimelineItem.mjs +10 -11
  348. package/lib/components/VTimeline/VTimelineItem.mjs.map +1 -1
  349. package/lib/components/VTimeline/_variables.scss +11 -6
  350. package/lib/components/VToolbar/VToolbar.css +15 -6
  351. package/lib/components/VToolbar/VToolbar.mjs +9 -9
  352. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  353. package/lib/components/VToolbar/VToolbar.sass +15 -7
  354. package/lib/components/VToolbar/VToolbarItems.mjs +12 -8
  355. package/lib/components/VToolbar/VToolbarItems.mjs.map +1 -1
  356. package/lib/components/VToolbar/_variables.scss +6 -2
  357. package/lib/components/VTooltip/VTooltip.mjs +41 -39
  358. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  359. package/lib/components/VTooltip/VTooltip.sass +0 -1
  360. package/lib/components/VTooltip/_variables.scss +1 -0
  361. package/lib/components/VWindow/VWindow.mjs +4 -4
  362. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  363. package/lib/components/VWindow/VWindow.sass +0 -2
  364. package/lib/components/VWindow/VWindowItem.mjs +21 -11
  365. package/lib/components/VWindow/VWindowItem.mjs.map +1 -1
  366. package/lib/components/VWindow/_variables.scss +1 -0
  367. package/lib/components/index.d.ts +7316 -2666
  368. package/lib/components/transitions/dialog-transition.mjs +3 -0
  369. package/lib/components/transitions/dialog-transition.mjs.map +1 -1
  370. package/lib/components/transitions/index.mjs +0 -5
  371. package/lib/components/transitions/index.mjs.map +1 -1
  372. package/lib/composables/border.mjs +5 -6
  373. package/lib/composables/border.mjs.map +1 -1
  374. package/lib/composables/display.mjs +13 -11
  375. package/lib/composables/display.mjs.map +1 -1
  376. package/lib/composables/form.mjs +6 -6
  377. package/lib/composables/form.mjs.map +1 -1
  378. package/lib/composables/group.mjs.map +1 -1
  379. package/lib/composables/items.mjs +2 -2
  380. package/lib/composables/items.mjs.map +1 -1
  381. package/lib/composables/location.mjs +4 -8
  382. package/lib/composables/location.mjs.map +1 -1
  383. package/lib/composables/proxiedModel.mjs +2 -1
  384. package/lib/composables/proxiedModel.mjs.map +1 -1
  385. package/lib/composables/size.mjs +2 -2
  386. package/lib/composables/size.mjs.map +1 -1
  387. package/lib/composables/ssrBoot.mjs +3 -2
  388. package/lib/composables/ssrBoot.mjs.map +1 -1
  389. package/lib/composables/stack.mjs +7 -7
  390. package/lib/composables/stack.mjs.map +1 -1
  391. package/lib/composables/theme.mjs +15 -6
  392. package/lib/composables/theme.mjs.map +1 -1
  393. package/lib/composables/validation.mjs +15 -8
  394. package/lib/composables/validation.mjs.map +1 -1
  395. package/lib/composables/variant.mjs +7 -5
  396. package/lib/composables/variant.mjs.map +1 -1
  397. package/lib/directives/ripple/VRipple.sass +0 -1
  398. package/lib/entry-bundler.mjs +1 -1
  399. package/lib/framework.mjs +29 -7
  400. package/lib/framework.mjs.map +1 -1
  401. package/lib/index.d.ts +68 -70
  402. package/lib/styles/generic/_transitions.scss +13 -77
  403. package/lib/styles/main.css +44 -58
  404. package/lib/styles/tools/_variant.sass +6 -6
  405. package/lib/util/anchor.mjs +34 -28
  406. package/lib/util/anchor.mjs.map +1 -1
  407. package/lib/util/animation.mjs +2 -2
  408. package/lib/util/animation.mjs.map +1 -1
  409. package/lib/util/box.mjs +12 -0
  410. package/lib/util/box.mjs.map +1 -1
  411. package/lib/util/getCurrentInstance.mjs +19 -0
  412. package/lib/util/getCurrentInstance.mjs.map +1 -1
  413. package/lib/util/helpers.mjs +21 -5
  414. package/lib/util/helpers.mjs.map +1 -1
  415. package/package.json +16 -10
  416. package/lib/components/VBanner/VBannerAvatar.mjs +0 -20
  417. package/lib/components/VBanner/VBannerAvatar.mjs.map +0 -1
  418. package/lib/components/VBanner/VBannerIcon.mjs +0 -20
  419. package/lib/components/VBanner/VBannerIcon.mjs.map +0 -1
  420. package/lib/components/VBreadcrumbs/shared.mjs +0 -2
  421. package/lib/components/VBreadcrumbs/shared.mjs.map +0 -1
  422. package/lib/components/VCard/VCardAvatar.mjs +0 -3
  423. package/lib/components/VCard/VCardAvatar.mjs.map +0 -1
  424. package/lib/components/VCard/VCardContent.mjs +0 -3
  425. package/lib/components/VCard/VCardContent.mjs.map +0 -1
  426. package/lib/components/VCard/VCardHeader.mjs +0 -3
  427. package/lib/components/VCard/VCardHeader.mjs.map +0 -1
  428. package/lib/components/VCard/VCardHeaderText.mjs +0 -3
  429. package/lib/components/VCard/VCardHeaderText.mjs.map +0 -1
  430. package/lib/components/VCard/VCardImg.mjs +0 -3
  431. package/lib/components/VCard/VCardImg.mjs.map +0 -1
  432. package/lib/components/VList/VListItemAvatar.mjs +0 -23
  433. package/lib/components/VList/VListItemAvatar.mjs.map +0 -1
  434. package/lib/components/VList/VListItemHeader.mjs +0 -3
  435. package/lib/components/VList/VListItemHeader.mjs.map +0 -1
  436. package/lib/components/VList/VListItemIcon.mjs +0 -23
  437. package/lib/components/VList/VListItemIcon.mjs.map +0 -1
  438. package/lib/components/VTimeline/shared.mjs +0 -2
  439. package/lib/components/VTimeline/shared.mjs.map +0 -1
  440. package/lib/presets/default/index.mjs +0 -71
  441. package/lib/presets/default/index.mjs.map +0 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.0-beta.3
2
+ * Vuetify v3.0.0-beta.6
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -3047,34 +3047,25 @@ progress {
3047
3047
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
3048
3048
  }
3049
3049
 
3050
- .carousel-transition-enter-from {
3051
- transform: translate(100%, 0);
3052
- }
3053
- .carousel-transition-leave-from, .carousel-transition-leave-to {
3054
- position: absolute;
3055
- top: 0;
3056
- transform: translate(-100%, 0);
3057
- }
3058
-
3059
- .carousel-reverse-transition-enter-from {
3060
- transform: translate(-100%, 0);
3061
- }
3062
- .carousel-reverse-transition-leave-from, .carousel-reverse-transition-leave-to {
3063
- position: absolute;
3064
- top: 0;
3065
- transform: translate(100%, 0);
3066
- }
3067
-
3068
- .dialog-transition-enter-active {
3050
+ .dialog-transition-enter-active,
3051
+ .dialog-bottom-transition-enter-active,
3052
+ .dialog-top-transition-enter-active {
3069
3053
  transition: 225ms cubic-bezier(0, 0, 0.2, 1);
3070
3054
  }
3071
- .dialog-transition-leave-active {
3055
+ .dialog-transition-leave-active,
3056
+ .dialog-bottom-transition-leave-active,
3057
+ .dialog-top-transition-leave-active {
3072
3058
  transition: 125ms cubic-bezier(0.4, 0, 1, 1);
3073
3059
  }
3074
- .dialog-transition-enter-active, .dialog-transition-leave-active {
3060
+ .dialog-transition-enter-active, .dialog-transition-leave-active,
3061
+ .dialog-bottom-transition-enter-active,
3062
+ .dialog-bottom-transition-leave-active,
3063
+ .dialog-top-transition-enter-active,
3064
+ .dialog-top-transition-leave-active {
3075
3065
  transition-property: transform, opacity;
3076
3066
  pointer-events: none;
3077
3067
  }
3068
+
3078
3069
  .dialog-transition-enter-from, .dialog-transition-leave-to {
3079
3070
  transform: scale(0.9);
3080
3071
  opacity: 0;
@@ -3084,13 +3075,25 @@ progress {
3084
3075
  }
3085
3076
 
3086
3077
  .dialog-bottom-transition-enter-from, .dialog-bottom-transition-leave-to {
3087
- transform: translateY(100%);
3078
+ transform: translateY(calc(50vh + 50%));
3088
3079
  }
3089
3080
 
3090
3081
  .dialog-top-transition-enter-from, .dialog-top-transition-leave-to {
3091
- transform: translateY(-100%);
3082
+ transform: translateY(calc(-50vh - 50%));
3092
3083
  }
3093
3084
 
3085
+ .picker-transition-enter-active,
3086
+ .picker-reverse-transition-enter-active {
3087
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3088
+ }
3089
+ .picker-transition-leave-active,
3090
+ .picker-reverse-transition-leave-active {
3091
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3092
+ }
3093
+ .picker-transition-move,
3094
+ .picker-reverse-transition-move {
3095
+ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
3096
+ }
3094
3097
  .picker-transition-enter-from, .picker-transition-leave-to,
3095
3098
  .picker-reverse-transition-enter-from,
3096
3099
  .picker-reverse-transition-leave-to {
@@ -3103,6 +3106,15 @@ progress {
3103
3106
  position: absolute !important;
3104
3107
  }
3105
3108
 
3109
+ .picker-transition-enter-active {
3110
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3111
+ }
3112
+ .picker-transition-leave-active {
3113
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3114
+ }
3115
+ .picker-transition-move {
3116
+ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
3117
+ }
3106
3118
  .picker-transition-enter-from {
3107
3119
  transform: translate(0, 100%);
3108
3120
  }
@@ -3110,6 +3122,15 @@ progress {
3110
3122
  transform: translate(0, -100%);
3111
3123
  }
3112
3124
 
3125
+ .picker-reverse-transition-enter-active {
3126
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3127
+ }
3128
+ .picker-reverse-transition-leave-active {
3129
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3130
+ }
3131
+ .picker-reverse-transition-move {
3132
+ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
3133
+ }
3113
3134
  .picker-reverse-transition-enter-from {
3114
3135
  transform: translate(0, -100%);
3115
3136
  }
@@ -3117,41 +3138,6 @@ progress {
3117
3138
  transform: translate(0, 100%);
3118
3139
  }
3119
3140
 
3120
- .picker-title-transition-enter-to, .picker-title-transition-leave-from {
3121
- transform: translate(0, 0);
3122
- }
3123
- .picker-title-transition-enter-from {
3124
- transform: translate(-100%, 0);
3125
- }
3126
- .picker-title-transition-leave-to {
3127
- opacity: 0;
3128
- transform: translate(100%, 0);
3129
- }
3130
- .picker-title-transition-leave-from, .picker-title-transition-leave-to, .picker-title-transition-leave-active {
3131
- position: absolute !important;
3132
- }
3133
-
3134
- .tab-transition-enter-from {
3135
- transform: translate(100%, 0);
3136
- }
3137
- .tab-transition-leave-from, .tab-transition-leave-active {
3138
- position: absolute;
3139
- top: 0;
3140
- }
3141
- .tab-transition-leave-to {
3142
- position: absolute;
3143
- transform: translate(-100%, 0);
3144
- }
3145
-
3146
- .tab-reverse-transition-enter-from {
3147
- transform: translate(-100%, 0);
3148
- }
3149
- .tab-reverse-transition-leave-from, .tab-reverse-transition-leave-to {
3150
- top: 0;
3151
- position: absolute;
3152
- transform: translate(100%, 0);
3153
- }
3154
-
3155
3141
  .expand-transition-enter-active {
3156
3142
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
3157
3143
  }
@@ -19298,18 +19284,15 @@ html.overflow-y-hidden {
19298
19284
  background: rgb(var(--v-theme-background));
19299
19285
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
19300
19286
  }
19301
- .v-application a {
19302
- cursor: pointer;
19303
- }
19304
19287
 
19305
19288
  .v-application__wrap {
19306
- flex: 1 1 auto;
19307
19289
  -webkit-backface-visibility: hidden;
19308
19290
  backface-visibility: hidden;
19309
19291
  display: flex;
19310
19292
  flex-direction: column;
19311
- min-height: 100vh;
19293
+ flex: 1 1 auto;
19312
19294
  max-width: 100%;
19295
+ min-height: 100vh;
19313
19296
  position: relative;
19314
19297
  }
19315
19298
 
@@ -19352,7 +19335,7 @@ html.overflow-y-hidden {
19352
19335
  .v-alert--sticky {
19353
19336
  position: sticky;
19354
19337
  }
19355
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-contained-text {
19338
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
19356
19339
  background: transparent;
19357
19340
  color: inherit;
19358
19341
  }
@@ -19365,14 +19348,14 @@ html.overflow-y-hidden {
19365
19348
  .v-alert--variant-plain .v-alert__overlay {
19366
19349
  display: none;
19367
19350
  }
19368
- .v-alert--variant-contained, .v-alert--variant-contained-flat {
19351
+ .v-alert--variant-elevated, .v-alert--variant-flat {
19369
19352
  background: rgb(var(--v-theme-on-surface-variant));
19370
19353
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19371
19354
  }
19372
- .v-alert--variant-contained {
19355
+ .v-alert--variant-elevated {
19373
19356
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
19374
19357
  }
19375
- .v-alert--variant-contained-flat {
19358
+ .v-alert--variant-flat {
19376
19359
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
19377
19360
  }
19378
19361
  .v-alert--variant-outlined {
@@ -19381,7 +19364,7 @@ html.overflow-y-hidden {
19381
19364
  .v-alert--variant-text .v-alert__overlay {
19382
19365
  background: currentColor;
19383
19366
  }
19384
- .v-alert--variant-contained-text .v-alert__underlay {
19367
+ .v-alert--variant-tonal .v-alert__underlay {
19385
19368
  background: currentColor;
19386
19369
  opacity: var(--v-activated-opacity);
19387
19370
  border-radius: inherit;
@@ -19655,7 +19638,7 @@ html.overflow-y-hidden {
19655
19638
  width: calc(var(--v-avatar-height) + -8px);
19656
19639
  }
19657
19640
  .v-avatar--rounded {
19658
- @includes tools.rounded($avatar-rounded-border-radius);
19641
+ border-radius: 4px;
19659
19642
  }.v-badge {
19660
19643
  display: inline-block;
19661
19644
  line-height: 1;
@@ -19727,11 +19710,10 @@ html.overflow-y-hidden {
19727
19710
  justify-content: center;
19728
19711
  margin: 0 4px;
19729
19712
  }.v-banner {
19730
- align-items: center;
19731
19713
  display: grid;
19732
19714
  flex: 1 1;
19733
19715
  font-size: 0.875rem;
19734
- grid-template-areas: "prepend text actions";
19716
+ grid-template-areas: "prepend content actions";
19735
19717
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
19736
19718
  grid-template-columns: max-content auto max-content;
19737
19719
  grid-template-rows: -webkit-max-content -webkit-max-content;
@@ -19771,7 +19753,7 @@ html.overflow-y-hidden {
19771
19753
  border-radius: 4px;
19772
19754
  }
19773
19755
  .v-banner--stacked:not(.v-banner--one-line) {
19774
- grid-template-areas: "prepend text" ". actions";
19756
+ grid-template-areas: "prepend content" ". actions";
19775
19757
  }
19776
19758
  .v-banner--stacked .v-banner-text {
19777
19759
  -webkit-padding-end: 36px;
@@ -19850,8 +19832,10 @@ html.overflow-y-hidden {
19850
19832
  top: 0;
19851
19833
  }
19852
19834
 
19853
- .v-banner-avatar,
19854
- .v-banner-icon,
19835
+ .v-banner__content {
19836
+ grid-area: content;
19837
+ }
19838
+
19855
19839
  .v-banner__prepend {
19856
19840
  align-self: flex-start;
19857
19841
  grid-area: prepend;
@@ -19873,10 +19857,9 @@ html.overflow-y-hidden {
19873
19857
  .v-banner-text {
19874
19858
  -webkit-box-orient: vertical;
19875
19859
  display: -webkit-box;
19876
- grid-area: text;
19877
- overflow: hidden;
19878
19860
  -webkit-padding-end: 90px;
19879
19861
  padding-inline-end: 90px;
19862
+ overflow: hidden;
19880
19863
  }
19881
19864
  .v-banner--one-line .v-banner-text {
19882
19865
  -webkit-line-clamp: 1;
@@ -19934,22 +19917,17 @@ html.overflow-y-hidden {
19934
19917
  .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19935
19918
  font-size: 1.5rem;
19936
19919
  }
19937
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn:not(.v-btn--selected):not(.v-btn--disabled) {
19938
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19939
- }
19940
19920
  .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19941
19921
  flex-grow: 1;
19942
19922
  }
19943
- .v-bottom-navigation--shift .v-bottom-navigation__content > .v-btn .v-btn__icon {
19944
- top: 0.5rem;
19945
- transform: translateY(-0.5rem);
19946
- }
19947
- .v-bottom-navigation--shift .v-bottom-navigation__content > .v-btn:not(.v-btn--selected) .v-btn__content {
19948
- color: rgba(var(--v-theme-on-surface), 0);
19923
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19924
+ opacity: 0;
19949
19925
  }
19950
- .v-bottom-navigation--shift .v-bottom-navigation__content > .v-btn:not(.v-btn--selected) .v-btn__icon {
19951
- transform: translateY(0);
19926
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19927
+ transform: translateY(0.5rem);
19952
19928
  }.v-breadcrumbs {
19929
+ display: flex;
19930
+ align-items: center;
19953
19931
  line-height: 1.375rem;
19954
19932
  padding: 16px 12px;
19955
19933
  }
@@ -19957,18 +19935,23 @@ html.overflow-y-hidden {
19957
19935
  border-radius: 4px;
19958
19936
  }
19959
19937
  .v-breadcrumbs--density-default {
19960
- padding-top: 16px 12px0px;
19961
- padding-bottom: 16px 12px0px;
19938
+ padding-top: 16px;
19939
+ padding-bottom: 16px;
19962
19940
  }
19963
19941
 
19964
19942
  .v-breadcrumbs--density-comfortable {
19965
- padding-top: 16px 12px-4px;
19966
- padding-bottom: 16px 12px-4px;
19943
+ padding-top: 12px;
19944
+ padding-bottom: 12px;
19967
19945
  }
19968
19946
 
19969
19947
  .v-breadcrumbs--density-compact {
19970
- padding-top: 16px 12px-8px;
19971
- padding-bottom: 16px 12px-8px;
19948
+ padding-top: 8px;
19949
+ padding-bottom: 8px;
19950
+ }
19951
+
19952
+ .v-breadcrumbs__prepend {
19953
+ align-items: center;
19954
+ display: inline-flex;
19972
19955
  }
19973
19956
 
19974
19957
  .v-breadcrumbs-item {
@@ -20001,7 +19984,10 @@ html.overflow-y-hidden {
20001
19984
  }.v-btn {
20002
19985
  align-items: center;
20003
19986
  border-radius: 4px;
20004
- display: inline-flex;
19987
+ display: inline-grid;
19988
+ grid-template-areas: "prepend content append";
19989
+ grid-template-columns: -webkit-max-content auto -webkit-max-content;
19990
+ grid-template-columns: max-content auto max-content;
20005
19991
  font-weight: 500;
20006
19992
  justify-content: center;
20007
19993
  letter-spacing: 0.0892857143em;
@@ -20106,7 +20092,7 @@ html.overflow-y-hidden {
20106
20092
  .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
20107
20093
  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
20108
20094
  }
20109
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-contained-text {
20095
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
20110
20096
  background: transparent;
20111
20097
  color: inherit;
20112
20098
  }
@@ -20119,14 +20105,14 @@ html.overflow-y-hidden {
20119
20105
  .v-btn--variant-plain .v-btn__overlay {
20120
20106
  display: none;
20121
20107
  }
20122
- .v-btn--variant-contained, .v-btn--variant-contained-flat {
20108
+ .v-btn--variant-elevated, .v-btn--variant-flat {
20123
20109
  background: rgb(var(--v-theme-surface));
20124
20110
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20125
20111
  }
20126
- .v-btn--variant-contained {
20112
+ .v-btn--variant-elevated {
20127
20113
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
20128
20114
  }
20129
- .v-btn--variant-contained-flat {
20115
+ .v-btn--variant-flat {
20130
20116
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
20131
20117
  }
20132
20118
  .v-btn--variant-outlined {
@@ -20135,7 +20121,7 @@ html.overflow-y-hidden {
20135
20121
  .v-btn--variant-text .v-btn__overlay {
20136
20122
  background: currentColor;
20137
20123
  }
20138
- .v-btn--variant-contained-text .v-btn__underlay {
20124
+ .v-btn--variant-tonal .v-btn__underlay {
20139
20125
  background: currentColor;
20140
20126
  opacity: var(--v-activated-opacity);
20141
20127
  border-radius: inherit;
@@ -20169,6 +20155,8 @@ html.overflow-y-hidden {
20169
20155
  border-radius: 50%;
20170
20156
  min-width: 0;
20171
20157
  padding: 0;
20158
+ }
20159
+ .v-btn--icon.v-btn--size-default {
20172
20160
  font-size: 1rem;
20173
20161
  }
20174
20162
  .v-btn--icon.v-btn--density-default {
@@ -20203,16 +20191,25 @@ html.overflow-y-hidden {
20203
20191
  }
20204
20192
  .v-btn--disabled.v-btn--disabled {
20205
20193
  color: rgba(var(--v-theme-on-surface), 0.26);
20206
- opacity: 1;
20194
+ opacity: 0.4615384615;
20207
20195
  }
20208
- .v-btn--disabled.v-btn--variant-contained {
20196
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
20209
20197
  background: rgb(var(--v-theme-surface));
20210
20198
  box-shadow: none;
20199
+ opacity: 1;
20211
20200
  }
20212
- .v-btn--disabled.v-btn--variant-contained .v-btn__overlay {
20201
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
20213
20202
  opacity: 0.4615384615;
20214
20203
  }
20215
- .v-btn--stacked {
20204
+ .v-btn--loading {
20205
+ pointer-events: none;
20206
+ }
20207
+ .v-btn--loading .v-btn__content,
20208
+ .v-btn--loading .v-btn__prepend,
20209
+ .v-btn--loading .v-btn__append {
20210
+ opacity: 0;
20211
+ }
20212
+ .v-btn--stacked .v-btn__content {
20216
20213
  flex-direction: column;
20217
20214
  line-height: 1.25;
20218
20215
  }
@@ -20281,25 +20278,77 @@ html.overflow-y-hidden {
20281
20278
  --v-icon-size-multiplier: 1.1428571429;
20282
20279
  }
20283
20280
 
20284
- .v-btn__content {
20281
+ .v-btn__loader {
20282
+ align-items: center;
20283
+ display: flex;
20284
+ height: 100%;
20285
+ justify-content: center;
20286
+ left: 0;
20287
+ position: absolute;
20288
+ top: 0;
20289
+ width: 100%;
20290
+ }
20291
+
20292
+ .v-btn__content,
20293
+ .v-btn__prepend,
20294
+ .v-btn__append {
20295
+ align-items: center;
20296
+ display: flex;
20285
20297
  transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20298
+ }
20299
+
20300
+ .v-btn__prepend {
20301
+ grid-area: prepend;
20302
+ -webkit-margin-start: calc(var(--v-btn-height) / -9);
20303
+ margin-inline-start: calc(var(--v-btn-height) / -9);
20304
+ -webkit-margin-end: calc(var(--v-btn-height) / 4.5);
20305
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
20306
+ }
20307
+
20308
+ .v-btn__append {
20309
+ grid-area: append;
20310
+ -webkit-margin-start: calc(var(--v-btn-height) / 4.5);
20311
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
20312
+ -webkit-margin-end: calc(var(--v-btn-height) / -9);
20313
+ margin-inline-end: calc(var(--v-btn-height) / -9);
20314
+ }
20315
+
20316
+ .v-btn__content {
20317
+ grid-area: content;
20318
+ justify-content: center;
20286
20319
  white-space: nowrap;
20287
20320
  }
20321
+ .v-btn__content > .v-icon--start {
20322
+ -webkit-margin-start: calc(var(--v-btn-height) / -9);
20323
+ margin-inline-start: calc(var(--v-btn-height) / -9);
20324
+ -webkit-margin-end: calc(var(--v-btn-height) / 4.5);
20325
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
20326
+ }
20327
+ .v-btn__content > .v-icon--end {
20328
+ -webkit-margin-start: calc(var(--v-btn-height) / 4.5);
20329
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
20330
+ -webkit-margin-end: calc(var(--v-btn-height) / -9);
20331
+ margin-inline-end: calc(var(--v-btn-height) / -9);
20332
+ }
20288
20333
  .v-btn--stacked .v-btn__content {
20289
20334
  white-space: normal;
20290
20335
  }
20291
20336
 
20292
20337
  .v-btn__overlay {
20338
+ background-color: currentColor;
20339
+ border-radius: inherit;
20340
+ opacity: 0;
20341
+ transition: opacity 0.2s ease-in-out;
20342
+ }
20343
+
20344
+ .v-btn__overlay,
20345
+ .v-btn__underlay {
20293
20346
  position: absolute;
20294
20347
  top: 0;
20295
20348
  left: 0;
20296
20349
  width: 100%;
20297
20350
  height: 100%;
20298
- background-color: currentColor;
20299
- border-radius: inherit;
20300
20351
  pointer-events: none;
20301
- opacity: 0;
20302
- transition: opacity 0.2s ease-in-out;
20303
20352
  }
20304
20353
 
20305
20354
  .v-app-bar .v-btn {
@@ -20390,12 +20439,15 @@ html.overflow-y-hidden {
20390
20439
  opacity: var(--v-activated-opacity);
20391
20440
  }.v-card {
20392
20441
  display: block;
20442
+ overflow: hidden;
20443
+ overflow-wrap: break-word;
20393
20444
  position: relative;
20394
20445
  padding: 0;
20395
20446
  text-decoration: none;
20396
20447
  transition-duration: 0.28s;
20397
20448
  transition-property: box-shadow, opacity, background;
20398
20449
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20450
+ z-index: 0;
20399
20451
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20400
20452
  border-style: solid;
20401
20453
  border-width: 0;
@@ -20431,7 +20483,7 @@ html.overflow-y-hidden {
20431
20483
  .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
20432
20484
  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
20433
20485
  }
20434
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-contained-text {
20486
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
20435
20487
  background: transparent;
20436
20488
  color: inherit;
20437
20489
  }
@@ -20444,14 +20496,14 @@ html.overflow-y-hidden {
20444
20496
  .v-card--variant-plain .v-card__overlay {
20445
20497
  display: none;
20446
20498
  }
20447
- .v-card--variant-contained, .v-card--variant-contained-flat {
20499
+ .v-card--variant-elevated, .v-card--variant-flat {
20448
20500
  background: rgb(var(--v-theme-surface));
20449
20501
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20450
20502
  }
20451
- .v-card--variant-contained {
20503
+ .v-card--variant-elevated {
20452
20504
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
20453
20505
  }
20454
- .v-card--variant-contained-flat {
20506
+ .v-card--variant-flat {
20455
20507
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
20456
20508
  }
20457
20509
  .v-card--variant-outlined {
@@ -20460,7 +20512,7 @@ html.overflow-y-hidden {
20460
20512
  .v-card--variant-text .v-card__overlay {
20461
20513
  background: currentColor;
20462
20514
  }
20463
- .v-card--variant-contained-text .v-card__underlay {
20515
+ .v-card--variant-tonal .v-card__underlay {
20464
20516
  background: currentColor;
20465
20517
  opacity: var(--v-activated-opacity);
20466
20518
  border-radius: inherit;
@@ -20478,7 +20530,7 @@ html.overflow-y-hidden {
20478
20530
  -moz-user-select: none;
20479
20531
  user-select: none;
20480
20532
  }
20481
- .v-card--disabled > [class*=v-card-] {
20533
+ .v-card--disabled > :not(.v-card__loader) {
20482
20534
  opacity: 0.6;
20483
20535
  }
20484
20536
  .v-card--flat {
@@ -20519,9 +20571,6 @@ html.overflow-y-hidden {
20519
20571
  .v-card--link {
20520
20572
  cursor: pointer;
20521
20573
  }
20522
- .v-card--tile {
20523
- border-radius: 0;
20524
- }
20525
20574
 
20526
20575
  .v-card-actions {
20527
20576
  align-items: center;
@@ -20531,56 +20580,85 @@ html.overflow-y-hidden {
20531
20580
  padding: 0.5rem;
20532
20581
  }
20533
20582
 
20534
- .v-card-avatar {
20535
- align-self: flex-start;
20536
- padding: 0.5rem 1rem;
20583
+ .v-card-item {
20584
+ align-items: center;
20585
+ display: grid;
20586
+ flex: none;
20587
+ grid-template-areas: "prepend content append";
20588
+ grid-template-columns: -webkit-max-content auto -webkit-max-content;
20589
+ grid-template-columns: max-content auto max-content;
20590
+ padding: 0.625rem 1rem;
20537
20591
  }
20538
- .v-card-header .v-card-avatar:last-child {
20539
- -webkit-padding-end: 0;
20540
- padding-inline-end: 0;
20592
+ .v-card-item + .v-card-text {
20593
+ padding-top: 0;
20541
20594
  }
20542
- .v-card-header .v-card-avatar:first-child {
20543
- -webkit-padding-start: 0;
20544
- padding-inline-start: 0;
20595
+ .v-card-item__prepend {
20596
+ grid-area: prepend;
20597
+ -webkit-padding-end: 1rem;
20598
+ padding-inline-end: 1rem;
20545
20599
  }
20546
-
20547
- .v-card-header-text {
20548
- flex: 1 1 auto;
20549
- min-width: 0;
20600
+ .v-card-item__append {
20601
+ grid-area: append;
20602
+ -webkit-padding-start: 1rem;
20603
+ padding-inline-start: 1rem;
20550
20604
  }
20551
20605
 
20552
- .v-card-img {
20553
- border-radius: inherit;
20554
- display: flex;
20555
- height: 100%;
20556
- flex: 1 1 auto;
20557
- left: 0;
20606
+ .v-card-item__content {
20607
+ align-self: center;
20608
+ grid-area: content;
20558
20609
  overflow: hidden;
20559
- position: absolute;
20560
- top: 0;
20561
- width: 100%;
20562
20610
  }
20563
20611
 
20564
- .v-card-header {
20565
- align-items: center;
20566
- display: flex;
20612
+ .v-card-title {
20613
+ display: block;
20567
20614
  flex: none;
20568
- padding: 0.625rem 1rem;
20615
+ font-size: 1.25rem;
20616
+ font-weight: 500;
20617
+ -webkit-hyphens: auto;
20618
+ hyphens: auto;
20619
+ letter-spacing: 0.0125em;
20620
+ min-width: 0;
20621
+ overflow-wrap: normal;
20622
+ overflow: hidden;
20623
+ overflow: hidden;
20624
+ padding: 0.5rem 1rem;
20625
+ text-overflow: ellipsis;
20626
+ text-overflow: ellipsis;
20627
+ text-transform: none;
20628
+ white-space: nowrap;
20629
+ white-space: nowrap;
20630
+ word-break: normal;
20631
+ word-wrap: break-word;
20632
+ }
20633
+ .v-card .v-card-title {
20634
+ line-height: 2rem;
20635
+ }
20636
+ .v-card--density-comfortable .v-card-title {
20637
+ line-height: 1.75rem;
20638
+ }
20639
+ .v-card--density-compact .v-card-title {
20640
+ line-height: 1.55rem;
20641
+ }
20642
+ .v-card-item .v-card-title {
20643
+ padding: 0;
20569
20644
  }
20570
- .v-card-header + .v-card-text {
20645
+ .v-card-title + .v-card-text,
20646
+ .v-card-title + .v-card-actions {
20571
20647
  padding-top: 0;
20572
20648
  }
20573
20649
 
20574
20650
  .v-card-subtitle {
20575
- align-items: center;
20576
- display: flex;
20651
+ display: block;
20577
20652
  flex: none;
20578
20653
  font-size: 0.875rem;
20579
20654
  font-weight: 400;
20580
20655
  letter-spacing: 0.0178571429em;
20581
20656
  opacity: var(--v-medium-emphasis-opacity);
20657
+ overflow: hidden;
20582
20658
  padding: 0 1rem;
20659
+ text-overflow: ellipsis;
20583
20660
  text-transform: none;
20661
+ white-space: nowrap;
20584
20662
  }
20585
20663
  .v-card .v-card-subtitle {
20586
20664
  line-height: 1.25rem;
@@ -20591,7 +20669,7 @@ html.overflow-y-hidden {
20591
20669
  .v-card--density-compact .v-card-subtitle {
20592
20670
  line-height: 1rem;
20593
20671
  }
20594
- .v-card-header .v-card-subtitle {
20672
+ .v-card-item .v-card-subtitle {
20595
20673
  padding: 0 0 0.25rem;
20596
20674
  }
20597
20675
 
@@ -20602,8 +20680,6 @@ html.overflow-y-hidden {
20602
20680
  letter-spacing: 0.0178571429em;
20603
20681
  padding: 1rem;
20604
20682
  text-transform: none;
20605
- transition: inherit;
20606
- transition-property: color, opacity;
20607
20683
  }
20608
20684
  .v-card .v-card-text {
20609
20685
  line-height: 1.25rem;
@@ -20615,54 +20691,45 @@ html.overflow-y-hidden {
20615
20691
  line-height: 1.15rem;
20616
20692
  }
20617
20693
 
20618
- .v-card-content {
20694
+ .v-card__image {
20695
+ display: flex;
20696
+ height: 100%;
20619
20697
  flex: 1 1 auto;
20620
- padding: 1rem;
20698
+ left: 0;
20699
+ overflow: hidden;
20700
+ position: absolute;
20701
+ top: 0;
20702
+ width: 100%;
20703
+ z-index: -1;
20621
20704
  }
20622
20705
 
20623
- .v-card-title {
20624
- align-items: center;
20625
- display: flex;
20626
- flex: none;
20627
- font-size: 1.25rem;
20628
- font-weight: 500;
20629
- -webkit-hyphens: auto;
20630
- hyphens: auto;
20631
- letter-spacing: 0.0125em;
20632
- overflow-wrap: normal;
20633
- padding: 0.5rem 1rem;
20634
- text-transform: none;
20635
- word-break: normal;
20636
- word-wrap: break-word;
20637
- }
20638
- .v-card .v-card-title {
20639
- line-height: 2rem;
20640
- }
20641
- .v-card--density-comfortable .v-card-title {
20642
- line-height: 1.75rem;
20643
- }
20644
- .v-card--density-compact .v-card-title {
20645
- line-height: 1.55rem;
20646
- }
20647
- .v-card-header .v-card-title {
20648
- padding: 0;
20706
+ .v-card__content {
20707
+ border-radius: inherit;
20708
+ overflow: hidden;
20709
+ position: relative;
20649
20710
  }
20650
20711
 
20651
- .v-card__overlay {
20652
- background-color: currentColor;
20653
- border-radius: inherit;
20654
- position: absolute;
20712
+ .v-card__loader {
20713
+ bottom: auto;
20655
20714
  top: 0;
20656
- right: 0;
20715
+ left: 0;
20716
+ position: absolute;
20717
+ right: 0;
20718
+ width: 100%;
20719
+ z-index: 1;
20720
+ }
20721
+
20722
+ .v-card__overlay {
20723
+ background-color: currentColor;
20724
+ border-radius: inherit;
20725
+ position: absolute;
20726
+ top: 0;
20727
+ right: 0;
20657
20728
  bottom: 0;
20658
20729
  left: 0;
20659
20730
  pointer-events: none;
20660
20731
  opacity: 0;
20661
20732
  transition: opacity 0.2s ease-in-out;
20662
- }
20663
- .v-card__overlay + .v-card-media {
20664
- border-top-left-radius: inherit;
20665
- border-top-right-radius: inherit;
20666
20733
  }.v-carousel {
20667
20734
  overflow: hidden;
20668
20735
  position: relative;
@@ -20743,190 +20810,270 @@ html.overflow-y-hidden {
20743
20810
  border-width: 0;
20744
20811
  border-radius: 9999px;
20745
20812
  }
20746
- .v-chip--size-x-small {
20813
+ .v-chip.v-chip--size-x-small {
20747
20814
  --v-chip-size: 0.625rem;
20748
20815
  --v-chip-height: 20px;
20749
20816
  font-size: 0.625rem;
20750
20817
  padding: 0 8px;
20751
20818
  }
20752
- .v-chip--size-x-small .v-avatar {
20753
- --v-avatar-height: 12px;
20819
+ .v-chip.v-chip--size-x-small .v-avatar {
20820
+ --v-avatar-height: 14px;
20754
20821
  }
20755
- .v-chip--pill.v-chip--size-x-small .v-avatar {
20822
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
20756
20823
  --v-avatar-height: 20px;
20757
20824
  }
20758
20825
 
20759
- .v-chip--size-x-small .v-chip__prepend,
20760
- .v-chip--size-x-small .v-chip__filter {
20761
- -webkit-margin-start: -4px;
20762
- margin-inline-start: -4px;
20826
+ .v-chip.v-chip--size-x-small .v-chip__filter,
20827
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
20828
+ .v-chip.v-chip--size-x-small > .v-avatar--start,
20829
+ .v-chip.v-chip--size-x-small > .v-icon--start {
20763
20830
  -webkit-margin-end: 4px;
20764
20831
  margin-inline-end: 4px;
20765
20832
  }
20766
- .v-chip--pill.v-chip--size-x-small .v-chip__prepend, .v-chip--pill.v-chip--size-x-small .v-chip__filter {
20833
+ .v-chip.v-chip--size-x-small .v-chip__filter,
20834
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
20835
+ .v-chip.v-chip--size-x-small .v-icon--start {
20836
+ -webkit-margin-start: -4px;
20837
+ margin-inline-start: -4px;
20838
+ }
20839
+ .v-chip.v-chip--size-x-small .v-avatar--start {
20840
+ -webkit-margin-start: -5.6px;
20841
+ margin-inline-start: -5.6px;
20842
+ }
20843
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
20767
20844
  -webkit-margin-start: -8px;
20768
20845
  margin-inline-start: -8px;
20769
20846
  }
20770
20847
 
20771
- .v-chip--size-x-small .v-chip__append,
20772
- .v-chip--size-x-small .v-chip__close {
20773
- -webkit-margin-end: -4px;
20774
- margin-inline-end: -4px;
20848
+ .v-chip.v-chip--size-x-small .v-chip__append,
20849
+ .v-chip.v-chip--size-x-small .v-chip__close,
20850
+ .v-chip.v-chip--size-x-small > .v-avatar--end,
20851
+ .v-chip.v-chip--size-x-small > .v-icon--end {
20775
20852
  -webkit-margin-start: 4px;
20776
20853
  margin-inline-start: 4px;
20854
+ -webkit-margin-end: -4px;
20855
+ margin-inline-end: -4px;
20777
20856
  }
20778
- .v-chip--pill.v-chip--size-x-small .v-chip__append, .v-chip--pill.v-chip--size-x-small .v-chip__close {
20857
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
20779
20858
  -webkit-margin-end: -8px;
20780
20859
  margin-inline-end: -8px;
20781
20860
  }
20861
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
20862
+ -webkit-margin-start: 8px;
20863
+ margin-inline-start: 8px;
20864
+ }
20782
20865
 
20783
- .v-chip--size-small {
20866
+ .v-chip.v-chip--size-small {
20784
20867
  --v-chip-size: 0.75rem;
20785
20868
  --v-chip-height: 26px;
20786
20869
  font-size: 0.75rem;
20787
20870
  padding: 0 10px;
20788
20871
  }
20789
- .v-chip--size-small .v-avatar {
20790
- --v-avatar-height: 18px;
20872
+ .v-chip.v-chip--size-small .v-avatar {
20873
+ --v-avatar-height: 20px;
20791
20874
  }
20792
- .v-chip--pill.v-chip--size-small .v-avatar {
20875
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20793
20876
  --v-avatar-height: 26px;
20794
20877
  }
20795
20878
 
20796
- .v-chip--size-small .v-chip__prepend,
20797
- .v-chip--size-small .v-chip__filter {
20798
- -webkit-margin-start: -5px;
20799
- margin-inline-start: -5px;
20879
+ .v-chip.v-chip--size-small .v-chip__filter,
20880
+ .v-chip.v-chip--size-small .v-chip__prepend,
20881
+ .v-chip.v-chip--size-small > .v-avatar--start,
20882
+ .v-chip.v-chip--size-small > .v-icon--start {
20800
20883
  -webkit-margin-end: 5px;
20801
20884
  margin-inline-end: 5px;
20802
20885
  }
20803
- .v-chip--pill.v-chip--size-small .v-chip__prepend, .v-chip--pill.v-chip--size-small .v-chip__filter {
20886
+ .v-chip.v-chip--size-small .v-chip__filter,
20887
+ .v-chip.v-chip--size-small .v-chip__prepend,
20888
+ .v-chip.v-chip--size-small .v-icon--start {
20889
+ -webkit-margin-start: -5px;
20890
+ margin-inline-start: -5px;
20891
+ }
20892
+ .v-chip.v-chip--size-small .v-avatar--start {
20893
+ -webkit-margin-start: -7px;
20894
+ margin-inline-start: -7px;
20895
+ }
20896
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20804
20897
  -webkit-margin-start: -10px;
20805
20898
  margin-inline-start: -10px;
20806
20899
  }
20807
20900
 
20808
- .v-chip--size-small .v-chip__append,
20809
- .v-chip--size-small .v-chip__close {
20810
- -webkit-margin-end: -5px;
20811
- margin-inline-end: -5px;
20901
+ .v-chip.v-chip--size-small .v-chip__append,
20902
+ .v-chip.v-chip--size-small .v-chip__close,
20903
+ .v-chip.v-chip--size-small > .v-avatar--end,
20904
+ .v-chip.v-chip--size-small > .v-icon--end {
20812
20905
  -webkit-margin-start: 5px;
20813
20906
  margin-inline-start: 5px;
20907
+ -webkit-margin-end: -5px;
20908
+ margin-inline-end: -5px;
20814
20909
  }
20815
- .v-chip--pill.v-chip--size-small .v-chip__append, .v-chip--pill.v-chip--size-small .v-chip__close {
20910
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
20816
20911
  -webkit-margin-end: -10px;
20817
20912
  margin-inline-end: -10px;
20818
20913
  }
20914
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
20915
+ -webkit-margin-start: 10px;
20916
+ margin-inline-start: 10px;
20917
+ }
20819
20918
 
20820
- .v-chip--size-default {
20919
+ .v-chip.v-chip--size-default {
20821
20920
  --v-chip-size: 0.875rem;
20822
20921
  --v-chip-height: 32px;
20823
20922
  font-size: 0.875rem;
20824
20923
  padding: 0 12px;
20825
20924
  }
20826
- .v-chip--size-default .v-avatar {
20827
- --v-avatar-height: 24px;
20925
+ .v-chip.v-chip--size-default .v-avatar {
20926
+ --v-avatar-height: 26px;
20828
20927
  }
20829
- .v-chip--pill.v-chip--size-default .v-avatar {
20928
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20830
20929
  --v-avatar-height: 32px;
20831
20930
  }
20832
20931
 
20833
- .v-chip--size-default .v-chip__prepend,
20834
- .v-chip--size-default .v-chip__filter {
20835
- -webkit-margin-start: -6px;
20836
- margin-inline-start: -6px;
20932
+ .v-chip.v-chip--size-default .v-chip__filter,
20933
+ .v-chip.v-chip--size-default .v-chip__prepend,
20934
+ .v-chip.v-chip--size-default > .v-avatar--start,
20935
+ .v-chip.v-chip--size-default > .v-icon--start {
20837
20936
  -webkit-margin-end: 6px;
20838
20937
  margin-inline-end: 6px;
20839
20938
  }
20840
- .v-chip--pill.v-chip--size-default .v-chip__prepend, .v-chip--pill.v-chip--size-default .v-chip__filter {
20939
+ .v-chip.v-chip--size-default .v-chip__filter,
20940
+ .v-chip.v-chip--size-default .v-chip__prepend,
20941
+ .v-chip.v-chip--size-default .v-icon--start {
20942
+ -webkit-margin-start: -6px;
20943
+ margin-inline-start: -6px;
20944
+ }
20945
+ .v-chip.v-chip--size-default .v-avatar--start {
20946
+ -webkit-margin-start: -8.4px;
20947
+ margin-inline-start: -8.4px;
20948
+ }
20949
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20841
20950
  -webkit-margin-start: -12px;
20842
20951
  margin-inline-start: -12px;
20843
20952
  }
20844
20953
 
20845
- .v-chip--size-default .v-chip__append,
20846
- .v-chip--size-default .v-chip__close {
20847
- -webkit-margin-end: -6px;
20848
- margin-inline-end: -6px;
20954
+ .v-chip.v-chip--size-default .v-chip__append,
20955
+ .v-chip.v-chip--size-default .v-chip__close,
20956
+ .v-chip.v-chip--size-default > .v-avatar--end,
20957
+ .v-chip.v-chip--size-default > .v-icon--end {
20849
20958
  -webkit-margin-start: 6px;
20850
20959
  margin-inline-start: 6px;
20960
+ -webkit-margin-end: -6px;
20961
+ margin-inline-end: -6px;
20851
20962
  }
20852
- .v-chip--pill.v-chip--size-default .v-chip__append, .v-chip--pill.v-chip--size-default .v-chip__close {
20963
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
20853
20964
  -webkit-margin-end: -12px;
20854
20965
  margin-inline-end: -12px;
20855
20966
  }
20967
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
20968
+ -webkit-margin-start: 12px;
20969
+ margin-inline-start: 12px;
20970
+ }
20856
20971
 
20857
- .v-chip--size-large {
20972
+ .v-chip.v-chip--size-large {
20858
20973
  --v-chip-size: 1rem;
20859
20974
  --v-chip-height: 38px;
20860
20975
  font-size: 1rem;
20861
20976
  padding: 0 14px;
20862
20977
  }
20863
- .v-chip--size-large .v-avatar {
20864
- --v-avatar-height: 30px;
20978
+ .v-chip.v-chip--size-large .v-avatar {
20979
+ --v-avatar-height: 32px;
20865
20980
  }
20866
- .v-chip--pill.v-chip--size-large .v-avatar {
20981
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20867
20982
  --v-avatar-height: 38px;
20868
20983
  }
20869
20984
 
20870
- .v-chip--size-large .v-chip__prepend,
20871
- .v-chip--size-large .v-chip__filter {
20872
- -webkit-margin-start: -7px;
20873
- margin-inline-start: -7px;
20985
+ .v-chip.v-chip--size-large .v-chip__filter,
20986
+ .v-chip.v-chip--size-large .v-chip__prepend,
20987
+ .v-chip.v-chip--size-large > .v-avatar--start,
20988
+ .v-chip.v-chip--size-large > .v-icon--start {
20874
20989
  -webkit-margin-end: 7px;
20875
20990
  margin-inline-end: 7px;
20876
20991
  }
20877
- .v-chip--pill.v-chip--size-large .v-chip__prepend, .v-chip--pill.v-chip--size-large .v-chip__filter {
20992
+ .v-chip.v-chip--size-large .v-chip__filter,
20993
+ .v-chip.v-chip--size-large .v-chip__prepend,
20994
+ .v-chip.v-chip--size-large .v-icon--start {
20995
+ -webkit-margin-start: -7px;
20996
+ margin-inline-start: -7px;
20997
+ }
20998
+ .v-chip.v-chip--size-large .v-avatar--start {
20999
+ -webkit-margin-start: -9.8px;
21000
+ margin-inline-start: -9.8px;
21001
+ }
21002
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20878
21003
  -webkit-margin-start: -14px;
20879
21004
  margin-inline-start: -14px;
20880
21005
  }
20881
21006
 
20882
- .v-chip--size-large .v-chip__append,
20883
- .v-chip--size-large .v-chip__close {
20884
- -webkit-margin-end: -7px;
20885
- margin-inline-end: -7px;
21007
+ .v-chip.v-chip--size-large .v-chip__append,
21008
+ .v-chip.v-chip--size-large .v-chip__close,
21009
+ .v-chip.v-chip--size-large > .v-avatar--end,
21010
+ .v-chip.v-chip--size-large > .v-icon--end {
20886
21011
  -webkit-margin-start: 7px;
20887
21012
  margin-inline-start: 7px;
21013
+ -webkit-margin-end: -7px;
21014
+ margin-inline-end: -7px;
20888
21015
  }
20889
- .v-chip--pill.v-chip--size-large .v-chip__append, .v-chip--pill.v-chip--size-large .v-chip__close {
21016
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
20890
21017
  -webkit-margin-end: -14px;
20891
21018
  margin-inline-end: -14px;
20892
21019
  }
21020
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
21021
+ -webkit-margin-start: 14px;
21022
+ margin-inline-start: 14px;
21023
+ }
20893
21024
 
20894
- .v-chip--size-x-large {
21025
+ .v-chip.v-chip--size-x-large {
20895
21026
  --v-chip-size: 1.125rem;
20896
21027
  --v-chip-height: 44px;
20897
21028
  font-size: 1.125rem;
20898
21029
  padding: 0 17px;
20899
21030
  }
20900
- .v-chip--size-x-large .v-avatar {
20901
- --v-avatar-height: 36px;
21031
+ .v-chip.v-chip--size-x-large .v-avatar {
21032
+ --v-avatar-height: 38px;
20902
21033
  }
20903
- .v-chip--pill.v-chip--size-x-large .v-avatar {
21034
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20904
21035
  --v-avatar-height: 44px;
20905
21036
  }
20906
21037
 
20907
- .v-chip--size-x-large .v-chip__prepend,
20908
- .v-chip--size-x-large .v-chip__filter {
20909
- -webkit-margin-start: -8.5px;
20910
- margin-inline-start: -8.5px;
21038
+ .v-chip.v-chip--size-x-large .v-chip__filter,
21039
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
21040
+ .v-chip.v-chip--size-x-large > .v-avatar--start,
21041
+ .v-chip.v-chip--size-x-large > .v-icon--start {
20911
21042
  -webkit-margin-end: 8.5px;
20912
21043
  margin-inline-end: 8.5px;
20913
21044
  }
20914
- .v-chip--pill.v-chip--size-x-large .v-chip__prepend, .v-chip--pill.v-chip--size-x-large .v-chip__filter {
21045
+ .v-chip.v-chip--size-x-large .v-chip__filter,
21046
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
21047
+ .v-chip.v-chip--size-x-large .v-icon--start {
21048
+ -webkit-margin-start: -8.5px;
21049
+ margin-inline-start: -8.5px;
21050
+ }
21051
+ .v-chip.v-chip--size-x-large .v-avatar--start {
21052
+ -webkit-margin-start: -11.9px;
21053
+ margin-inline-start: -11.9px;
21054
+ }
21055
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20915
21056
  -webkit-margin-start: -17px;
20916
21057
  margin-inline-start: -17px;
20917
21058
  }
20918
21059
 
20919
- .v-chip--size-x-large .v-chip__append,
20920
- .v-chip--size-x-large .v-chip__close {
20921
- -webkit-margin-end: -8.5px;
20922
- margin-inline-end: -8.5px;
21060
+ .v-chip.v-chip--size-x-large .v-chip__append,
21061
+ .v-chip.v-chip--size-x-large .v-chip__close,
21062
+ .v-chip.v-chip--size-x-large > .v-avatar--end,
21063
+ .v-chip.v-chip--size-x-large > .v-icon--end {
20923
21064
  -webkit-margin-start: 8.5px;
20924
21065
  margin-inline-start: 8.5px;
21066
+ -webkit-margin-end: -8.5px;
21067
+ margin-inline-end: -8.5px;
20925
21068
  }
20926
- .v-chip--pill.v-chip--size-x-large .v-chip__append, .v-chip--pill.v-chip--size-x-large .v-chip__close {
21069
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
20927
21070
  -webkit-margin-end: -17px;
20928
21071
  margin-inline-end: -17px;
20929
21072
  }
21073
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
21074
+ -webkit-margin-start: 17px;
21075
+ margin-inline-start: 17px;
21076
+ }
20930
21077
 
20931
21078
  .v-chip.v-chip--density-default {
20932
21079
  height: calc(var(--v-chip-height) + 0px);
@@ -20940,7 +21087,7 @@ html.overflow-y-hidden {
20940
21087
  height: calc(var(--v-chip-height) + -12px);
20941
21088
  }
20942
21089
 
20943
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-contained-text {
21090
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
20944
21091
  background: transparent;
20945
21092
  color: inherit;
20946
21093
  }
@@ -20953,14 +21100,14 @@ html.overflow-y-hidden {
20953
21100
  .v-chip--variant-plain .v-chip__overlay {
20954
21101
  display: none;
20955
21102
  }
20956
- .v-chip--variant-contained, .v-chip--variant-contained-flat {
21103
+ .v-chip--variant-elevated, .v-chip--variant-flat {
20957
21104
  background: rgb(var(--v-theme-surface-variant));
20958
21105
  color: rgb(var(--v-theme-on-surface-variant));
20959
21106
  }
20960
- .v-chip--variant-contained {
21107
+ .v-chip--variant-elevated {
20961
21108
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
20962
21109
  }
20963
- .v-chip--variant-contained-flat {
21110
+ .v-chip--variant-flat {
20964
21111
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
20965
21112
  }
20966
21113
  .v-chip--variant-outlined {
@@ -20969,7 +21116,7 @@ html.overflow-y-hidden {
20969
21116
  .v-chip--variant-text .v-chip__overlay {
20970
21117
  background: currentColor;
20971
21118
  }
20972
- .v-chip--variant-contained-text .v-chip__underlay {
21119
+ .v-chip--variant-tonal .v-chip__underlay {
20973
21120
  background: currentColor;
20974
21121
  opacity: var(--v-activated-opacity);
20975
21122
  border-radius: inherit;
@@ -20987,6 +21134,11 @@ html.overflow-y-hidden {
20987
21134
  .v-chip--link {
20988
21135
  cursor: pointer;
20989
21136
  }
21137
+ .v-chip--filter {
21138
+ -webkit-user-select: none;
21139
+ -moz-user-select: none;
21140
+ user-select: none;
21141
+ }
20990
21142
  .v-chip--label {
20991
21143
  border-radius: 4px;
20992
21144
  }
@@ -21013,6 +21165,10 @@ html.overflow-y-hidden {
21013
21165
  font-size: inherit;
21014
21166
  }
21015
21167
 
21168
+ .v-chip__filter {
21169
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21170
+ }
21171
+
21016
21172
  .v-chip__overlay {
21017
21173
  position: absolute;
21018
21174
  top: 0;
@@ -22170,13 +22326,10 @@ html.overflow-y-hidden {
22170
22326
  display: flex;
22171
22327
  flex-direction: column;
22172
22328
  }
22173
- .v-dialog .v-overlay__content > .v-card > .v-card-avatar {
22174
- padding: 0;
22175
- }
22176
- .v-dialog .v-overlay__content > .v-card > .v-card-header {
22329
+ .v-dialog .v-overlay__content > .v-card > .v-card-item {
22177
22330
  padding: 14px 24px 0;
22178
22331
  }
22179
- .v-dialog .v-overlay__content > .v-card > .v-card-header + .v-card-text {
22332
+ .v-dialog .v-overlay__content > .v-card > .v-card-item + .v-card-text {
22180
22333
  padding-top: 10px;
22181
22334
  }
22182
22335
  .v-dialog .v-overlay__content > .v-card > .v-card-text {
@@ -22362,6 +22515,7 @@ html.overflow-y-hidden {
22362
22515
 
22363
22516
  .v-expansion-panel-title {
22364
22517
  align-items: center;
22518
+ text-align: start;
22365
22519
  border-radius: inherit;
22366
22520
  display: flex;
22367
22521
  font-size: 0.9375rem;
@@ -22484,13 +22638,13 @@ html.overflow-y-hidden {
22484
22638
  -webkit-padding-end: 12px;
22485
22639
  padding-inline-end: 12px;
22486
22640
  }
22487
- .v-field--variant-contained {
22641
+ .v-field--variant-solo {
22488
22642
  background: rgb(var(--v-theme-surface));
22489
22643
  border-color: transparent;
22490
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22644
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22491
22645
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
22492
22646
  }
22493
- .v-field--variant-contained, .v-field--variant-filled {
22647
+ .v-field--variant-filled {
22494
22648
  border-bottom-left-radius: 0;
22495
22649
  border-bottom-right-radius: 0;
22496
22650
  }
@@ -22507,17 +22661,17 @@ html.overflow-y-hidden {
22507
22661
  .v-field--variant-outlined, .v-field--single-line {
22508
22662
  --v-field-padding-top: 0;
22509
22663
  }
22510
- .v-input--density-default .v-field--variant-contained, .v-input--density-default .v-field--variant-filled {
22664
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-filled {
22511
22665
  --v-input-control-height: 56px;
22512
22666
  --v-field-padding-bottom: 6px;
22513
22667
  }
22514
22668
 
22515
- .v-input--density-comfortable .v-field--variant-contained, .v-input--density-comfortable .v-field--variant-filled {
22669
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-filled {
22516
22670
  --v-input-control-height: 48px;
22517
22671
  --v-field-padding-bottom: 2px;
22518
22672
  }
22519
22673
 
22520
- .v-input--density-compact .v-field--variant-contained, .v-input--density-compact .v-field--variant-filled {
22674
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-filled {
22521
22675
  --v-input-control-height: 40px;
22522
22676
  --v-field-padding-bottom: -2px;
22523
22677
  }
@@ -22540,7 +22694,6 @@ html.overflow-y-hidden {
22540
22694
  /* endregion */
22541
22695
  /* region ELEMENTS */
22542
22696
  .v-field__input {
22543
- align-self: stretch;
22544
22697
  color: inherit;
22545
22698
  display: flex;
22546
22699
  flex-wrap: wrap;
@@ -22551,7 +22704,8 @@ html.overflow-y-hidden {
22551
22704
  -webkit-padding-end: var(--v-field-padding-end);
22552
22705
  padding-inline-end: var(--v-field-padding-end);
22553
22706
  padding-top: var(--v-field-padding-top, 8px);
22554
- width: 100%;
22707
+ flex: 1 0 0;
22708
+ min-width: 0;
22555
22709
  }
22556
22710
  .v-field__input input {
22557
22711
  letter-spacing: inherit;
@@ -22673,15 +22827,15 @@ html.overflow-y-hidden {
22673
22827
  .v-field.v-field--active .v-label.v-field-label--floating {
22674
22828
  visibility: visible;
22675
22829
  }
22676
- .v-input--density-default .v-field--variant-contained .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating {
22830
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating {
22677
22831
  top: 7px;
22678
22832
  }
22679
22833
 
22680
- .v-input--density-comfortable .v-field--variant-contained .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating {
22834
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating {
22681
22835
  top: 5px;
22682
22836
  }
22683
22837
 
22684
- .v-input--density-compact .v-field--variant-contained .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating {
22838
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating {
22685
22839
  top: 3px;
22686
22840
  }
22687
22841
 
@@ -22869,12 +23023,12 @@ html.overflow-y-hidden {
22869
23023
  }
22870
23024
 
22871
23025
  /* endregion */.v-file-input input[type=file] {
23026
+ height: 100%;
22872
23027
  left: 0;
22873
- max-width: 0;
22874
23028
  opacity: 0;
22875
- pointer-events: none;
22876
23029
  position: absolute;
22877
- width: 0;
23030
+ top: 0;
23031
+ width: 100%;
22878
23032
  }.v-footer {
22879
23033
  align-items: center;
22880
23034
  display: flex;
@@ -22940,12 +23094,6 @@ html.overflow-y-hidden {
22940
23094
  -webkit-margin-end: 8px;
22941
23095
  margin-inline-end: 8px;
22942
23096
  }
22943
- .v-btn:not(.v-btn--icon) .v-icon--start {
22944
- -webkit-margin-start: calc(var(--v-btn-height) / -9);
22945
- margin-inline-start: calc(var(--v-btn-height) / -9);
22946
- -webkit-margin-end: calc(var(--v-btn-height) / 4.5);
22947
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
22948
- }
22949
23097
  .v-btn.v-btn--stacked .v-icon--start {
22950
23098
  -webkit-margin-start: 0;
22951
23099
  margin-inline-start: 0;
@@ -22958,12 +23106,6 @@ html.overflow-y-hidden {
22958
23106
  -webkit-margin-start: 8px;
22959
23107
  margin-inline-start: 8px;
22960
23108
  }
22961
- .v-btn:not(.v-btn--icon) .v-icon--end {
22962
- -webkit-margin-start: calc(var(--v-btn-height) / 4.5);
22963
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
22964
- -webkit-margin-end: calc(var(--v-btn-height) / -9);
22965
- margin-inline-end: calc(var(--v-btn-height) / -9);
22966
- }
22967
23109
  .v-btn.v-btn--stacked .v-icon--end {
22968
23110
  -webkit-margin-start: 0;
22969
23111
  margin-inline-start: 0;
@@ -23003,11 +23145,6 @@ html.overflow-y-hidden {
23003
23145
 
23004
23146
  .v-img__gradient {
23005
23147
  background-repeat: no-repeat;
23006
- }.v-item-group {
23007
- flex: 0 1 auto;
23008
- max-width: 100%;
23009
- position: relative;
23010
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23011
23148
  }.v-input {
23012
23149
  display: grid;
23013
23150
  flex: 1 1 auto;
@@ -23126,6 +23263,11 @@ html.overflow-y-hidden {
23126
23263
 
23127
23264
  .v-input__control {
23128
23265
  grid-area: control;
23266
+ }.v-item-group {
23267
+ flex: 0 1 auto;
23268
+ max-width: 100%;
23269
+ position: relative;
23270
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23129
23271
  }.v-label {
23130
23272
  align-items: center;
23131
23273
  cursor: pointer;
@@ -23206,7 +23348,7 @@ html.overflow-y-hidden {
23206
23348
  background: inherit;
23207
23349
  display: flex;
23208
23350
  font-size: 0.875rem;
23209
- font-weight: 500;
23351
+ font-weight: 400;
23210
23352
  line-height: 1.375rem;
23211
23353
  -webkit-padding-end: 16px;
23212
23354
  padding-inline-end: 16px;
@@ -23238,8 +23380,7 @@ html.overflow-y-hidden {
23238
23380
  }
23239
23381
 
23240
23382
  .v-list-subheader--inset {
23241
- -webkit-padding-start: 72px;
23242
- padding-inline-start: 72px;
23383
+ --indent-padding: 56px;
23243
23384
  }
23244
23385
  .v-list--nav .v-list-subheader {
23245
23386
  font-size: 0.75rem;
@@ -23265,12 +23406,15 @@ html.overflow-y-hidden {
23265
23406
  transition: opacity 0.2s ease-in-out;
23266
23407
  }.v-list-item {
23267
23408
  align-items: center;
23268
- display: flex;
23269
- padding: 8px 16px;
23270
- position: relative;
23409
+ display: grid;
23410
+ flex: none;
23411
+ grid-template-areas: "prepend content append";
23412
+ grid-template-columns: -webkit-max-content auto -webkit-max-content;
23413
+ grid-template-columns: max-content auto max-content;
23271
23414
  outline: none;
23415
+ padding: 4px 16px;
23416
+ position: relative;
23272
23417
  text-decoration: none;
23273
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23274
23418
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23275
23419
  border-style: solid;
23276
23420
  border-width: 0;
@@ -23300,7 +23444,7 @@ html.overflow-y-hidden {
23300
23444
  .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
23301
23445
  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
23302
23446
  }
23303
- .v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-contained-text {
23447
+ .v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
23304
23448
  background: transparent;
23305
23449
  color: inherit;
23306
23450
  }
@@ -23313,14 +23457,14 @@ html.overflow-y-hidden {
23313
23457
  .v-list-item--variant-plain .v-list-item__overlay {
23314
23458
  display: none;
23315
23459
  }
23316
- .v-list-item--variant-contained, .v-list-item--variant-contained-flat {
23460
+ .v-list-item--variant-elevated, .v-list-item--variant-flat {
23317
23461
  background: rgba(var(--v-theme-surface));
23318
23462
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23319
23463
  }
23320
- .v-list-item--variant-contained {
23464
+ .v-list-item--variant-elevated {
23321
23465
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
23322
23466
  }
23323
- .v-list-item--variant-contained-flat {
23467
+ .v-list-item--variant-flat {
23324
23468
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
23325
23469
  }
23326
23470
  .v-list-item--variant-outlined {
@@ -23329,7 +23473,7 @@ html.overflow-y-hidden {
23329
23473
  .v-list-item--variant-text .v-list-item__overlay {
23330
23474
  background: currentColor;
23331
23475
  }
23332
- .v-list-item--variant-contained-text .v-list-item__underlay {
23476
+ .v-list-item--variant-tonal .v-list-item__underlay {
23333
23477
  background: currentColor;
23334
23478
  opacity: var(--v-activated-opacity);
23335
23479
  border-radius: inherit;
@@ -23341,6 +23485,13 @@ html.overflow-y-hidden {
23341
23485
  pointer-events: none;
23342
23486
  transition: opacity 0.2s ease-in-out;
23343
23487
  }
23488
+ .v-list-item__prepend > .v-icon, .v-list-item__append > .v-icon {
23489
+ opacity: var(--v-medium-emphasis-opacity);
23490
+ }
23491
+ .v-list-item--active .v-list-item__prepend > .v-icon,
23492
+ .v-list-item--active .v-list-item__append > .v-icon {
23493
+ opacity: 1;
23494
+ }
23344
23495
  .v-list-item--rounded {
23345
23496
  border-radius: 4px;
23346
23497
  }
@@ -23355,51 +23506,57 @@ html.overflow-y-hidden {
23355
23506
  cursor: pointer;
23356
23507
  }
23357
23508
 
23358
- .v-list-item-action,
23359
- .v-list-item-avatar,
23360
- .v-list-item-icon {
23509
+ .v-list-item__prepend {
23510
+ align-items: center;
23361
23511
  align-self: center;
23362
23512
  display: flex;
23363
- align-items: center;
23364
- flex: none;
23365
- transition: inherit;
23366
- transition-property: height, width;
23367
- }
23368
- .v-list-item--three-line .v-list-item-action,
23369
- .v-list-item--three-line .v-list-item-avatar,
23370
- .v-list-item--three-line .v-list-item-icon {
23371
- align-self: flex-start;
23513
+ grid-area: prepend;
23372
23514
  }
23373
-
23374
- .v-list-item-avatar--start {
23515
+ .v-list-item__prepend > .v-avatar {
23375
23516
  -webkit-margin-end: 16px;
23376
23517
  margin-inline-end: 16px;
23377
23518
  }
23378
- .v-list-item-avatar--end {
23379
- -webkit-margin-start: 16px;
23380
- margin-inline-start: 16px;
23519
+ .v-list-item__prepend > .v-icon {
23520
+ -webkit-margin-end: 32px;
23521
+ margin-inline-end: 32px;
23381
23522
  }
23382
- .v-list-item--density-default.v-list-item--three-line .v-list-item-avatar {
23383
- margin-top: 4px;
23523
+ .v-list-item--two-line .v-list-item__prepend, .v-list-item--three-line .v-list-item__prepend {
23524
+ align-self: start;
23384
23525
  }
23385
23526
 
23386
- .v-list-item--density-comfortable.v-list-item--three-line .v-list-item-avatar {
23387
- margin-top: 8px;
23388
- }
23389
-
23390
- .v-list-item--density-compact.v-list-item--three-line .v-list-item-avatar {
23391
- margin-top: 12px;
23527
+ .v-list-item__append {
23528
+ align-self: center;
23529
+ display: flex;
23530
+ align-items: center;
23531
+ grid-area: append;
23392
23532
  }
23393
-
23394
- .v-list-item-icon--start {
23395
- -webkit-margin-end: 32px;
23396
- margin-inline-end: 32px;
23533
+ .v-list-item__append > .v-avatar {
23534
+ -webkit-margin-start: 16px;
23535
+ margin-inline-start: 16px;
23397
23536
  }
23398
- .v-list-item-icon--end {
23537
+ .v-list-item__append > .v-icon {
23399
23538
  -webkit-margin-start: 32px;
23400
23539
  margin-inline-start: 32px;
23401
23540
  }
23541
+ .v-list-item--two-line .v-list-item__append, .v-list-item--three-line .v-list-item__append {
23542
+ align-self: start;
23543
+ }
23402
23544
 
23545
+ .v-list-item__content {
23546
+ align-self: center;
23547
+ grid-area: content;
23548
+ overflow: hidden;
23549
+ }
23550
+
23551
+ .v-list-item-action {
23552
+ align-self: center;
23553
+ display: flex;
23554
+ align-items: center;
23555
+ grid-area: prepend;
23556
+ flex: none;
23557
+ transition: inherit;
23558
+ transition-property: height, width;
23559
+ }
23403
23560
  .v-list-item-action--start {
23404
23561
  -webkit-margin-end: 12px;
23405
23562
  margin-inline-end: 12px;
@@ -23430,11 +23587,6 @@ html.overflow-y-hidden {
23430
23587
  margin-bottom: 0;
23431
23588
  }
23432
23589
 
23433
- .v-list-item-header {
23434
- flex: 1 1 auto;
23435
- min-width: 0;
23436
- }
23437
-
23438
23590
  .v-list-item-subtitle {
23439
23591
  -webkit-box-orient: vertical;
23440
23592
  display: -webkit-box;
@@ -23487,10 +23639,13 @@ html.overflow-y-hidden {
23487
23639
  line-height: 1rem;
23488
23640
  }
23489
23641
 
23490
- .v-list-item--density-default.v-list-item--one-line {
23642
+ .v-list-item--density-default {
23491
23643
  min-height: 40px;
23492
- padding-top: 8px;
23493
- padding-bottom: 8px;
23644
+ }
23645
+ .v-list-item--density-default.v-list-item--one-line {
23646
+ min-height: 48px;
23647
+ padding-top: 4px;
23648
+ padding-bottom: 4px;
23494
23649
  }
23495
23650
  .v-list-item--density-default.v-list-item--two-line {
23496
23651
  min-height: 64px;
@@ -23521,10 +23676,13 @@ html.overflow-y-hidden {
23521
23676
  padding-inline-end: 16px;
23522
23677
  }
23523
23678
 
23524
- .v-list-item--density-comfortable.v-list-item--one-line {
23679
+ .v-list-item--density-comfortable {
23525
23680
  min-height: 36px;
23526
- padding-top: 4px;
23527
- padding-bottom: 4px;
23681
+ }
23682
+ .v-list-item--density-comfortable.v-list-item--one-line {
23683
+ min-height: 44px;
23684
+ padding-top: 0px;
23685
+ padding-bottom: 0px;
23528
23686
  }
23529
23687
  .v-list-item--density-comfortable.v-list-item--two-line {
23530
23688
  min-height: 60px;
@@ -23555,10 +23713,13 @@ html.overflow-y-hidden {
23555
23713
  padding-inline-end: 16px;
23556
23714
  }
23557
23715
 
23558
- .v-list-item--density-compact.v-list-item--one-line {
23716
+ .v-list-item--density-compact {
23559
23717
  min-height: 32px;
23560
- padding-top: 0px;
23561
- padding-bottom: 0px;
23718
+ }
23719
+ .v-list-item--density-compact.v-list-item--one-line {
23720
+ min-height: 40px;
23721
+ padding-top: -4px;
23722
+ padding-bottom: -4px;
23562
23723
  }
23563
23724
  .v-list-item--density-compact.v-list-item--two-line {
23564
23725
  min-height: 56px;
@@ -23599,6 +23760,10 @@ html.overflow-y-hidden {
23599
23760
  margin-bottom: 4px;
23600
23761
  }
23601
23762
 
23763
+ .v-list-item__underlay {
23764
+ position: absolute;
23765
+ }
23766
+
23602
23767
  .v-list-item__overlay {
23603
23768
  background-color: currentColor;
23604
23769
  border-radius: inherit;
@@ -23611,7 +23776,7 @@ html.overflow-y-hidden {
23611
23776
  top: 0;
23612
23777
  transition: opacity 0.2s ease-in-out;
23613
23778
  }
23614
- .v-list-item--active.v-list-item--contained .v-list-item__overlay {
23779
+ .v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
23615
23780
  --v-theme-overlay-multiplier: 0;
23616
23781
  }
23617
23782
 
@@ -23623,14 +23788,22 @@ html.overflow-y-hidden {
23623
23788
  }
23624
23789
 
23625
23790
  .v-list-group {
23791
+ --list-indent-size: 16px;
23626
23792
  --parent-padding: var(--indent-padding);
23793
+ --prepend-width: 40px;
23794
+ }
23795
+ .v-list-group--fluid {
23796
+ --list-indent-size: 0px;
23627
23797
  }
23628
23798
  .v-list-group--prepend {
23629
- --parent-padding: calc(var(--indent-padding) + 40px);
23799
+ --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
23800
+ }
23801
+ .v-list-group--fluid.v-list-group--prepend {
23802
+ --parent-padding: var(--indent-padding);
23630
23803
  }
23631
23804
 
23632
23805
  .v-list-group__items {
23633
- --indent-padding: calc(var(--parent-padding) + 16px);
23806
+ --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
23634
23807
  }
23635
23808
 
23636
23809
  .v-list-group__items .v-list-item {
@@ -23638,12 +23811,6 @@ html.overflow-y-hidden {
23638
23811
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
23639
23812
  }
23640
23813
 
23641
- .v-list-item--prepend .v-list-item-avatar,
23642
- .v-list-group__items .v-list-item--prepend .v-list-item-avatar {
23643
- -webkit-padding-start: calc(16px + var(--indent-padding) + 40px + 16px) !important;
23644
- padding-inline-start: calc(16px + var(--indent-padding) + 40px + 16px) !important;
23645
- }
23646
-
23647
23814
  .v-list-group__header.v-list-item--active .v-list-item__overlay {
23648
23815
  display: none;
23649
23816
  }.v-locale-provider {
@@ -24484,6 +24651,7 @@ html.v-overlay-scroll-blocked {
24484
24651
  }
24485
24652
  .v-selection-control--inline {
24486
24653
  display: inline-flex;
24654
+ flex: 0 0 auto;
24487
24655
  }
24488
24656
  .v-selection-control--inline .v-label {
24489
24657
  width: auto;
@@ -24645,7 +24813,7 @@ html.v-overlay-scroll-blocked {
24645
24813
  position: relative;
24646
24814
  border-radius: 4px;
24647
24815
  }
24648
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-contained-text {
24816
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24649
24817
  background: transparent;
24650
24818
  color: inherit;
24651
24819
  }
@@ -24658,14 +24826,14 @@ html.v-overlay-scroll-blocked {
24658
24826
  .v-snackbar--variant-plain .v-snackbar__overlay {
24659
24827
  display: none;
24660
24828
  }
24661
- .v-snackbar--variant-contained, .v-snackbar--variant-contained-flat {
24829
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24662
24830
  background: #333333;
24663
24831
  color: rgb(var(--v-theme-on-surface-variant));
24664
24832
  }
24665
- .v-snackbar--variant-contained {
24833
+ .v-snackbar--variant-elevated {
24666
24834
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
24667
24835
  }
24668
- .v-snackbar--variant-contained-flat {
24836
+ .v-snackbar--variant-flat {
24669
24837
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
24670
24838
  }
24671
24839
  .v-snackbar--variant-outlined {
@@ -24674,7 +24842,7 @@ html.v-overlay-scroll-blocked {
24674
24842
  .v-snackbar--variant-text .v-snackbar__overlay {
24675
24843
  background: currentColor;
24676
24844
  }
24677
- .v-snackbar--variant-contained-text .v-snackbar__underlay {
24845
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
24678
24846
  background: currentColor;
24679
24847
  opacity: var(--v-activated-opacity);
24680
24848
  border-radius: inherit;
@@ -24787,6 +24955,13 @@ html.v-overlay-scroll-blocked {
24787
24955
  .v-switch--inset .v-switch__thumb {
24788
24956
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
24789
24957
  }
24958
+ .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
24959
+ display: none;
24960
+ }
24961
+
24962
+ .v-switch--loading .v-selection-control__input > .v-icon {
24963
+ display: none;
24964
+ }
24790
24965
 
24791
24966
  .v-switch .v-selection-control {
24792
24967
  height: var(--v-input-control-height);
@@ -24920,12 +25095,14 @@ html.v-overlay-scroll-blocked {
24920
25095
  .v-toolbar__content .v-tab {
24921
25096
  height: inherit;
24922
25097
  }.v-tab {
24923
- --v-btn-height: var(--v-tabs-height);
24924
25098
  display: inline-flex;
24925
25099
  position: relative;
24926
25100
  max-width: 360px;
24927
25101
  min-width: 90px;
24928
25102
  }
25103
+ .v-tab.v-tab.v-tab {
25104
+ height: var(--v-tabs-height);
25105
+ }
24929
25106
  .v-slide-group--vertical .v-tab {
24930
25107
  justify-content: start;
24931
25108
  }
@@ -24971,6 +25148,7 @@ html.v-overlay-scroll-blocked {
24971
25148
  .v-table.v-table--fixed-header thead th {
24972
25149
  background: rgb(var(--v-theme-surface));
24973
25150
  box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
25151
+ z-index: 1;
24974
25152
  }
24975
25153
  .v-table.v-table--fixed-footer tfoot th,
24976
25154
  .v-table.v-table--fixed-footer tfoot td {
@@ -25643,6 +25821,7 @@ html.v-overlay-scroll-blocked {
25643
25821
  }.v-toolbar {
25644
25822
  align-items: flex-start;
25645
25823
  display: flex;
25824
+ flex: 1 1 auto;
25646
25825
  flex-direction: column;
25647
25826
  justify-content: space-between;
25648
25827
  max-width: 100%;
@@ -25722,6 +25901,18 @@ html.v-overlay-scroll-blocked {
25722
25901
  width: 100%;
25723
25902
  }
25724
25903
 
25904
+ .v-toolbar__content > .v-btn:first-child {
25905
+ -webkit-margin-start: -6px;
25906
+ margin-inline-start: -6px;
25907
+ }
25908
+ .v-toolbar__content > .v-btn:first-child + .v-toolbar-title {
25909
+ -webkit-padding-start: 20px;
25910
+ padding-inline-start: 20px;
25911
+ }
25912
+ .v-toolbar__content > .v-btn:last-child {
25913
+ -webkit-margin-end: -6px;
25914
+ margin-inline-end: -6px;
25915
+ }
25725
25916
  .v-toolbar--density-prominent .v-toolbar__content {
25726
25917
  align-items: flex-start;
25727
25918
  }
@@ -25741,13 +25932,11 @@ html.v-overlay-scroll-blocked {
25741
25932
  }
25742
25933
 
25743
25934
  .v-toolbar__prepend {
25935
+ -webkit-margin-start: -6px;
25936
+ margin-inline-start: -6px;
25744
25937
  -webkit-margin-end: auto;
25745
25938
  margin-inline-end: auto;
25746
25939
  }
25747
- .v-toolbar__prepend > .v-btn:first-child {
25748
- -webkit-margin-start: -12px;
25749
- margin-inline-start: -12px;
25750
- }
25751
25940
  .v-toolbar__prepend + .v-toolbar-title {
25752
25941
  -webkit-padding-start: 20px;
25753
25942
  padding-inline-start: 20px;
@@ -25756,10 +25945,8 @@ html.v-overlay-scroll-blocked {
25756
25945
  .v-toolbar__append {
25757
25946
  -webkit-margin-start: auto;
25758
25947
  margin-inline-start: auto;
25759
- }
25760
- .v-toolbar__append > .v-btn:last-child {
25761
- -webkit-margin-end: -12px;
25762
- margin-inline-end: -12px;
25948
+ -webkit-margin-end: -6px;
25949
+ margin-inline-end: -6px;
25763
25950
  }
25764
25951
 
25765
25952
  .v-toolbar-title {
@@ -25791,6 +25978,9 @@ html.v-overlay-scroll-blocked {
25791
25978
  .v-toolbar-items {
25792
25979
  display: flex;
25793
25980
  height: inherit;
25981
+ }
25982
+ .v-toolbar-items > .v-btn {
25983
+ border-radius: 0;
25794
25984
  }.v-tooltip .v-overlay__content {
25795
25985
  background: rgba(var(--v-theme-surface-variant), 0.7);
25796
25986
  color: rgb(var(--v-theme-on-surface-variant));
@@ -25901,6 +26091,36 @@ html.v-overlay-scroll-blocked {
25901
26091
  }
25902
26092
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25903
26093
  will-change: transform;
26094
+ }.v-color-picker-edit {
26095
+ display: flex;
26096
+ }
26097
+
26098
+ .v-color-picker-edit__input {
26099
+ width: 100%;
26100
+ display: flex;
26101
+ flex-wrap: wrap;
26102
+ justify-content: center;
26103
+ text-align: center;
26104
+ }
26105
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
26106
+ margin-right: 8px;
26107
+ }
26108
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
26109
+ margin-left: 8px;
26110
+ }
26111
+ .v-color-picker-edit__input input {
26112
+ border-radius: 4px;
26113
+ margin-bottom: 8px;
26114
+ min-width: 0;
26115
+ outline: none;
26116
+ text-align: center;
26117
+ width: 100%;
26118
+ height: 32px;
26119
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26120
+ color: rgba(var(--v-theme-on-surface));
26121
+ }
26122
+ .v-color-picker-edit__input span {
26123
+ font-size: 0.75rem;
25904
26124
  }.v-color-picker-preview__alpha .v-slider-track__background {
25905
26125
  background-color: transparent !important;
25906
26126
  }
@@ -25967,36 +26187,6 @@ html.v-overlay-scroll-blocked {
25967
26187
  align-items: center;
25968
26188
  display: flex;
25969
26189
  margin-bottom: 24px;
25970
- }.v-color-picker-edit {
25971
- display: flex;
25972
- }
25973
-
25974
- .v-color-picker-edit__input {
25975
- width: 100%;
25976
- display: flex;
25977
- flex-wrap: wrap;
25978
- justify-content: center;
25979
- text-align: center;
25980
- }
25981
- .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
25982
- margin-right: 8px;
25983
- }
25984
- .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
25985
- margin-left: 8px;
25986
- }
25987
- .v-color-picker-edit__input input {
25988
- border-radius: 4px;
25989
- margin-bottom: 8px;
25990
- min-width: 0;
25991
- outline: none;
25992
- text-align: center;
25993
- width: 100%;
25994
- height: 32px;
25995
- background: rgba(var(--v-theme-surface-variant), 0.2);
25996
- color: rgba(var(--v-theme-on-surface));
25997
- }
25998
- .v-color-picker-edit__input span {
25999
- font-size: 0.75rem;
26000
26190
  }.v-color-picker-swatches {
26001
26191
  overflow-y: auto;
26002
26192
  }