@vuetify/nightly 3.3.0 → 3.3.1-master.2023-05-25

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 (489) hide show
  1. package/CHANGELOG.md +7 -34
  2. package/dist/json/attributes.json +74 -42
  3. package/dist/json/importMap.json +46 -46
  4. package/dist/json/tags.json +8 -0
  5. package/dist/json/web-types.json +551 -471
  6. package/dist/vuetify-labs.css +1430 -1428
  7. package/dist/vuetify-labs.d.ts +6842 -12057
  8. package/dist/vuetify-labs.esm.js +6539 -6310
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +6538 -6309
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +6 -5
  13. package/dist/vuetify.d.ts +5405 -9248
  14. package/dist/vuetify.esm.js +6933 -6844
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +6932 -6843
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +794 -793
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/blueprints/index.d.mts +31 -31
  22. package/lib/blueprints/md1.d.mts +31 -31
  23. package/lib/blueprints/md2.d.mts +31 -31
  24. package/lib/blueprints/md3.d.mts +31 -31
  25. package/lib/components/VAlert/VAlert.mjs +5 -5
  26. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  27. package/lib/components/VAlert/_variables.scss +2 -2
  28. package/lib/components/VAlert/index.d.mts +16 -74
  29. package/lib/components/VApp/VApp.mjs +3 -3
  30. package/lib/components/VApp/VApp.mjs.map +1 -1
  31. package/lib/components/VApp/index.d.mts +0 -15
  32. package/lib/components/VAppBar/VAppBar.mjs +8 -5
  33. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  34. package/lib/components/VAppBar/index.d.mts +1 -82
  35. package/lib/components/VAutocomplete/VAutocomplete.mjs +6 -7
  36. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  37. package/lib/components/VAutocomplete/index.d.mts +205 -259
  38. package/lib/components/VAvatar/VAvatar.mjs +3 -3
  39. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  40. package/lib/components/VAvatar/_variables.scss +1 -1
  41. package/lib/components/VAvatar/index.d.mts +0 -15
  42. package/lib/components/VBadge/VBadge.mjs +5 -5
  43. package/lib/components/VBadge/VBadge.mjs.map +1 -1
  44. package/lib/components/VBadge/index.d.mts +0 -19
  45. package/lib/components/VBanner/VBanner.mjs +6 -9
  46. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  47. package/lib/components/VBanner/VBannerActions.mjs +1 -1
  48. package/lib/components/VBanner/VBannerActions.mjs.map +1 -1
  49. package/lib/components/VBanner/VBannerText.mjs +1 -0
  50. package/lib/components/VBanner/VBannerText.mjs.map +1 -1
  51. package/lib/components/VBanner/index.d.mts +1 -58
  52. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +7 -7
  53. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  54. package/lib/components/VBottomNavigation/index.d.mts +0 -15
  55. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs +5 -8
  56. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  57. package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs +1 -1
  58. package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs.map +1 -1
  59. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs +2 -2
  60. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs.map +1 -1
  61. package/lib/components/VBreadcrumbs/index.d.mts +30 -60
  62. package/lib/components/VBtn/VBtn.mjs +5 -5
  63. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  64. package/lib/components/VBtn/_variables.scss +15 -15
  65. package/lib/components/VBtn/index.d.mts +0 -27
  66. package/lib/components/VBtnGroup/VBtnGroup.mjs +3 -3
  67. package/lib/components/VBtnGroup/VBtnGroup.mjs.map +1 -1
  68. package/lib/components/VBtnGroup/index.d.mts +0 -15
  69. package/lib/components/VBtnToggle/VBtnToggle.mjs +1 -1
  70. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  71. package/lib/components/VBtnToggle/index.d.mts +19 -34
  72. package/lib/components/VCard/VCard.mjs +6 -6
  73. package/lib/components/VCard/VCard.mjs.map +1 -1
  74. package/lib/components/VCard/VCard.sass +2 -2
  75. package/lib/components/VCard/VCardItem.mjs +3 -3
  76. package/lib/components/VCard/VCardItem.mjs.map +1 -1
  77. package/lib/components/VCard/VCardSubtitle.mjs +1 -0
  78. package/lib/components/VCard/VCardSubtitle.mjs.map +1 -1
  79. package/lib/components/VCard/VCardText.mjs +1 -0
  80. package/lib/components/VCard/VCardText.mjs.map +1 -1
  81. package/lib/components/VCard/VCardTitle.mjs +1 -0
  82. package/lib/components/VCard/VCardTitle.mjs.map +1 -1
  83. package/lib/components/VCard/_variables.scss +10 -11
  84. package/lib/components/VCard/index.d.mts +16 -158
  85. package/lib/components/VCarousel/VCarousel.mjs +3 -6
  86. package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
  87. package/lib/components/VCarousel/index.d.mts +79 -237
  88. package/lib/components/VCheckbox/VCheckbox.mjs +2 -2
  89. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  90. package/lib/components/VCheckbox/VCheckboxBtn.mjs +1 -1
  91. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
  92. package/lib/components/VCheckbox/index.d.mts +191 -277
  93. package/lib/components/VChip/VChip.mjs +6 -6
  94. package/lib/components/VChip/VChip.mjs.map +1 -1
  95. package/lib/components/VChip/index.d.mts +19 -82
  96. package/lib/components/VChipGroup/VChipGroup.mjs +3 -6
  97. package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
  98. package/lib/components/VChipGroup/index.d.mts +19 -58
  99. package/lib/components/VCode/index.d.mts +0 -15
  100. package/lib/components/VCode/index.mjs +3 -0
  101. package/lib/components/VCode/index.mjs.map +1 -1
  102. package/lib/components/VColorPicker/VColorPicker.mjs +6 -9
  103. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  104. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +1 -4
  105. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  106. package/lib/components/VColorPicker/VColorPickerEdit.mjs +2 -2
  107. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  108. package/lib/components/VColorPicker/VColorPickerPreview.mjs +2 -2
  109. package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
  110. package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
  111. package/lib/components/VCombobox/VCombobox.mjs +8 -8
  112. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  113. package/lib/components/VCombobox/index.d.mts +205 -259
  114. package/lib/components/VCounter/VCounter.mjs +1 -1
  115. package/lib/components/VCounter/VCounter.mjs.map +1 -1
  116. package/lib/components/VCounter/index.d.mts +19 -34
  117. package/lib/components/VDefaultsProvider/index.d.mts +1 -16
  118. package/lib/components/VDialog/VDialog.mjs +5 -5
  119. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  120. package/lib/components/VDialog/index.d.mts +175 -301
  121. package/lib/components/VDivider/VDivider.mjs +2 -2
  122. package/lib/components/VDivider/VDivider.mjs.map +1 -1
  123. package/lib/components/VDivider/index.d.mts +0 -15
  124. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +4 -4
  125. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  126. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs +2 -2
  127. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs.map +1 -1
  128. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +4 -4
  129. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  130. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +2 -2
  131. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  132. package/lib/components/VExpansionPanel/index.d.mts +35 -107
  133. package/lib/components/VField/VField.mjs +7 -7
  134. package/lib/components/VField/VField.mjs.map +1 -1
  135. package/lib/components/VField/VField.sass +0 -1
  136. package/lib/components/VField/_variables.scss +1 -0
  137. package/lib/components/VField/index.d.mts +39 -54
  138. package/lib/components/VFileInput/VFileInput.mjs +4 -4
  139. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  140. package/lib/components/VFileInput/index.d.mts +381 -537
  141. package/lib/components/VFooter/VFooter.mjs +3 -3
  142. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  143. package/lib/components/VFooter/_variables.scss +1 -1
  144. package/lib/components/VFooter/index.d.mts +0 -15
  145. package/lib/components/VForm/VForm.mjs +2 -2
  146. package/lib/components/VForm/VForm.mjs.map +1 -1
  147. package/lib/components/VForm/index.d.mts +19 -146
  148. package/lib/components/VGrid/VCol.mjs +1 -1
  149. package/lib/components/VGrid/VCol.mjs.map +1 -1
  150. package/lib/components/VGrid/VContainer.mjs +2 -2
  151. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  152. package/lib/components/VGrid/VRow.mjs +1 -1
  153. package/lib/components/VGrid/VRow.mjs.map +1 -1
  154. package/lib/components/VGrid/VSpacer.mjs +1 -0
  155. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  156. package/lib/components/VGrid/index.d.mts +0 -60
  157. package/lib/components/VHover/VHover.mjs.map +1 -1
  158. package/lib/components/VHover/index.d.mts +19 -46
  159. package/lib/components/VIcon/VIcon.mjs +3 -3
  160. package/lib/components/VIcon/VIcon.mjs.map +1 -1
  161. package/lib/components/VIcon/index.d.mts +0 -30
  162. package/lib/components/VImg/VImg.mjs +4 -3
  163. package/lib/components/VImg/VImg.mjs.map +1 -1
  164. package/lib/components/VImg/index.d.mts +0 -27
  165. package/lib/components/VInput/InputIcon.mjs +3 -2
  166. package/lib/components/VInput/InputIcon.mjs.map +1 -1
  167. package/lib/components/VInput/VInput.mjs +3 -3
  168. package/lib/components/VInput/VInput.mjs.map +1 -1
  169. package/lib/components/VInput/_variables.scss +1 -1
  170. package/lib/components/VInput/index.d.mts +88 -119
  171. package/lib/components/VItemGroup/VItem.mjs +2 -2
  172. package/lib/components/VItemGroup/VItem.mjs.map +1 -1
  173. package/lib/components/VItemGroup/VItemGroup.mjs.map +1 -1
  174. package/lib/components/VItemGroup/index.d.mts +38 -120
  175. package/lib/components/VKbd/index.d.mts +0 -15
  176. package/lib/components/VKbd/index.mjs +3 -0
  177. package/lib/components/VKbd/index.mjs.map +1 -1
  178. package/lib/components/VLabel/index.d.mts +0 -15
  179. package/lib/components/VLayout/VLayout.mjs +2 -2
  180. package/lib/components/VLayout/VLayout.mjs.map +1 -1
  181. package/lib/components/VLayout/index.d.mts +0 -30
  182. package/lib/components/VLazy/VLazy.mjs +2 -2
  183. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  184. package/lib/components/VLazy/index.d.mts +0 -15
  185. package/lib/components/VList/VList.mjs +3 -3
  186. package/lib/components/VList/VList.mjs.map +1 -1
  187. package/lib/components/VList/VListChildren.mjs +2 -2
  188. package/lib/components/VList/VListChildren.mjs.map +1 -1
  189. package/lib/components/VList/VListGroup.mjs +7 -7
  190. package/lib/components/VList/VListGroup.mjs.map +1 -1
  191. package/lib/components/VList/VListImg.mjs +1 -0
  192. package/lib/components/VList/VListImg.mjs.map +1 -1
  193. package/lib/components/VList/VListItem.mjs +8 -8
  194. package/lib/components/VList/VListItem.mjs.map +1 -1
  195. package/lib/components/VList/VListItemSubtitle.mjs +1 -0
  196. package/lib/components/VList/VListItemSubtitle.mjs.map +1 -1
  197. package/lib/components/VList/VListItemTitle.mjs +1 -0
  198. package/lib/components/VList/VListItemTitle.mjs.map +1 -1
  199. package/lib/components/VList/VListSubheader.mjs +2 -2
  200. package/lib/components/VList/VListSubheader.mjs.map +1 -1
  201. package/lib/components/VList/_variables.scss +6 -6
  202. package/lib/components/VList/index.d.mts +185 -337
  203. package/lib/components/VLocaleProvider/index.d.mts +0 -15
  204. package/lib/components/VMain/VMain.mjs +2 -2
  205. package/lib/components/VMain/VMain.mjs.map +1 -1
  206. package/lib/components/VMain/index.d.mts +0 -15
  207. package/lib/components/VMenu/VMenu.mjs +5 -5
  208. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  209. package/lib/components/VMenu/index.d.mts +222 -348
  210. package/lib/components/VMenu/shared.mjs +2 -0
  211. package/lib/components/VMenu/shared.mjs.map +1 -1
  212. package/lib/components/VMessages/VMessages.mjs +2 -2
  213. package/lib/components/VMessages/VMessages.mjs.map +1 -1
  214. package/lib/components/VMessages/index.d.mts +15 -30
  215. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +9 -9
  216. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  217. package/lib/components/VNavigationDrawer/index.d.mts +15 -42
  218. package/lib/components/VOverlay/VOverlay.mjs +10 -13
  219. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  220. package/lib/components/VOverlay/index.d.mts +55 -94
  221. package/lib/components/VOverlay/locationStrategies.mjs +4 -4
  222. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  223. package/lib/components/VOverlay/scrollStrategies.mjs +2 -2
  224. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  225. package/lib/components/VOverlay/useActivator.mjs +4 -7
  226. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  227. package/lib/components/VOverlay/util/point.mjs +2 -0
  228. package/lib/components/VOverlay/util/point.mjs.map +1 -1
  229. package/lib/components/VPagination/VPagination.mjs +8 -8
  230. package/lib/components/VPagination/VPagination.mjs.map +1 -1
  231. package/lib/components/VPagination/index.d.mts +75 -106
  232. package/lib/components/VParallax/VParallax.mjs +2 -5
  233. package/lib/components/VParallax/VParallax.mjs.map +1 -1
  234. package/lib/components/VParallax/index.d.mts +0 -27
  235. package/lib/components/VProgressCircular/VProgressCircular.mjs +4 -4
  236. package/lib/components/VProgressCircular/VProgressCircular.mjs.map +1 -1
  237. package/lib/components/VProgressCircular/index.d.mts +19 -42
  238. package/lib/components/VProgressLinear/VProgressLinear.mjs +5 -5
  239. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  240. package/lib/components/VProgressLinear/index.d.mts +19 -46
  241. package/lib/components/VRadio/index.d.mts +33 -68
  242. package/lib/components/VRadioGroup/VRadioGroup.mjs +3 -3
  243. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  244. package/lib/components/VRadioGroup/index.d.mts +140 -191
  245. package/lib/components/VRangeSlider/VRangeSlider.mjs +3 -3
  246. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  247. package/lib/components/VRangeSlider/index.d.mts +100 -143
  248. package/lib/components/VRating/VRating.mjs +5 -8
  249. package/lib/components/VRating/VRating.mjs.map +1 -1
  250. package/lib/components/VRating/index.d.mts +30 -49
  251. package/lib/components/VResponsive/VResponsive.mjs.map +1 -1
  252. package/lib/components/VResponsive/index.d.mts +0 -19
  253. package/lib/components/VSelect/VSelect.mjs +7 -7
  254. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  255. package/lib/components/VSelect/index.d.mts +205 -259
  256. package/lib/components/VSelectionControl/VSelectionControl.mjs +4 -4
  257. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  258. package/lib/components/VSelectionControl/index.d.mts +24 -24
  259. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +4 -4
  260. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  261. package/lib/components/VSelectionControlGroup/index.d.mts +0 -15
  262. package/lib/components/VSheet/VSheet.mjs +3 -3
  263. package/lib/components/VSheet/VSheet.mjs.map +1 -1
  264. package/lib/components/VSheet/index.d.mts +0 -15
  265. package/lib/components/VSlideGroup/VSlideGroup.mjs +6 -6
  266. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  267. package/lib/components/VSlideGroup/VSlideGroupItem.mjs +2 -2
  268. package/lib/components/VSlideGroup/VSlideGroupItem.mjs.map +1 -1
  269. package/lib/components/VSlideGroup/index.d.mts +68 -126
  270. package/lib/components/VSlider/VSlider.css +5 -4
  271. package/lib/components/VSlider/VSlider.mjs +5 -5
  272. package/lib/components/VSlider/VSlider.mjs.map +1 -1
  273. package/lib/components/VSlider/VSlider.sass +5 -4
  274. package/lib/components/VSlider/VSliderThumb.mjs +5 -5
  275. package/lib/components/VSlider/VSliderThumb.mjs.map +1 -1
  276. package/lib/components/VSlider/VSliderTrack.mjs +2 -2
  277. package/lib/components/VSlider/VSliderTrack.mjs.map +1 -1
  278. package/lib/components/VSlider/index.d.mts +100 -143
  279. package/lib/components/VSlider/slider.mjs +3 -6
  280. package/lib/components/VSlider/slider.mjs.map +1 -1
  281. package/lib/components/VSnackbar/VSnackbar.mjs +6 -6
  282. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  283. package/lib/components/VSnackbar/_variables.scss +1 -1
  284. package/lib/components/VSnackbar/index.d.mts +167 -289
  285. package/lib/components/VStepper/index.mjs +3 -2
  286. package/lib/components/VStepper/index.mjs.map +1 -1
  287. package/lib/components/VSwitch/VSwitch.mjs +4 -4
  288. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  289. package/lib/components/VSwitch/index.d.mts +164 -219
  290. package/lib/components/VSystemBar/VSystemBar.mjs +3 -3
  291. package/lib/components/VSystemBar/VSystemBar.mjs.map +1 -1
  292. package/lib/components/VSystemBar/_variables.scss +2 -2
  293. package/lib/components/VSystemBar/index.d.mts +0 -15
  294. package/lib/components/VTable/VTable.mjs.map +1 -1
  295. package/lib/components/VTable/_variables.scss +1 -1
  296. package/lib/components/VTable/index.d.mts +0 -27
  297. package/lib/components/VTabs/VTab.mjs +2 -2
  298. package/lib/components/VTabs/VTab.mjs.map +1 -1
  299. package/lib/components/VTabs/VTabs.mjs +6 -6
  300. package/lib/components/VTabs/VTabs.mjs.map +1 -1
  301. package/lib/components/VTabs/index.d.mts +0 -30
  302. package/lib/components/VTabs/shared.mjs +2 -0
  303. package/lib/components/VTabs/shared.mjs.map +1 -1
  304. package/lib/components/VTextField/VTextField.mjs +5 -5
  305. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  306. package/lib/components/VTextField/index.d.mts +423 -559
  307. package/lib/components/VTextarea/VTextarea.mjs +7 -10
  308. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  309. package/lib/components/VTextarea/index.d.mts +362 -494
  310. package/lib/components/VThemeProvider/index.d.mts +0 -15
  311. package/lib/components/VTimeline/VTimeline.mjs +3 -3
  312. package/lib/components/VTimeline/VTimeline.mjs.map +1 -1
  313. package/lib/components/VTimeline/VTimelineDivider.mjs +4 -4
  314. package/lib/components/VTimeline/VTimelineDivider.mjs.map +1 -1
  315. package/lib/components/VTimeline/VTimelineItem.mjs +3 -6
  316. package/lib/components/VTimeline/VTimelineItem.mjs.map +1 -1
  317. package/lib/components/VTimeline/index.d.mts +0 -38
  318. package/lib/components/VToolbar/VToolbar.mjs +7 -7
  319. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  320. package/lib/components/VToolbar/VToolbarItems.mjs +3 -3
  321. package/lib/components/VToolbar/VToolbarItems.mjs.map +1 -1
  322. package/lib/components/VToolbar/VToolbarTitle.mjs.map +1 -1
  323. package/lib/components/VToolbar/_variables.scss +2 -2
  324. package/lib/components/VToolbar/index.d.mts +1 -70
  325. package/lib/components/VTooltip/VTooltip.mjs +5 -5
  326. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  327. package/lib/components/VTooltip/index.d.mts +222 -348
  328. package/lib/components/VValidation/VValidation.mjs.map +1 -1
  329. package/lib/components/VValidation/index.d.mts +19 -90
  330. package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map +1 -1
  331. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs +1 -1
  332. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  333. package/lib/components/VVirtualScroll/index.d.mts +17 -17
  334. package/lib/components/VWindow/VWindow.mjs +5 -5
  335. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  336. package/lib/components/VWindow/VWindowItem.mjs +4 -4
  337. package/lib/components/VWindow/VWindowItem.mjs.map +1 -1
  338. package/lib/components/VWindow/index.d.mts +64 -138
  339. package/lib/components/index.d.mts +4451 -8296
  340. package/lib/components/transitions/createTransition.mjs +1 -4
  341. package/lib/components/transitions/createTransition.mjs.map +1 -1
  342. package/lib/components/transitions/dialog-transition.mjs +1 -3
  343. package/lib/components/transitions/dialog-transition.mjs.map +1 -1
  344. package/lib/components/transitions/index.d.mts +0 -240
  345. package/lib/composables/display.mjs +1 -1
  346. package/lib/composables/display.mjs.map +1 -1
  347. package/lib/composables/filter.mjs +2 -4
  348. package/lib/composables/filter.mjs.map +1 -1
  349. package/lib/composables/focus.mjs +1 -1
  350. package/lib/composables/focus.mjs.map +1 -1
  351. package/lib/composables/forwardRefs.mjs +2 -0
  352. package/lib/composables/forwardRefs.mjs.map +1 -1
  353. package/lib/composables/hydration.mjs +1 -1
  354. package/lib/composables/hydration.mjs.map +1 -1
  355. package/lib/composables/icons.mjs +7 -1
  356. package/lib/composables/icons.mjs.map +1 -1
  357. package/lib/composables/lazy.mjs +1 -3
  358. package/lib/composables/lazy.mjs.map +1 -1
  359. package/lib/composables/loader.mjs.map +1 -1
  360. package/lib/composables/locale.mjs +2 -1
  361. package/lib/composables/locale.mjs.map +1 -1
  362. package/lib/composables/mutationObserver.mjs +1 -4
  363. package/lib/composables/mutationObserver.mjs.map +1 -1
  364. package/lib/composables/nested/nested.mjs +2 -2
  365. package/lib/composables/nested/nested.mjs.map +1 -1
  366. package/lib/composables/nested/selectStrategies.mjs +1 -0
  367. package/lib/composables/nested/selectStrategies.mjs.map +1 -1
  368. package/lib/composables/proxiedModel.mjs +3 -3
  369. package/lib/composables/proxiedModel.mjs.map +1 -1
  370. package/lib/composables/refs.mjs +4 -1
  371. package/lib/composables/refs.mjs.map +1 -1
  372. package/lib/composables/resizeObserver.mjs +1 -2
  373. package/lib/composables/resizeObserver.mjs.map +1 -1
  374. package/lib/composables/router.mjs +1 -4
  375. package/lib/composables/router.mjs.map +1 -1
  376. package/lib/composables/scopeId.mjs +1 -0
  377. package/lib/composables/scopeId.mjs.map +1 -1
  378. package/lib/composables/theme.mjs.map +1 -1
  379. package/lib/composables/toggleScope.mjs +4 -0
  380. package/lib/composables/toggleScope.mjs.map +1 -1
  381. package/lib/composables/touch.mjs +1 -0
  382. package/lib/composables/touch.mjs.map +1 -1
  383. package/lib/composables/validation.mjs +2 -2
  384. package/lib/composables/validation.mjs.map +1 -1
  385. package/lib/directives/click-outside/index.mjs +2 -1
  386. package/lib/directives/click-outside/index.mjs.map +1 -1
  387. package/lib/directives/intersect/index.mjs +1 -1
  388. package/lib/directives/intersect/index.mjs.map +1 -1
  389. package/lib/directives/resize/index.mjs +2 -0
  390. package/lib/directives/resize/index.mjs.map +1 -1
  391. package/lib/directives/scroll/index.mjs +2 -0
  392. package/lib/directives/scroll/index.mjs.map +1 -1
  393. package/lib/directives/touch/index.mjs +1 -2
  394. package/lib/directives/touch/index.mjs.map +1 -1
  395. package/lib/entry-bundler.mjs +7 -2
  396. package/lib/entry-bundler.mjs.map +1 -1
  397. package/lib/framework.mjs +4 -6
  398. package/lib/framework.mjs.map +1 -1
  399. package/lib/iconsets/fa.mjs +1 -1
  400. package/lib/iconsets/fa.mjs.map +1 -1
  401. package/lib/iconsets/fa4.mjs +4 -3
  402. package/lib/iconsets/fa4.mjs.map +1 -1
  403. package/lib/iconsets/md.mjs +4 -3
  404. package/lib/iconsets/md.mjs.map +1 -1
  405. package/lib/iconsets/mdi-svg.mjs +1 -1
  406. package/lib/iconsets/mdi-svg.mjs.map +1 -1
  407. package/lib/iconsets/mdi.mjs +4 -3
  408. package/lib/iconsets/mdi.mjs.map +1 -1
  409. package/lib/index.d.mts +45 -43
  410. package/lib/labs/VBottomSheet/index.d.mts +55 -94
  411. package/lib/labs/VDataIterator/VDataIterator.mjs +10 -7
  412. package/lib/labs/VDataIterator/VDataIterator.mjs.map +1 -1
  413. package/lib/labs/VDataIterator/composables/items.mjs +7 -1
  414. package/lib/labs/VDataIterator/composables/items.mjs.map +1 -1
  415. package/lib/labs/VDataIterator/index.d.mts +142 -132
  416. package/lib/labs/VDataTable/VDataTable.css +1 -0
  417. package/lib/labs/VDataTable/VDataTable.mjs +11 -8
  418. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  419. package/lib/labs/VDataTable/VDataTable.sass +1 -0
  420. package/lib/labs/VDataTable/VDataTableColumn.mjs +2 -1
  421. package/lib/labs/VDataTable/VDataTableColumn.mjs.map +1 -1
  422. package/lib/labs/VDataTable/VDataTableFooter.mjs +2 -2
  423. package/lib/labs/VDataTable/VDataTableFooter.mjs.map +1 -1
  424. package/lib/labs/VDataTable/VDataTableGroupHeaderRow.mjs +4 -4
  425. package/lib/labs/VDataTable/VDataTableGroupHeaderRow.mjs.map +1 -1
  426. package/lib/labs/VDataTable/VDataTableHeaders.mjs +9 -8
  427. package/lib/labs/VDataTable/VDataTableHeaders.mjs.map +1 -1
  428. package/lib/labs/VDataTable/VDataTableRow.mjs +1 -0
  429. package/lib/labs/VDataTable/VDataTableRow.mjs.map +1 -1
  430. package/lib/labs/VDataTable/VDataTableRows.mjs +2 -2
  431. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  432. package/lib/labs/VDataTable/VDataTableServer.mjs +14 -9
  433. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  434. package/lib/labs/VDataTable/VDataTableVirtual.mjs +12 -9
  435. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  436. package/lib/labs/VDataTable/composables/expand.mjs +3 -3
  437. package/lib/labs/VDataTable/composables/expand.mjs.map +1 -1
  438. package/lib/labs/VDataTable/composables/group.mjs.map +1 -1
  439. package/lib/labs/VDataTable/composables/headers.mjs +1 -1
  440. package/lib/labs/VDataTable/composables/headers.mjs.map +1 -1
  441. package/lib/labs/VDataTable/composables/items.mjs +7 -1
  442. package/lib/labs/VDataTable/composables/items.mjs.map +1 -1
  443. package/lib/labs/VDataTable/composables/paginate.mjs.map +1 -1
  444. package/lib/labs/VDataTable/composables/select.mjs +124 -8
  445. package/lib/labs/VDataTable/composables/select.mjs.map +1 -1
  446. package/lib/labs/VDataTable/composables/sort.mjs +3 -8
  447. package/lib/labs/VDataTable/composables/sort.mjs.map +1 -1
  448. package/lib/labs/VDataTable/index.d.mts +1665 -2951
  449. package/lib/labs/VDataTable/types.mjs.map +1 -1
  450. package/lib/labs/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -1
  451. package/lib/labs/VInfiniteScroll/index.d.mts +60 -91
  452. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs +3 -3
  453. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map +1 -1
  454. package/lib/labs/VSkeletonLoader/index.d.mts +0 -15
  455. package/lib/labs/components.d.mts +1935 -3305
  456. package/lib/labs/date/date.mjs.map +1 -1
  457. package/lib/labs/entry-bundler.mjs +3 -1
  458. package/lib/labs/entry-bundler.mjs.map +1 -1
  459. package/lib/locale/adapters/vue-i18n.d.mts +1 -1
  460. package/lib/locale/adapters/vue-i18n.mjs +5 -1
  461. package/lib/locale/adapters/vue-i18n.mjs.map +1 -1
  462. package/lib/locale/adapters/vuetify.mjs +1 -3
  463. package/lib/locale/adapters/vuetify.mjs.map +1 -1
  464. package/lib/styles/settings/_colors.scss +18 -15
  465. package/lib/util/anchor.mjs +1 -0
  466. package/lib/util/anchor.mjs.map +1 -1
  467. package/lib/util/animation.mjs +1 -0
  468. package/lib/util/animation.mjs.map +1 -1
  469. package/lib/util/color/APCA.mjs +1 -0
  470. package/lib/util/color/APCA.mjs.map +1 -1
  471. package/lib/util/color/transformCIELAB.mjs +2 -0
  472. package/lib/util/color/transformCIELAB.mjs.map +1 -1
  473. package/lib/util/color/transformSRGB.mjs +3 -1
  474. package/lib/util/color/transformSRGB.mjs.map +1 -1
  475. package/lib/util/colorUtils.mjs +2 -2
  476. package/lib/util/colorUtils.mjs.map +1 -1
  477. package/lib/util/console.mjs +1 -0
  478. package/lib/util/console.mjs.map +1 -1
  479. package/lib/util/createSimpleFunctional.mjs +2 -1
  480. package/lib/util/createSimpleFunctional.mjs.map +1 -1
  481. package/lib/util/defineComponent.mjs +3 -3
  482. package/lib/util/defineComponent.mjs.map +1 -1
  483. package/lib/util/getCurrentInstance.mjs +1 -2
  484. package/lib/util/getCurrentInstance.mjs.map +1 -1
  485. package/lib/util/injectSelf.mjs +2 -1
  486. package/lib/util/injectSelf.mjs.map +1 -1
  487. package/lib/util/propsFactory.mjs +1 -0
  488. package/lib/util/propsFactory.mjs.map +1 -1
  489. package/package.json +2 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.0
2
+ * Vuetify v3.3.1-master.2023-05-25
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15954,38 +15954,6 @@ html.overflow-y-hidden {
15954
15954
  font-weight: normal;
15955
15955
  padding: 0.2em 0.4rem;
15956
15956
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
15957
- }.bottom-sheet-transition-enter-from {
15958
- transform: translateY(100%);
15959
- }
15960
- .bottom-sheet-transition-leave-to {
15961
- transform: translateY(100%);
15962
- }
15963
-
15964
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
15965
- align-self: flex-end;
15966
- border-radius: 0;
15967
- flex: 0 1 auto;
15968
- left: 0;
15969
- right: 0;
15970
- margin-inline-start: 0;
15971
- margin-inline-end: 0;
15972
- margin-bottom: 0;
15973
- transition-duration: 0.2s;
15974
- width: 100%;
15975
- max-width: 100%;
15976
- overflow: visible;
15977
- }
15978
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
15979
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
15980
- border-radius: 0;
15981
- }
15982
- .v-bottom-sheet.v-bottom-sheet--inset {
15983
- max-width: none;
15984
- }
15985
- @media (min-width: 600px) {
15986
- .v-bottom-sheet.v-bottom-sheet--inset {
15987
- max-width: 70%;
15988
- }
15989
15957
  }.v-data-table {
15990
15958
  width: 100%;
15991
15959
  }
@@ -16117,6 +16085,7 @@ html.overflow-y-hidden {
16117
16085
  z-index: 1;
16118
16086
  }
16119
16087
 
16088
+ .v-data-table-rows-loading,
16120
16089
  .v-data-table-rows-no-data {
16121
16090
  text-align: center;
16122
16091
  }.v-data-table-footer {
@@ -16394,22 +16363,38 @@ html.overflow-y-hidden {
16394
16363
  100% {
16395
16364
  transform: translateX(100%);
16396
16365
  }
16397
- }.v-application {
16398
- display: flex;
16399
- background: rgb(var(--v-theme-background));
16400
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
16366
+ }.bottom-sheet-transition-enter-from {
16367
+ transform: translateY(100%);
16368
+ }
16369
+ .bottom-sheet-transition-leave-to {
16370
+ transform: translateY(100%);
16401
16371
  }
16402
16372
 
16403
- .v-application__wrap {
16404
- -webkit-backface-visibility: hidden;
16405
- backface-visibility: hidden;
16406
- display: flex;
16407
- flex-direction: column;
16408
- flex: 1 1 auto;
16373
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
16374
+ align-self: flex-end;
16375
+ border-radius: 0;
16376
+ flex: 0 1 auto;
16377
+ left: 0;
16378
+ right: 0;
16379
+ margin-inline-start: 0;
16380
+ margin-inline-end: 0;
16381
+ margin-bottom: 0;
16382
+ transition-duration: 0.2s;
16383
+ width: 100%;
16409
16384
  max-width: 100%;
16410
- min-height: 100vh;
16411
- min-height: 100dvh;
16412
- position: relative;
16385
+ overflow: visible;
16386
+ }
16387
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
16388
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
16389
+ border-radius: 0;
16390
+ }
16391
+ .v-bottom-sheet.v-bottom-sheet--inset {
16392
+ max-width: none;
16393
+ }
16394
+ @media (min-width: 600px) {
16395
+ .v-bottom-sheet.v-bottom-sheet--inset {
16396
+ max-width: 70%;
16397
+ }
16413
16398
  }.v-app-bar {
16414
16399
  display: flex;
16415
16400
  }
@@ -16422,56 +16407,171 @@ html.overflow-y-hidden {
16422
16407
  }
16423
16408
  .v-app-bar:not(.v-toolbar--absolute) {
16424
16409
  padding-inline-end: var(--v-scrollbar-offset);
16425
- }.v-alert {
16426
- display: grid;
16410
+ }.v-input--density-default {
16411
+ --autocomplete-chips-margin-bottom: 0px;
16412
+ }
16413
+
16414
+ .v-input--density-comfortable {
16415
+ --autocomplete-chips-margin-bottom: 2px;
16416
+ }
16417
+
16418
+ .v-input--density-compact {
16419
+ --autocomplete-chips-margin-bottom: 4px;
16420
+ }
16421
+
16422
+ .v-autocomplete .v-field .v-text-field__prefix,
16423
+ .v-autocomplete .v-field .v-text-field__suffix,
16424
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
16425
+ cursor: text;
16426
+ }
16427
+ .v-autocomplete .v-field--variant-outlined {
16428
+ --autocomplete-chips-margin-bottom: 2px;
16429
+ }
16430
+ .v-autocomplete .v-field .v-field__input > input {
16431
+ align-self: flex-start;
16427
16432
  flex: 1 1;
16428
- grid-template-areas: "prepend content append close" ". content . .";
16429
- grid-template-columns: max-content auto max-content max-content;
16430
- position: relative;
16431
- padding: 16px;
16433
+ }
16434
+ .v-autocomplete .v-field:not(.v-field--focused) input {
16435
+ min-width: 0;
16436
+ }
16437
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
16438
+ margin-inline-end: 2px;
16439
+ }
16440
+ .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
16432
16441
  overflow: hidden;
16433
- --v-border-color: currentColor;
16442
+ text-overflow: ellipsis;
16443
+ white-space: nowrap;
16444
+ }
16445
+
16446
+ .v-autocomplete__content {
16447
+ overflow: hidden;
16448
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16434
16449
  border-radius: 4px;
16435
16450
  }
16436
- .v-alert--absolute {
16451
+ .v-autocomplete__mask {
16452
+ background: rgb(var(--v-theme-on-surface-variant));
16453
+ }
16454
+ .v-autocomplete__selection {
16455
+ display: inline-flex;
16456
+ letter-spacing: inherit;
16457
+ line-height: inherit;
16458
+ max-width: 100%;
16459
+ }
16460
+ .v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
16461
+ min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
16462
+ }
16463
+ .v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
16464
+ margin-top: 2px;
16465
+ margin-bottom: var(--autocomplete-chips-margin-bottom);
16466
+ }
16467
+ .v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
16468
+ margin-inline-start: 0;
16469
+ }
16470
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
16471
+ opacity: var(--v-medium-emphasis-opacity);
16472
+ }
16473
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
16474
+ opacity: 1;
16475
+ }
16476
+ .v-autocomplete--selecting-index .v-field__input > input {
16477
+ caret-color: transparent;
16478
+ }
16479
+ .v-autocomplete--single.v-text-field input {
16480
+ flex: 1 1;
16437
16481
  position: absolute;
16482
+ left: 0;
16483
+ right: 0;
16484
+ width: 100%;
16485
+ padding-inline-start: inherit;
16486
+ padding-inline-end: inherit;
16438
16487
  }
16439
- .v-alert--fixed {
16440
- position: fixed;
16488
+ .v-autocomplete--single .v-field--active input {
16489
+ transition: none;
16441
16490
  }
16442
- .v-alert--sticky {
16443
- position: sticky;
16491
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
16492
+ opacity: 0;
16444
16493
  }
16445
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
16494
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
16495
+ opacity: 0;
16496
+ }
16497
+ .v-autocomplete__menu-icon {
16498
+ margin-inline-start: 4px;
16499
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16500
+ }
16501
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
16502
+ opacity: var(--v-high-emphasis-opacity);
16503
+ transform: rotate(180deg);
16504
+ }.v-avatar {
16505
+ flex: none;
16506
+ align-items: center;
16507
+ display: inline-flex;
16508
+ justify-content: center;
16509
+ line-height: normal;
16510
+ overflow: hidden;
16511
+ position: relative;
16512
+ text-align: center;
16513
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16514
+ transition-property: width, height;
16515
+ vertical-align: middle;
16516
+ border-radius: 50%;
16517
+ }
16518
+ .v-avatar.v-avatar--size-x-small {
16519
+ --v-avatar-height: 24px;
16520
+ }
16521
+ .v-avatar.v-avatar--size-small {
16522
+ --v-avatar-height: 32px;
16523
+ }
16524
+ .v-avatar.v-avatar--size-default {
16525
+ --v-avatar-height: 40px;
16526
+ }
16527
+ .v-avatar.v-avatar--size-large {
16528
+ --v-avatar-height: 48px;
16529
+ }
16530
+ .v-avatar.v-avatar--size-x-large {
16531
+ --v-avatar-height: 56px;
16532
+ }
16533
+ .v-avatar.v-avatar--density-default {
16534
+ height: calc(var(--v-avatar-height) + 0px);
16535
+ width: calc(var(--v-avatar-height) + 0px);
16536
+ }
16537
+ .v-avatar.v-avatar--density-comfortable {
16538
+ height: calc(var(--v-avatar-height) + -4px);
16539
+ width: calc(var(--v-avatar-height) + -4px);
16540
+ }
16541
+ .v-avatar.v-avatar--density-compact {
16542
+ height: calc(var(--v-avatar-height) + -8px);
16543
+ width: calc(var(--v-avatar-height) + -8px);
16544
+ }
16545
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16446
16546
  background: transparent;
16447
16547
  color: inherit;
16448
16548
  }
16449
- .v-alert--variant-plain {
16549
+ .v-avatar--variant-plain {
16450
16550
  opacity: 0.62;
16451
16551
  }
16452
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
16552
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16453
16553
  opacity: 1;
16454
16554
  }
16455
- .v-alert--variant-plain .v-alert__overlay {
16555
+ .v-avatar--variant-plain .v-avatar__overlay {
16456
16556
  display: none;
16457
16557
  }
16458
- .v-alert--variant-elevated, .v-alert--variant-flat {
16459
- background: rgb(var(--v-theme-on-surface-variant));
16460
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16558
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
16559
+ background: var(--v-theme-surface);
16560
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16461
16561
  }
16462
- .v-alert--variant-elevated {
16562
+ .v-avatar--variant-elevated {
16463
16563
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16464
16564
  }
16465
- .v-alert--variant-flat {
16565
+ .v-avatar--variant-flat {
16466
16566
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16467
16567
  }
16468
- .v-alert--variant-outlined {
16568
+ .v-avatar--variant-outlined {
16469
16569
  border: thin solid currentColor;
16470
16570
  }
16471
- .v-alert--variant-text .v-alert__overlay {
16571
+ .v-avatar--variant-text .v-avatar__overlay {
16472
16572
  background: currentColor;
16473
16573
  }
16474
- .v-alert--variant-tonal .v-alert__underlay {
16574
+ .v-avatar--variant-tonal .v-avatar__underlay {
16475
16575
  background: currentColor;
16476
16576
  opacity: var(--v-activated-opacity);
16477
16577
  border-radius: inherit;
@@ -16482,874 +16582,895 @@ html.overflow-y-hidden {
16482
16582
  left: 0;
16483
16583
  pointer-events: none;
16484
16584
  }
16485
- .v-alert--prominent {
16486
- grid-template-areas: "prepend content append close" "prepend content . .";
16487
- }
16488
- .v-alert.v-alert--border {
16489
- --v-border-opacity: 0.38;
16490
- }
16491
- .v-alert.v-alert--border.v-alert--border-start {
16492
- padding-inline-start: 24px;
16585
+ .v-avatar--rounded {
16586
+ border-radius: 4px;
16493
16587
  }
16494
- .v-alert.v-alert--border.v-alert--border-end {
16495
- padding-inline-end: 24px;
16496
- }
16497
- .v-alert--variant-plain {
16498
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
16499
- }
16500
- .v-alert--density-default {
16501
- padding-bottom: 16px;
16502
- padding-top: 16px;
16503
- }
16504
- .v-alert--density-default.v-alert--border-top {
16505
- padding-top: 24px;
16506
- }
16507
- .v-alert--density-default.v-alert--border-bottom {
16508
- padding-bottom: 24px;
16509
- }
16510
-
16511
- .v-alert--density-comfortable {
16512
- padding-bottom: 12px;
16513
- padding-top: 12px;
16514
- }
16515
- .v-alert--density-comfortable.v-alert--border-top {
16516
- padding-top: 20px;
16517
- }
16518
- .v-alert--density-comfortable.v-alert--border-bottom {
16519
- padding-bottom: 20px;
16588
+ .v-avatar .v-img {
16589
+ height: 100%;
16590
+ width: 100%;
16591
+ }.v-badge {
16592
+ display: inline-block;
16593
+ line-height: 1;
16520
16594
  }
16521
16595
 
16522
- .v-alert--density-compact {
16523
- padding-bottom: 8px;
16524
- padding-top: 8px;
16525
- }
16526
- .v-alert--density-compact.v-alert--border-top {
16527
- padding-top: 16px;
16528
- }
16529
- .v-alert--density-compact.v-alert--border-bottom {
16530
- padding-bottom: 16px;
16596
+ .v-badge__badge {
16597
+ align-items: center;
16598
+ display: inline-flex;
16599
+ border-radius: 10px;
16600
+ font-size: 0.75rem;
16601
+ font-weight: 500;
16602
+ height: 1.25rem;
16603
+ justify-content: center;
16604
+ min-width: 20px;
16605
+ padding: 4px 6px;
16606
+ pointer-events: auto;
16607
+ position: absolute;
16608
+ text-align: center;
16609
+ text-indent: 0;
16610
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
16611
+ white-space: nowrap;
16612
+ background: rgb(var(--v-theme-surface-variant));
16613
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
16531
16614
  }
16532
-
16533
- .v-alert__border {
16615
+ .v-badge--bordered .v-badge__badge::after {
16534
16616
  border-radius: inherit;
16617
+ border-style: solid;
16618
+ border-width: 2px;
16535
16619
  bottom: 0;
16620
+ color: rgb(var(--v-theme-background));
16621
+ content: "";
16536
16622
  left: 0;
16537
- opacity: var(--v-border-opacity);
16538
16623
  position: absolute;
16539
- pointer-events: none;
16540
16624
  right: 0;
16541
16625
  top: 0;
16542
- width: 100%;
16543
- border-color: currentColor;
16544
- border-style: solid;
16545
- border-width: 0;
16626
+ transform: scale(1.2);
16546
16627
  }
16547
- .v-alert__border--border {
16548
- border-width: 8px;
16549
- box-shadow: none;
16628
+ .v-badge--dot .v-badge__badge {
16629
+ border-radius: 4.5px;
16630
+ height: 9px;
16631
+ min-width: 0;
16632
+ padding: 0;
16633
+ width: 9px;
16550
16634
  }
16551
- .v-alert--border-start .v-alert__border {
16552
- border-inline-start-width: 8px;
16635
+ .v-badge--dot .v-badge__badge::after {
16636
+ border-width: 1.5px;
16553
16637
  }
16554
- .v-alert--border-end .v-alert__border {
16555
- border-inline-end-width: 8px;
16638
+ .v-badge--inline .v-badge__badge {
16639
+ position: relative;
16640
+ vertical-align: middle;
16556
16641
  }
16557
- .v-alert--border-top .v-alert__border {
16558
- border-top-width: 8px;
16642
+ .v-badge__badge .v-icon {
16643
+ color: inherit;
16644
+ font-size: 0.75rem;
16645
+ margin: 0 -2px;
16559
16646
  }
16560
- .v-alert--border-bottom .v-alert__border {
16561
- border-bottom-width: 8px;
16647
+ .v-badge__badge img,
16648
+ .v-badge__badge .v-img {
16649
+ height: 100%;
16650
+ width: 100%;
16562
16651
  }
16563
16652
 
16564
- .v-alert__close {
16565
- flex: 0 1 auto;
16566
- grid-area: close;
16653
+ .v-badge__wrapper {
16654
+ display: flex;
16655
+ position: relative;
16567
16656
  }
16568
-
16569
- .v-alert__content {
16570
- align-self: center;
16571
- grid-area: content;
16657
+ .v-badge--inline .v-badge__wrapper {
16658
+ align-items: center;
16659
+ display: inline-flex;
16660
+ justify-content: center;
16661
+ margin: 0 4px;
16662
+ }.v-banner {
16663
+ display: grid;
16664
+ flex: 1 1;
16665
+ font-size: 0.875rem;
16666
+ grid-template-areas: "prepend content actions";
16667
+ grid-template-columns: max-content auto max-content;
16668
+ grid-template-rows: max-content max-content;
16669
+ line-height: 1.375rem;
16572
16670
  overflow: hidden;
16671
+ padding-inline-start: 16px;
16672
+ padding-inline-end: 8px;
16673
+ padding-top: 16px;
16674
+ padding-bottom: 16px;
16675
+ position: relative;
16676
+ width: 100%;
16677
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16678
+ border-style: solid;
16679
+ border-width: 0 0 thin 0;
16680
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16681
+ border-radius: 0;
16682
+ background: rgb(var(--v-theme-surface));
16683
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16573
16684
  }
16574
-
16575
- .v-alert__append,
16576
- .v-alert__close {
16577
- align-self: flex-start;
16578
- margin-inline-start: 16px;
16685
+ .v-banner--border {
16686
+ border-width: thin;
16687
+ box-shadow: none;
16579
16688
  }
16580
-
16581
- .v-alert__append {
16582
- align-self: flex-start;
16583
- grid-area: append;
16689
+ .v-banner--absolute {
16690
+ position: absolute;
16584
16691
  }
16585
- .v-alert__append + .v-alert__close {
16586
- margin-inline-start: 16px;
16692
+ .v-banner--fixed {
16693
+ position: fixed;
16587
16694
  }
16588
-
16589
- .v-alert__prepend {
16590
- align-self: flex-start;
16591
- display: flex;
16592
- align-items: center;
16593
- grid-area: prepend;
16594
- margin-inline-end: 16px;
16695
+ .v-banner--sticky {
16696
+ position: sticky;
16595
16697
  }
16596
- .v-alert--prominent .v-alert__prepend {
16597
- align-self: center;
16698
+ .v-banner--rounded {
16699
+ border-radius: 4px;
16598
16700
  }
16599
-
16600
- .v-alert__underlay {
16601
- grid-area: none;
16602
- position: absolute;
16701
+ .v-banner--stacked:not(.v-banner--one-line) {
16702
+ grid-template-areas: "prepend content" ". actions";
16603
16703
  }
16604
- .v-alert--border-start .v-alert__underlay {
16605
- border-top-left-radius: 0;
16606
- border-bottom-left-radius: 0;
16704
+ .v-banner--stacked .v-banner-text {
16705
+ padding-inline-end: 36px;
16607
16706
  }
16608
- .v-alert--border-end .v-alert__underlay {
16609
- border-top-right-radius: 0;
16610
- border-bottom-right-radius: 0;
16707
+ .v-banner--density-default .v-banner-actions {
16708
+ margin-bottom: -8px;
16611
16709
  }
16612
- .v-alert--border-top .v-alert__underlay {
16613
- border-top-left-radius: 0;
16614
- border-top-right-radius: 0;
16710
+ .v-banner--density-default.v-banner--one-line {
16711
+ padding-top: 8px;
16712
+ padding-bottom: 8px;
16615
16713
  }
16616
- .v-alert--border-bottom .v-alert__underlay {
16617
- border-bottom-left-radius: 0;
16618
- border-bottom-right-radius: 0;
16714
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
16715
+ margin-bottom: 0;
16619
16716
  }
16620
-
16621
- .v-alert-title {
16622
- align-items: center;
16623
- align-self: center;
16624
- display: flex;
16625
- font-size: 1.25rem;
16626
- font-weight: 500;
16627
- -webkit-hyphens: auto;
16628
- hyphens: auto;
16629
- letter-spacing: 0.0125em;
16630
- line-height: 1.75rem;
16631
- overflow-wrap: normal;
16632
- text-transform: none;
16633
- word-break: normal;
16634
- word-wrap: break-word;
16635
- }.v-input--density-default {
16636
- --autocomplete-chips-margin-bottom: 0px;
16717
+ .v-banner--density-default.v-banner--one-line {
16718
+ padding-top: 10px;
16637
16719
  }
16638
-
16639
- .v-input--density-comfortable {
16640
- --autocomplete-chips-margin-bottom: 2px;
16720
+ .v-banner--density-default.v-banner--two-line {
16721
+ padding-top: 16px;
16722
+ padding-bottom: 16px;
16641
16723
  }
16642
-
16643
- .v-input--density-compact {
16644
- --autocomplete-chips-margin-bottom: 4px;
16724
+ .v-banner--density-default.v-banner--three-line {
16725
+ padding-top: 24px;
16726
+ padding-bottom: 16px;
16727
+ }
16728
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
16729
+ margin-top: 20px;
16645
16730
  }
16646
16731
 
16647
- .v-autocomplete .v-field .v-text-field__prefix,
16648
- .v-autocomplete .v-field .v-text-field__suffix,
16649
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
16650
- cursor: text;
16732
+ .v-banner--density-comfortable .v-banner-actions {
16733
+ margin-bottom: -4px;
16651
16734
  }
16652
- .v-autocomplete .v-field--variant-outlined {
16653
- --autocomplete-chips-margin-bottom: 2px;
16735
+ .v-banner--density-comfortable.v-banner--one-line {
16736
+ padding-top: 4px;
16737
+ padding-bottom: 4px;
16654
16738
  }
16655
- .v-autocomplete .v-field .v-field__input > input {
16656
- align-self: flex-start;
16657
- flex: 1 1;
16739
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
16740
+ margin-bottom: 0;
16658
16741
  }
16659
- .v-autocomplete .v-field:not(.v-field--focused) input {
16660
- min-width: 0;
16742
+ .v-banner--density-comfortable.v-banner--two-line {
16743
+ padding-top: 12px;
16744
+ padding-bottom: 12px;
16661
16745
  }
16662
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
16663
- margin-inline-end: 2px;
16746
+ .v-banner--density-comfortable.v-banner--three-line {
16747
+ padding-top: 20px;
16748
+ padding-bottom: 12px;
16664
16749
  }
16665
- .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
16666
- overflow: hidden;
16667
- text-overflow: ellipsis;
16668
- white-space: nowrap;
16750
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
16751
+ margin-top: 16px;
16669
16752
  }
16670
16753
 
16671
- .v-autocomplete__content {
16672
- overflow: hidden;
16673
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16674
- border-radius: 4px;
16754
+ .v-banner--density-compact .v-banner-actions {
16755
+ margin-bottom: 0px;
16675
16756
  }
16676
- .v-autocomplete__mask {
16677
- background: rgb(var(--v-theme-on-surface-variant));
16757
+ .v-banner--density-compact.v-banner--one-line {
16758
+ padding-top: 0px;
16759
+ padding-bottom: 0px;
16678
16760
  }
16679
- .v-autocomplete__selection {
16680
- display: inline-flex;
16681
- letter-spacing: inherit;
16682
- line-height: inherit;
16683
- max-width: 100%;
16761
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
16762
+ margin-bottom: 0;
16684
16763
  }
16685
- .v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
16686
- min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
16764
+ .v-banner--density-compact.v-banner--two-line {
16765
+ padding-top: 8px;
16766
+ padding-bottom: 8px;
16687
16767
  }
16688
- .v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
16689
- margin-top: 2px;
16690
- margin-bottom: var(--autocomplete-chips-margin-bottom);
16768
+ .v-banner--density-compact.v-banner--three-line {
16769
+ padding-top: 16px;
16770
+ padding-bottom: 8px;
16691
16771
  }
16692
- .v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
16693
- margin-inline-start: 0;
16772
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
16773
+ margin-top: 12px;
16694
16774
  }
16695
- .v-autocomplete--selecting-index .v-autocomplete__selection {
16696
- opacity: var(--v-medium-emphasis-opacity);
16775
+
16776
+ .v-banner--sticky {
16777
+ top: 0;
16697
16778
  }
16698
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
16699
- opacity: 1;
16779
+
16780
+ .v-banner__content {
16781
+ grid-area: content;
16700
16782
  }
16701
- .v-autocomplete--selecting-index .v-field__input > input {
16702
- caret-color: transparent;
16783
+
16784
+ .v-banner__prepend {
16785
+ align-self: flex-start;
16786
+ grid-area: prepend;
16787
+ margin-inline-end: 24px;
16703
16788
  }
16704
- .v-autocomplete--single.v-text-field input {
16705
- flex: 1 1;
16706
- position: absolute;
16707
- left: 0;
16708
- right: 0;
16709
- width: 100%;
16710
- padding-inline-start: inherit;
16711
- padding-inline-end: inherit;
16789
+
16790
+ .v-banner-actions {
16791
+ align-self: flex-end;
16792
+ display: flex;
16793
+ flex: 0 1;
16794
+ grid-area: actions;
16795
+ justify-content: flex-end;
16712
16796
  }
16713
- .v-autocomplete--single .v-field--active input {
16714
- transition: none;
16797
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
16798
+ margin-top: 20px;
16715
16799
  }
16716
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
16717
- opacity: 0;
16800
+
16801
+ .v-banner-text {
16802
+ -webkit-box-orient: vertical;
16803
+ display: -webkit-box;
16804
+ padding-inline-end: 90px;
16805
+ overflow: hidden;
16718
16806
  }
16719
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
16720
- opacity: 0;
16807
+ .v-banner--one-line .v-banner-text {
16808
+ -webkit-line-clamp: 1;
16721
16809
  }
16722
- .v-autocomplete__menu-icon {
16723
- margin-inline-start: 4px;
16724
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16810
+ .v-banner--two-line .v-banner-text {
16811
+ -webkit-line-clamp: 2;
16725
16812
  }
16726
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
16727
- opacity: var(--v-high-emphasis-opacity);
16728
- transform: rotate(180deg);
16729
- }.v-avatar {
16730
- flex: none;
16813
+ .v-banner--three-line .v-banner-text {
16814
+ -webkit-line-clamp: 3;
16815
+ }
16816
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
16817
+ align-self: flex-start;
16818
+ }.v-breadcrumbs {
16819
+ display: flex;
16731
16820
  align-items: center;
16732
- display: inline-flex;
16733
- justify-content: center;
16734
- line-height: normal;
16735
- overflow: hidden;
16736
- position: relative;
16737
- text-align: center;
16738
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16739
- transition-property: width, height;
16740
- vertical-align: middle;
16741
- border-radius: 50%;
16821
+ line-height: 1.375rem;
16822
+ padding: 16px 12px;
16742
16823
  }
16743
- .v-avatar.v-avatar--size-x-small {
16744
- --v-avatar-height: 24px;
16824
+ .v-breadcrumbs--rounded {
16825
+ border-radius: 4px;
16745
16826
  }
16746
- .v-avatar.v-avatar--size-small {
16747
- --v-avatar-height: 32px;
16827
+ .v-breadcrumbs--density-default {
16828
+ padding-top: 16px;
16829
+ padding-bottom: 16px;
16748
16830
  }
16749
- .v-avatar.v-avatar--size-default {
16750
- --v-avatar-height: 40px;
16831
+
16832
+ .v-breadcrumbs--density-comfortable {
16833
+ padding-top: 12px;
16834
+ padding-bottom: 12px;
16751
16835
  }
16752
- .v-avatar.v-avatar--size-large {
16753
- --v-avatar-height: 48px;
16836
+
16837
+ .v-breadcrumbs--density-compact {
16838
+ padding-top: 8px;
16839
+ padding-bottom: 8px;
16754
16840
  }
16755
- .v-avatar.v-avatar--size-x-large {
16756
- --v-avatar-height: 56px;
16841
+
16842
+ .v-breadcrumbs__prepend {
16843
+ align-items: center;
16844
+ display: inline-flex;
16757
16845
  }
16758
- .v-avatar.v-avatar--density-default {
16759
- height: calc(var(--v-avatar-height) + 0px);
16760
- width: calc(var(--v-avatar-height) + 0px);
16846
+
16847
+ .v-breadcrumbs-item {
16848
+ align-items: center;
16849
+ color: inherit;
16850
+ display: inline-flex;
16851
+ padding: 0 4px;
16852
+ text-decoration: none;
16853
+ vertical-align: middle;
16761
16854
  }
16762
- .v-avatar.v-avatar--density-comfortable {
16763
- height: calc(var(--v-avatar-height) + -4px);
16764
- width: calc(var(--v-avatar-height) + -4px);
16855
+ .v-breadcrumbs-item--disabled {
16856
+ opacity: var(--v-disabled-opacity);
16857
+ pointer-events: none;
16765
16858
  }
16766
- .v-avatar.v-avatar--density-compact {
16767
- height: calc(var(--v-avatar-height) + -8px);
16768
- width: calc(var(--v-avatar-height) + -8px);
16859
+ .v-breadcrumbs-item--link:hover {
16860
+ text-decoration: underline;
16769
16861
  }
16770
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16771
- background: transparent;
16772
- color: inherit;
16862
+ .v-breadcrumbs-item .v-icon {
16863
+ font-size: 1rem;
16864
+ margin-inline-start: -4px;
16865
+ margin-inline-end: 2px;
16773
16866
  }
16774
- .v-avatar--variant-plain {
16775
- opacity: 0.62;
16867
+
16868
+ .v-breadcrumbs-divider {
16869
+ display: inline-block;
16870
+ padding: 0 8px;
16871
+ vertical-align: middle;
16872
+ }.v-bottom-navigation {
16873
+ display: flex;
16874
+ max-width: 100%;
16875
+ overflow: hidden;
16876
+ position: absolute;
16877
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16878
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16879
+ border-style: solid;
16880
+ border-width: 0;
16881
+ border-radius: 0;
16882
+ background: rgb(var(--v-theme-surface));
16883
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16776
16884
  }
16777
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16778
- opacity: 1;
16885
+ .v-bottom-navigation--border {
16886
+ border-width: thin;
16887
+ box-shadow: none;
16779
16888
  }
16780
- .v-avatar--variant-plain .v-avatar__overlay {
16781
- display: none;
16889
+ .v-bottom-navigation--active {
16890
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16782
16891
  }
16783
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
16784
- background: var(--v-theme-surface);
16785
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16892
+
16893
+ .v-bottom-navigation__content {
16894
+ display: flex;
16895
+ flex: none;
16896
+ font-size: 0.75rem;
16897
+ justify-content: center;
16898
+ transition: inherit;
16899
+ width: 100%;
16786
16900
  }
16787
- .v-avatar--variant-elevated {
16788
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16901
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
16902
+ font-size: inherit;
16903
+ height: 100%;
16904
+ max-width: 168px;
16905
+ min-width: 80px;
16906
+ text-transform: none;
16907
+ transition: inherit;
16908
+ width: auto;
16909
+ border-radius: 0;
16789
16910
  }
16790
- .v-avatar--variant-flat {
16791
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16911
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
16912
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16913
+ transition: inherit;
16792
16914
  }
16793
- .v-avatar--variant-outlined {
16794
- border: thin solid currentColor;
16915
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16916
+ font-size: 1.5rem;
16795
16917
  }
16796
- .v-avatar--variant-text .v-avatar__overlay {
16797
- background: currentColor;
16918
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
16919
+ flex-grow: 1;
16798
16920
  }
16799
- .v-avatar--variant-tonal .v-avatar__underlay {
16800
- background: currentColor;
16801
- opacity: var(--v-activated-opacity);
16802
- border-radius: inherit;
16803
- position: absolute;
16804
- top: 0;
16805
- right: 0;
16806
- bottom: 0;
16807
- left: 0;
16808
- pointer-events: none;
16921
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
16922
+ opacity: 0;
16809
16923
  }
16810
- .v-avatar--rounded {
16924
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
16925
+ transform: translateY(0.5rem);
16926
+ }/** if false, disabled buttons will be greyed out */
16927
+ .v-btn-group {
16928
+ display: inline-flex;
16929
+ flex-wrap: nowrap;
16930
+ max-width: 100%;
16931
+ min-width: 0;
16932
+ overflow: hidden;
16933
+ vertical-align: middle;
16934
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16935
+ border-style: solid;
16936
+ border-width: 0;
16937
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16811
16938
  border-radius: 4px;
16939
+ background: transparent;
16940
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16812
16941
  }
16813
- .v-avatar .v-img {
16814
- height: 100%;
16815
- width: 100%;
16816
- }.v-badge {
16817
- display: inline-block;
16818
- line-height: 1;
16942
+ .v-btn-group--border {
16943
+ border-width: thin;
16944
+ box-shadow: none;
16945
+ }
16946
+ .v-btn-group--density-default.v-btn-group {
16947
+ height: 48px;
16819
16948
  }
16820
16949
 
16821
- .v-badge__badge {
16822
- align-items: center;
16823
- display: inline-flex;
16824
- border-radius: 10px;
16825
- font-size: 0.75rem;
16826
- font-weight: 500;
16827
- height: 1.25rem;
16828
- justify-content: center;
16829
- min-width: 20px;
16830
- padding: 4px 6px;
16831
- pointer-events: auto;
16832
- position: absolute;
16833
- text-align: center;
16834
- text-indent: 0;
16835
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
16836
- white-space: nowrap;
16837
- background: rgb(var(--v-theme-surface-variant));
16838
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
16950
+ .v-btn-group--density-comfortable.v-btn-group {
16951
+ height: 40px;
16839
16952
  }
16840
- .v-badge--bordered .v-badge__badge::after {
16841
- border-radius: inherit;
16842
- border-style: solid;
16843
- border-width: 2px;
16844
- bottom: 0;
16845
- color: rgb(var(--v-theme-background));
16846
- content: "";
16847
- left: 0;
16848
- position: absolute;
16849
- right: 0;
16850
- top: 0;
16851
- transform: scale(1.2);
16953
+
16954
+ .v-btn-group--density-compact.v-btn-group {
16955
+ height: 36px;
16852
16956
  }
16853
- .v-badge--dot .v-badge__badge {
16854
- border-radius: 4.5px;
16855
- height: 9px;
16856
- min-width: 0;
16857
- padding: 0;
16858
- width: 9px;
16957
+
16958
+ .v-btn-group .v-btn {
16959
+ border-radius: 0;
16960
+ border-color: inherit;
16859
16961
  }
16860
- .v-badge--dot .v-badge__badge::after {
16861
- border-width: 1.5px;
16962
+ .v-btn-group .v-btn:not(:last-child) {
16963
+ border-inline-end: none;
16862
16964
  }
16863
- .v-badge--inline .v-badge__badge {
16864
- position: relative;
16865
- vertical-align: middle;
16965
+ .v-btn-group .v-btn:not(:first-child) {
16966
+ border-inline-start: none;
16866
16967
  }
16867
- .v-badge__badge .v-icon {
16868
- color: inherit;
16869
- font-size: 0.75rem;
16870
- margin: 0 -2px;
16968
+ .v-btn-group .v-btn:first-child {
16969
+ border-start-start-radius: inherit;
16970
+ border-end-start-radius: inherit;
16871
16971
  }
16872
- .v-badge__badge img,
16873
- .v-badge__badge .v-img {
16874
- height: 100%;
16875
- width: 100%;
16972
+ .v-btn-group .v-btn:last-child {
16973
+ border-start-end-radius: inherit;
16974
+ border-end-end-radius: inherit;
16876
16975
  }
16877
-
16878
- .v-badge__wrapper {
16879
- display: flex;
16880
- position: relative;
16976
+ .v-btn-group--divided .v-btn:not(:last-child) {
16977
+ border-inline-end-width: thin;
16978
+ border-inline-end-style: solid;
16979
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
16881
16980
  }
16882
- .v-badge--inline .v-badge__wrapper {
16981
+ .v-btn-group--tile {
16982
+ border-radius: 0;
16983
+ }/** if false, disabled buttons will be greyed out */
16984
+ .v-btn {
16883
16985
  align-items: center;
16884
- display: inline-flex;
16885
- justify-content: center;
16886
- margin: 0 4px;
16887
- }.v-banner {
16888
- display: grid;
16889
- flex: 1 1;
16890
- font-size: 0.875rem;
16891
- grid-template-areas: "prepend content actions";
16986
+ border-radius: 4px;
16987
+ display: inline-grid;
16988
+ grid-template-areas: "prepend content append";
16892
16989
  grid-template-columns: max-content auto max-content;
16893
- grid-template-rows: max-content max-content;
16894
- line-height: 1.375rem;
16895
- overflow: hidden;
16896
- padding-inline-start: 16px;
16897
- padding-inline-end: 8px;
16898
- padding-top: 16px;
16899
- padding-bottom: 16px;
16990
+ font-weight: 500;
16991
+ justify-content: center;
16992
+ letter-spacing: 0.0892857143em;
16993
+ line-height: normal;
16994
+ max-width: 100%;
16995
+ outline: none;
16900
16996
  position: relative;
16901
- width: 100%;
16997
+ text-decoration: none;
16998
+ text-indent: 0.0892857143em;
16999
+ text-transform: uppercase;
17000
+ transition-property: box-shadow, transform, opacity, background;
17001
+ transition-duration: 0.28s;
17002
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17003
+ -webkit-user-select: none;
17004
+ user-select: none;
17005
+ vertical-align: middle;
17006
+ flex-shrink: 0;
16902
17007
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16903
17008
  border-style: solid;
16904
- border-width: 0 0 thin 0;
16905
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16906
- border-radius: 0;
16907
- background: rgb(var(--v-theme-surface));
16908
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17009
+ border-width: 0;
16909
17010
  }
16910
- .v-banner--border {
16911
- border-width: thin;
16912
- box-shadow: none;
17011
+ .v-btn--size-x-small {
17012
+ --v-btn-size: 0.625rem;
17013
+ --v-btn-height: 20px;
17014
+ font-size: 0.625rem;
17015
+ min-width: 36px;
17016
+ padding: 0 8px;
16913
17017
  }
16914
- .v-banner--absolute {
16915
- position: absolute;
17018
+
17019
+ .v-btn--size-small {
17020
+ --v-btn-size: 0.75rem;
17021
+ --v-btn-height: 28px;
17022
+ font-size: 0.75rem;
17023
+ min-width: 50px;
17024
+ padding: 0 12px;
16916
17025
  }
16917
- .v-banner--fixed {
16918
- position: fixed;
17026
+
17027
+ .v-btn--size-default {
17028
+ --v-btn-size: 0.875rem;
17029
+ --v-btn-height: 36px;
17030
+ font-size: 0.875rem;
17031
+ min-width: 64px;
17032
+ padding: 0 16px;
16919
17033
  }
16920
- .v-banner--sticky {
16921
- position: sticky;
17034
+
17035
+ .v-btn--size-large {
17036
+ --v-btn-size: 1rem;
17037
+ --v-btn-height: 44px;
17038
+ font-size: 1rem;
17039
+ min-width: 78px;
17040
+ padding: 0 20px;
16922
17041
  }
16923
- .v-banner--rounded {
16924
- border-radius: 4px;
17042
+
17043
+ .v-btn--size-x-large {
17044
+ --v-btn-size: 1.125rem;
17045
+ --v-btn-height: 52px;
17046
+ font-size: 1.125rem;
17047
+ min-width: 92px;
17048
+ padding: 0 24px;
16925
17049
  }
16926
- .v-banner--stacked:not(.v-banner--one-line) {
16927
- grid-template-areas: "prepend content" ". actions";
17050
+
17051
+ .v-btn.v-btn--density-default {
17052
+ height: calc(var(--v-btn-height) + 0px);
16928
17053
  }
16929
- .v-banner--stacked .v-banner-text {
16930
- padding-inline-end: 36px;
17054
+
17055
+ .v-btn.v-btn--density-comfortable {
17056
+ height: calc(var(--v-btn-height) + -8px);
16931
17057
  }
16932
- .v-banner--density-default .v-banner-actions {
16933
- margin-bottom: -8px;
17058
+
17059
+ .v-btn.v-btn--density-compact {
17060
+ height: calc(var(--v-btn-height) + -12px);
16934
17061
  }
16935
- .v-banner--density-default.v-banner--one-line {
16936
- padding-top: 8px;
16937
- padding-bottom: 8px;
17062
+
17063
+ .v-btn--border {
17064
+ border-width: thin;
17065
+ box-shadow: none;
16938
17066
  }
16939
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
16940
- margin-bottom: 0;
17067
+ .v-btn--absolute {
17068
+ position: absolute;
16941
17069
  }
16942
- .v-banner--density-default.v-banner--one-line {
16943
- padding-top: 10px;
17070
+ .v-btn--fixed {
17071
+ position: fixed;
16944
17072
  }
16945
- .v-banner--density-default.v-banner--two-line {
16946
- padding-top: 16px;
16947
- padding-bottom: 16px;
17073
+ .v-btn:hover > .v-btn__overlay {
17074
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
16948
17075
  }
16949
- .v-banner--density-default.v-banner--three-line {
16950
- padding-top: 24px;
16951
- padding-bottom: 16px;
17076
+ .v-btn:focus-visible > .v-btn__overlay {
17077
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16952
17078
  }
16953
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
16954
- margin-top: 20px;
17079
+ @supports not selector(:focus-visible) {
17080
+ .v-btn:focus > .v-btn__overlay {
17081
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17082
+ }
16955
17083
  }
16956
-
16957
- .v-banner--density-comfortable .v-banner-actions {
16958
- margin-bottom: -4px;
17084
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17085
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
16959
17086
  }
16960
- .v-banner--density-comfortable.v-banner--one-line {
16961
- padding-top: 4px;
16962
- padding-bottom: 4px;
17087
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17088
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
16963
17089
  }
16964
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
16965
- margin-bottom: 0;
17090
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17091
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
16966
17092
  }
16967
- .v-banner--density-comfortable.v-banner--two-line {
16968
- padding-top: 12px;
16969
- padding-bottom: 12px;
17093
+ @supports not selector(:focus-visible) {
17094
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17095
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17096
+ }
16970
17097
  }
16971
- .v-banner--density-comfortable.v-banner--three-line {
16972
- padding-top: 20px;
16973
- padding-bottom: 12px;
17098
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17099
+ background: transparent;
17100
+ color: inherit;
16974
17101
  }
16975
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
16976
- margin-top: 16px;
17102
+ .v-btn--variant-plain {
17103
+ opacity: 0.62;
16977
17104
  }
16978
-
16979
- .v-banner--density-compact .v-banner-actions {
16980
- margin-bottom: 0px;
17105
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17106
+ opacity: 1;
16981
17107
  }
16982
- .v-banner--density-compact.v-banner--one-line {
16983
- padding-top: 0px;
16984
- padding-bottom: 0px;
17108
+ .v-btn--variant-plain .v-btn__overlay {
17109
+ display: none;
16985
17110
  }
16986
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
16987
- margin-bottom: 0;
17111
+ .v-btn--variant-elevated, .v-btn--variant-flat {
17112
+ background: rgb(var(--v-theme-surface));
17113
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16988
17114
  }
16989
- .v-banner--density-compact.v-banner--two-line {
16990
- padding-top: 8px;
16991
- padding-bottom: 8px;
17115
+ .v-btn--variant-elevated {
17116
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16992
17117
  }
16993
- .v-banner--density-compact.v-banner--three-line {
16994
- padding-top: 16px;
16995
- padding-bottom: 8px;
17118
+ .v-btn--variant-flat {
17119
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16996
17120
  }
16997
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
16998
- margin-top: 12px;
17121
+ .v-btn--variant-outlined {
17122
+ border: thin solid currentColor;
16999
17123
  }
17000
-
17001
- .v-banner--sticky {
17124
+ .v-btn--variant-text .v-btn__overlay {
17125
+ background: currentColor;
17126
+ }
17127
+ .v-btn--variant-tonal .v-btn__underlay {
17128
+ background: currentColor;
17129
+ opacity: var(--v-activated-opacity);
17130
+ border-radius: inherit;
17131
+ position: absolute;
17002
17132
  top: 0;
17133
+ right: 0;
17134
+ bottom: 0;
17135
+ left: 0;
17136
+ pointer-events: none;
17003
17137
  }
17004
-
17005
- .v-banner__content {
17006
- grid-area: content;
17138
+ @supports selector(:focus-visible) {
17139
+ .v-btn::after {
17140
+ content: "";
17141
+ position: absolute;
17142
+ top: 0;
17143
+ left: 0;
17144
+ width: 100%;
17145
+ height: 100%;
17146
+ pointer-events: none;
17147
+ border: 2px solid currentColor;
17148
+ border-radius: inherit;
17149
+ opacity: 0;
17150
+ transition: opacity 0.2s ease-in-out;
17151
+ }
17152
+ .v-btn:focus-visible::after {
17153
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17154
+ }
17007
17155
  }
17008
-
17009
- .v-banner__prepend {
17010
- align-self: flex-start;
17011
- grid-area: prepend;
17012
- margin-inline-end: 24px;
17156
+ .v-btn--icon {
17157
+ border-radius: 50%;
17158
+ min-width: 0;
17159
+ padding: 0;
17013
17160
  }
17014
-
17015
- .v-banner-actions {
17016
- align-self: flex-end;
17017
- display: flex;
17018
- flex: 0 1;
17019
- grid-area: actions;
17020
- justify-content: flex-end;
17161
+ .v-btn--icon.v-btn--size-default {
17162
+ font-size: 1rem;
17021
17163
  }
17022
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
17023
- margin-top: 20px;
17164
+ .v-btn--icon.v-btn--density-default {
17165
+ width: calc(var(--v-btn-height) + 12px);
17166
+ height: calc(var(--v-btn-height) + 12px);
17024
17167
  }
17025
-
17026
- .v-banner-text {
17027
- -webkit-box-orient: vertical;
17028
- display: -webkit-box;
17029
- padding-inline-end: 90px;
17030
- overflow: hidden;
17168
+ .v-btn--icon.v-btn--density-comfortable {
17169
+ width: calc(var(--v-btn-height) + 0px);
17170
+ height: calc(var(--v-btn-height) + 0px);
17031
17171
  }
17032
- .v-banner--one-line .v-banner-text {
17033
- -webkit-line-clamp: 1;
17172
+ .v-btn--icon.v-btn--density-compact {
17173
+ width: calc(var(--v-btn-height) + -8px);
17174
+ height: calc(var(--v-btn-height) + -8px);
17034
17175
  }
17035
- .v-banner--two-line .v-banner-text {
17036
- -webkit-line-clamp: 2;
17176
+
17177
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
17178
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17037
17179
  }
17038
- .v-banner--three-line .v-banner-text {
17039
- -webkit-line-clamp: 3;
17180
+ .v-btn--elevated:active {
17181
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17040
17182
  }
17041
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17042
- align-self: flex-start;
17043
- }.v-bottom-navigation {
17183
+ .v-btn--flat {
17184
+ box-shadow: none;
17185
+ }
17186
+ .v-btn--block {
17044
17187
  display: flex;
17045
- max-width: 100%;
17046
- overflow: hidden;
17047
- position: absolute;
17048
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17049
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17050
- border-style: solid;
17051
- border-width: 0;
17052
- border-radius: 0;
17053
- background: rgb(var(--v-theme-surface));
17054
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17188
+ flex: 1 0 auto;
17189
+ min-width: 100%;
17055
17190
  }
17056
- .v-bottom-navigation--border {
17057
- border-width: thin;
17191
+ .v-btn--disabled {
17192
+ pointer-events: none;
17193
+ opacity: 0.26;
17194
+ }
17195
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17058
17196
  box-shadow: none;
17197
+ opacity: 1;
17198
+ color: rgba(var(--v-theme-on-surface), 0.26);
17199
+ background: rgb(var(--v-theme-surface));
17059
17200
  }
17060
- .v-bottom-navigation--active {
17061
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17201
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17202
+ opacity: 0.4615384615;
17062
17203
  }
17063
-
17064
- .v-bottom-navigation__content {
17065
- display: flex;
17066
- flex: none;
17067
- font-size: 0.75rem;
17068
- justify-content: center;
17069
- transition: inherit;
17070
- width: 100%;
17204
+ .v-btn--loading {
17205
+ pointer-events: none;
17071
17206
  }
17072
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17073
- font-size: inherit;
17074
- height: 100%;
17075
- max-width: 168px;
17076
- min-width: 80px;
17077
- text-transform: none;
17078
- transition: inherit;
17079
- width: auto;
17080
- border-radius: 0;
17207
+ .v-btn--loading .v-btn__content,
17208
+ .v-btn--loading .v-btn__prepend,
17209
+ .v-btn--loading .v-btn__append {
17210
+ opacity: 0;
17081
17211
  }
17082
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17083
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17084
- transition: inherit;
17212
+ .v-btn--stacked {
17213
+ grid-template-areas: "prepend" "content" "append";
17214
+ grid-template-columns: auto;
17215
+ grid-template-rows: max-content max-content max-content;
17216
+ justify-items: center;
17217
+ align-content: center;
17085
17218
  }
17086
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17087
- font-size: 1.5rem;
17219
+ .v-btn--stacked .v-btn__content {
17220
+ flex-direction: column;
17221
+ line-height: 1.25;
17088
17222
  }
17089
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17090
- flex-grow: 1;
17223
+ .v-btn--stacked .v-btn__prepend,
17224
+ .v-btn--stacked .v-btn__append,
17225
+ .v-btn--stacked .v-btn__content > .v-icon--start,
17226
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17227
+ margin-inline-start: 0;
17228
+ margin-inline-end: 0;
17091
17229
  }
17092
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17093
- opacity: 0;
17230
+ .v-btn--stacked .v-btn__prepend,
17231
+ .v-btn--stacked .v-btn__content > .v-icon--start {
17232
+ margin-bottom: 4px;
17094
17233
  }
17095
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17096
- transform: translateY(0.5rem);
17097
- }.v-breadcrumbs {
17098
- display: flex;
17099
- align-items: center;
17100
- line-height: 1.375rem;
17101
- padding: 16px 12px;
17234
+ .v-btn--stacked .v-btn__append,
17235
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17236
+ margin-top: 4px;
17102
17237
  }
17103
- .v-breadcrumbs--rounded {
17104
- border-radius: 4px;
17238
+ .v-btn--stacked.v-btn--size-x-small {
17239
+ --v-btn-size: 0.625rem;
17240
+ --v-btn-height: 56px;
17241
+ font-size: 0.625rem;
17242
+ min-width: 56px;
17243
+ padding: 0 12px;
17105
17244
  }
17106
- .v-breadcrumbs--density-default {
17107
- padding-top: 16px;
17108
- padding-bottom: 16px;
17245
+
17246
+ .v-btn--stacked.v-btn--size-small {
17247
+ --v-btn-size: 0.75rem;
17248
+ --v-btn-height: 64px;
17249
+ font-size: 0.75rem;
17250
+ min-width: 64px;
17251
+ padding: 0 14px;
17109
17252
  }
17110
17253
 
17111
- .v-breadcrumbs--density-comfortable {
17112
- padding-top: 12px;
17113
- padding-bottom: 12px;
17254
+ .v-btn--stacked.v-btn--size-default {
17255
+ --v-btn-size: 0.875rem;
17256
+ --v-btn-height: 72px;
17257
+ font-size: 0.875rem;
17258
+ min-width: 72px;
17259
+ padding: 0 16px;
17114
17260
  }
17115
17261
 
17116
- .v-breadcrumbs--density-compact {
17117
- padding-top: 8px;
17118
- padding-bottom: 8px;
17262
+ .v-btn--stacked.v-btn--size-large {
17263
+ --v-btn-size: 1rem;
17264
+ --v-btn-height: 80px;
17265
+ font-size: 1rem;
17266
+ min-width: 80px;
17267
+ padding: 0 18px;
17119
17268
  }
17120
17269
 
17121
- .v-breadcrumbs__prepend {
17122
- align-items: center;
17123
- display: inline-flex;
17270
+ .v-btn--stacked.v-btn--size-x-large {
17271
+ --v-btn-size: 1.125rem;
17272
+ --v-btn-height: 88px;
17273
+ font-size: 1.125rem;
17274
+ min-width: 88px;
17275
+ padding: 0 20px;
17124
17276
  }
17125
17277
 
17126
- .v-breadcrumbs-item {
17127
- align-items: center;
17128
- color: inherit;
17129
- display: inline-flex;
17130
- padding: 0 4px;
17131
- text-decoration: none;
17132
- vertical-align: middle;
17278
+ .v-btn--stacked.v-btn--density-default {
17279
+ height: calc(var(--v-btn-height) + 0px);
17133
17280
  }
17134
- .v-breadcrumbs-item--disabled {
17135
- opacity: var(--v-disabled-opacity);
17136
- pointer-events: none;
17137
- }
17138
- .v-breadcrumbs-item--link:hover {
17139
- text-decoration: underline;
17281
+
17282
+ .v-btn--stacked.v-btn--density-comfortable {
17283
+ height: calc(var(--v-btn-height) + -16px);
17140
17284
  }
17141
- .v-breadcrumbs-item .v-icon {
17142
- font-size: 1rem;
17143
- margin-inline-start: -4px;
17144
- margin-inline-end: 2px;
17285
+
17286
+ .v-btn--stacked.v-btn--density-compact {
17287
+ height: calc(var(--v-btn-height) + -24px);
17145
17288
  }
17146
17289
 
17147
- .v-breadcrumbs-divider {
17148
- display: inline-block;
17149
- padding: 0 8px;
17150
- vertical-align: middle;
17151
- }/** if false, disabled buttons will be greyed out */
17152
- .v-btn-group {
17153
- display: inline-flex;
17154
- flex-wrap: nowrap;
17155
- max-width: 100%;
17156
- min-width: 0;
17157
- overflow: hidden;
17158
- vertical-align: middle;
17159
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17160
- border-style: solid;
17161
- border-width: 0;
17162
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17163
- border-radius: 4px;
17164
- background: transparent;
17165
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17290
+ .v-btn--rounded {
17291
+ border-radius: 24px;
17166
17292
  }
17167
- .v-btn-group--border {
17168
- border-width: thin;
17169
- box-shadow: none;
17293
+ .v-btn .v-icon {
17294
+ --v-icon-size-multiplier: 0.8571428571;
17170
17295
  }
17171
- .v-btn-group--density-default.v-btn-group {
17172
- height: 48px;
17296
+ .v-btn--icon .v-icon {
17297
+ --v-icon-size-multiplier: 1;
17173
17298
  }
17174
-
17175
- .v-btn-group--density-comfortable.v-btn-group {
17176
- height: 40px;
17299
+ .v-btn--stacked .v-icon {
17300
+ --v-icon-size-multiplier: 1.1428571429;
17177
17301
  }
17178
17302
 
17179
- .v-btn-group--density-compact.v-btn-group {
17180
- height: 36px;
17303
+ .v-btn__loader {
17304
+ align-items: center;
17305
+ display: flex;
17306
+ height: 100%;
17307
+ justify-content: center;
17308
+ left: 0;
17309
+ position: absolute;
17310
+ top: 0;
17311
+ width: 100%;
17181
17312
  }
17182
17313
 
17183
- .v-btn-group .v-btn {
17184
- border-radius: 0;
17185
- border-color: inherit;
17186
- }
17187
- .v-btn-group .v-btn:not(:last-child) {
17188
- border-inline-end: none;
17314
+ .v-btn__content,
17315
+ .v-btn__prepend,
17316
+ .v-btn__append {
17317
+ align-items: center;
17318
+ display: flex;
17319
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17189
17320
  }
17190
- .v-btn-group .v-btn:not(:first-child) {
17191
- border-inline-start: none;
17321
+
17322
+ .v-btn__prepend {
17323
+ grid-area: prepend;
17324
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17325
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17192
17326
  }
17193
- .v-btn-group .v-btn:first-child {
17194
- border-start-start-radius: inherit;
17195
- border-end-start-radius: inherit;
17327
+
17328
+ .v-btn__append {
17329
+ grid-area: append;
17330
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17331
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17196
17332
  }
17197
- .v-btn-group .v-btn:last-child {
17198
- border-start-end-radius: inherit;
17199
- border-end-end-radius: inherit;
17333
+
17334
+ .v-btn__content {
17335
+ grid-area: content;
17336
+ justify-content: center;
17337
+ white-space: nowrap;
17200
17338
  }
17201
- .v-btn-group--divided .v-btn:not(:last-child) {
17202
- border-inline-end-width: thin;
17203
- border-inline-end-style: solid;
17204
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17339
+ .v-btn__content > .v-icon--start {
17340
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17341
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17205
17342
  }
17206
- .v-btn-group--tile {
17207
- border-radius: 0;
17208
- }/** if false, disabled buttons will be greyed out */
17209
- .v-btn {
17210
- align-items: center;
17211
- border-radius: 4px;
17212
- display: inline-grid;
17213
- grid-template-areas: "prepend content append";
17214
- grid-template-columns: max-content auto max-content;
17215
- font-weight: 500;
17216
- justify-content: center;
17217
- letter-spacing: 0.0892857143em;
17218
- line-height: normal;
17219
- max-width: 100%;
17220
- outline: none;
17221
- position: relative;
17222
- text-decoration: none;
17223
- text-indent: 0.0892857143em;
17224
- text-transform: uppercase;
17225
- transition-property: box-shadow, transform, opacity, background;
17226
- transition-duration: 0.28s;
17227
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17228
- -webkit-user-select: none;
17229
- user-select: none;
17230
- vertical-align: middle;
17231
- flex-shrink: 0;
17232
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17233
- border-style: solid;
17234
- border-width: 0;
17343
+ .v-btn__content > .v-icon--end {
17344
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17345
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17235
17346
  }
17236
- .v-btn--size-x-small {
17237
- --v-btn-size: 0.625rem;
17238
- --v-btn-height: 20px;
17239
- font-size: 0.625rem;
17240
- min-width: 36px;
17241
- padding: 0 8px;
17347
+ .v-btn--stacked .v-btn__content {
17348
+ white-space: normal;
17242
17349
  }
17243
17350
 
17244
- .v-btn--size-small {
17245
- --v-btn-size: 0.75rem;
17246
- --v-btn-height: 28px;
17247
- font-size: 0.75rem;
17248
- min-width: 50px;
17249
- padding: 0 12px;
17351
+ .v-btn__overlay {
17352
+ background-color: currentColor;
17353
+ border-radius: inherit;
17354
+ opacity: 0;
17355
+ transition: opacity 0.2s ease-in-out;
17250
17356
  }
17251
17357
 
17252
- .v-btn--size-default {
17253
- --v-btn-size: 0.875rem;
17254
- --v-btn-height: 36px;
17255
- font-size: 0.875rem;
17256
- min-width: 64px;
17257
- padding: 0 16px;
17358
+ .v-btn__overlay,
17359
+ .v-btn__underlay {
17360
+ position: absolute;
17361
+ top: 0;
17362
+ left: 0;
17363
+ width: 100%;
17364
+ height: 100%;
17365
+ pointer-events: none;
17258
17366
  }
17259
17367
 
17260
- .v-btn--size-large {
17261
- --v-btn-size: 1rem;
17262
- --v-btn-height: 44px;
17263
- font-size: 1rem;
17264
- min-width: 78px;
17265
- padding: 0 20px;
17368
+ .v-card-actions .v-btn {
17369
+ padding: 0 8px;
17266
17370
  }
17267
-
17268
- .v-btn--size-x-large {
17269
- --v-btn-size: 1.125rem;
17270
- --v-btn-height: 52px;
17271
- font-size: 1.125rem;
17272
- min-width: 92px;
17273
- padding: 0 24px;
17371
+ .v-card-actions .v-btn ~ .v-btn {
17372
+ margin-inline-start: 0.5rem;
17274
17373
  }
17275
17374
 
17276
- .v-btn.v-btn--density-default {
17277
- height: calc(var(--v-btn-height) + 0px);
17375
+ .v-banner-actions .v-btn {
17376
+ padding: 0 8px;
17278
17377
  }
17279
17378
 
17280
- .v-btn.v-btn--density-comfortable {
17281
- height: calc(var(--v-btn-height) + -8px);
17379
+ .v-pagination .v-btn {
17380
+ border-radius: 4px;
17282
17381
  }
17283
-
17284
- .v-btn.v-btn--density-compact {
17285
- height: calc(var(--v-btn-height) + -12px);
17382
+ .v-btn__overlay {
17383
+ transition: none;
17384
+ }
17385
+ .v-pagination__item--is-active .v-btn__overlay {
17386
+ opacity: var(--v-border-opacity);
17286
17387
  }
17287
17388
 
17288
- .v-btn--border {
17389
+ .v-snackbar-actions .v-btn {
17390
+ padding: 0 8px;
17391
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17392
+ opacity: var(--v-activated-opacity);
17393
+ }.v-card {
17394
+ display: block;
17395
+ overflow: hidden;
17396
+ overflow-wrap: break-word;
17397
+ position: relative;
17398
+ padding: 0;
17399
+ text-decoration: none;
17400
+ transition-duration: 0.28s;
17401
+ transition-property: box-shadow, opacity, background;
17402
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17403
+ z-index: 0;
17404
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17405
+ border-style: solid;
17406
+ border-width: 0;
17407
+ border-radius: 4px;
17408
+ }
17409
+ .v-card--border {
17289
17410
  border-width: thin;
17290
17411
  box-shadow: none;
17291
17412
  }
17292
- .v-btn--absolute {
17413
+ .v-card--absolute {
17293
17414
  position: absolute;
17294
17415
  }
17295
- .v-btn--fixed {
17416
+ .v-card--fixed {
17296
17417
  position: fixed;
17297
17418
  }
17298
- .v-btn:hover > .v-btn__overlay {
17419
+ .v-card:hover > .v-card__overlay {
17299
17420
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17300
17421
  }
17301
- .v-btn:focus-visible > .v-btn__overlay {
17422
+ .v-card:focus-visible > .v-card__overlay {
17302
17423
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17303
17424
  }
17304
17425
  @supports not selector(:focus-visible) {
17305
- .v-btn:focus > .v-btn__overlay {
17426
+ .v-card:focus > .v-card__overlay {
17306
17427
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17307
17428
  }
17308
17429
  }
17309
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17430
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17310
17431
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17311
17432
  }
17312
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17433
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17313
17434
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17314
17435
  }
17315
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17436
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17316
17437
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17317
17438
  }
17318
17439
  @supports not selector(:focus-visible) {
17319
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17440
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17320
17441
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17321
17442
  }
17322
17443
  }
17323
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17444
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17324
17445
  background: transparent;
17325
17446
  color: inherit;
17326
17447
  }
17327
- .v-btn--variant-plain {
17448
+ .v-card--variant-plain {
17328
17449
  opacity: 0.62;
17329
17450
  }
17330
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17451
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17331
17452
  opacity: 1;
17332
17453
  }
17333
- .v-btn--variant-plain .v-btn__overlay {
17454
+ .v-card--variant-plain .v-card__overlay {
17334
17455
  display: none;
17335
17456
  }
17336
- .v-btn--variant-elevated, .v-btn--variant-flat {
17457
+ .v-card--variant-elevated, .v-card--variant-flat {
17337
17458
  background: rgb(var(--v-theme-surface));
17338
17459
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17339
17460
  }
17340
- .v-btn--variant-elevated {
17341
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17461
+ .v-card--variant-elevated {
17462
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17342
17463
  }
17343
- .v-btn--variant-flat {
17464
+ .v-card--variant-flat {
17344
17465
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17345
17466
  }
17346
- .v-btn--variant-outlined {
17467
+ .v-card--variant-outlined {
17347
17468
  border: thin solid currentColor;
17348
17469
  }
17349
- .v-btn--variant-text .v-btn__overlay {
17470
+ .v-card--variant-text .v-card__overlay {
17350
17471
  background: currentColor;
17351
17472
  }
17352
- .v-btn--variant-tonal .v-btn__underlay {
17473
+ .v-card--variant-tonal .v-card__underlay {
17353
17474
  background: currentColor;
17354
17475
  opacity: var(--v-activated-opacity);
17355
17476
  border-radius: inherit;
@@ -17360,342 +17481,337 @@ html.overflow-y-hidden {
17360
17481
  left: 0;
17361
17482
  pointer-events: none;
17362
17483
  }
17363
- @supports selector(:focus-visible) {
17364
- .v-btn::after {
17365
- content: "";
17366
- position: absolute;
17367
- top: 0;
17368
- left: 0;
17369
- width: 100%;
17370
- height: 100%;
17371
- pointer-events: none;
17372
- border: 2px solid currentColor;
17373
- border-radius: inherit;
17374
- opacity: 0;
17375
- transition: opacity 0.2s ease-in-out;
17376
- }
17377
- .v-btn:focus-visible::after {
17378
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17379
- }
17380
- }
17381
- .v-btn--icon {
17382
- border-radius: 50%;
17383
- min-width: 0;
17384
- padding: 0;
17484
+ .v-card--disabled {
17485
+ pointer-events: none;
17486
+ -webkit-user-select: none;
17487
+ user-select: none;
17385
17488
  }
17386
- .v-btn--icon.v-btn--size-default {
17387
- font-size: 1rem;
17489
+ .v-card--disabled > :not(.v-card__loader) {
17490
+ opacity: 0.6;
17388
17491
  }
17389
- .v-btn--icon.v-btn--density-default {
17390
- width: calc(var(--v-btn-height) + 12px);
17391
- height: calc(var(--v-btn-height) + 12px);
17492
+ .v-card--flat {
17493
+ box-shadow: none;
17392
17494
  }
17393
- .v-btn--icon.v-btn--density-comfortable {
17394
- width: calc(var(--v-btn-height) + 0px);
17395
- height: calc(var(--v-btn-height) + 0px);
17495
+ .v-card--hover {
17496
+ cursor: pointer;
17497
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17396
17498
  }
17397
- .v-btn--icon.v-btn--density-compact {
17398
- width: calc(var(--v-btn-height) + -8px);
17399
- height: calc(var(--v-btn-height) + -8px);
17499
+ .v-card--hover::before, .v-card--hover::after {
17500
+ border-radius: inherit;
17501
+ bottom: 0;
17502
+ content: "";
17503
+ display: block;
17504
+ left: 0;
17505
+ pointer-events: none;
17506
+ position: absolute;
17507
+ right: 0;
17508
+ top: 0;
17509
+ transition: inherit;
17400
17510
  }
17401
-
17402
- .v-btn--elevated:hover, .v-btn--elevated:focus {
17403
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17511
+ .v-card--hover::before {
17512
+ opacity: 1;
17513
+ z-index: -1;
17514
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17404
17515
  }
17405
- .v-btn--elevated:active {
17516
+ .v-card--hover::after {
17517
+ z-index: 1;
17518
+ opacity: 0;
17406
17519
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17407
17520
  }
17408
- .v-btn--flat {
17409
- box-shadow: none;
17521
+ .v-card--hover:hover::after {
17522
+ opacity: 1;
17410
17523
  }
17411
- .v-btn--block {
17524
+ .v-card--hover:hover::before {
17525
+ opacity: 0;
17526
+ }
17527
+ .v-card--link {
17528
+ cursor: pointer;
17529
+ }
17530
+
17531
+ .v-card-actions {
17532
+ align-items: center;
17412
17533
  display: flex;
17413
- flex: 1 0 auto;
17414
- min-width: 100%;
17534
+ flex: none;
17535
+ min-height: 52px;
17536
+ padding: 0.5rem;
17415
17537
  }
17416
- .v-btn--disabled {
17417
- pointer-events: none;
17418
- opacity: 0.26;
17538
+
17539
+ .v-card-item {
17540
+ align-items: center;
17541
+ display: grid;
17542
+ flex: none;
17543
+ grid-template-areas: "prepend content append";
17544
+ grid-template-columns: max-content auto max-content;
17545
+ padding: 0.625rem 1rem;
17419
17546
  }
17420
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17421
- box-shadow: none;
17422
- opacity: 1;
17423
- color: rgba(var(--v-theme-on-surface), 0.26);
17424
- background: rgb(var(--v-theme-surface));
17547
+ .v-card-item + .v-card-text {
17548
+ padding-top: 0;
17425
17549
  }
17426
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17427
- opacity: 0.4615384615;
17550
+ .v-card-item__prepend {
17551
+ grid-area: prepend;
17552
+ padding-inline-end: 1rem;
17428
17553
  }
17429
- .v-btn--loading {
17430
- pointer-events: none;
17554
+ .v-card-item__append {
17555
+ grid-area: append;
17556
+ padding-inline-start: 1rem;
17431
17557
  }
17432
- .v-btn--loading .v-btn__content,
17433
- .v-btn--loading .v-btn__prepend,
17434
- .v-btn--loading .v-btn__append {
17435
- opacity: 0;
17558
+
17559
+ .v-card-item__content {
17560
+ align-self: center;
17561
+ grid-area: content;
17562
+ overflow: hidden;
17436
17563
  }
17437
- .v-btn--stacked {
17438
- grid-template-areas: "prepend" "content" "append";
17439
- grid-template-columns: auto;
17440
- grid-template-rows: max-content max-content max-content;
17441
- justify-items: center;
17442
- align-content: center;
17564
+
17565
+ .v-card-title {
17566
+ display: block;
17567
+ flex: none;
17568
+ font-size: 1.25rem;
17569
+ font-weight: 500;
17570
+ -webkit-hyphens: auto;
17571
+ hyphens: auto;
17572
+ letter-spacing: 0.0125em;
17573
+ min-width: 0;
17574
+ overflow-wrap: normal;
17575
+ overflow: hidden;
17576
+ padding: 0.5rem 1rem;
17577
+ text-overflow: ellipsis;
17578
+ text-transform: none;
17579
+ white-space: nowrap;
17580
+ word-break: normal;
17581
+ word-wrap: break-word;
17443
17582
  }
17444
- .v-btn--stacked .v-btn__content {
17445
- flex-direction: column;
17446
- line-height: 1.25;
17583
+ .v-card .v-card-title {
17584
+ line-height: 2rem;
17447
17585
  }
17448
- .v-btn--stacked .v-btn__prepend,
17449
- .v-btn--stacked .v-btn__append,
17450
- .v-btn--stacked .v-btn__content > .v-icon--start,
17451
- .v-btn--stacked .v-btn__content > .v-icon--end {
17452
- margin-inline-start: 0;
17453
- margin-inline-end: 0;
17586
+ .v-card--density-comfortable .v-card-title {
17587
+ line-height: 1.75rem;
17454
17588
  }
17455
- .v-btn--stacked .v-btn__prepend,
17456
- .v-btn--stacked .v-btn__content > .v-icon--start {
17457
- margin-bottom: 4px;
17589
+ .v-card--density-compact .v-card-title {
17590
+ line-height: 1.55rem;
17458
17591
  }
17459
- .v-btn--stacked .v-btn__append,
17460
- .v-btn--stacked .v-btn__content > .v-icon--end {
17461
- margin-top: 4px;
17592
+ .v-card-item .v-card-title {
17593
+ padding: 0;
17462
17594
  }
17463
- .v-btn--stacked.v-btn--size-x-small {
17464
- --v-btn-size: 0.625rem;
17465
- --v-btn-height: 56px;
17466
- font-size: 0.625rem;
17467
- min-width: 56px;
17468
- padding: 0 12px;
17595
+ .v-card-title + .v-card-text,
17596
+ .v-card-title + .v-card-actions {
17597
+ padding-top: 0;
17469
17598
  }
17470
17599
 
17471
- .v-btn--stacked.v-btn--size-small {
17472
- --v-btn-size: 0.75rem;
17473
- --v-btn-height: 64px;
17474
- font-size: 0.75rem;
17475
- min-width: 64px;
17476
- padding: 0 14px;
17600
+ .v-card-subtitle {
17601
+ display: block;
17602
+ flex: none;
17603
+ font-size: 0.875rem;
17604
+ font-weight: 400;
17605
+ letter-spacing: 0.0178571429em;
17606
+ opacity: var(--v-medium-emphasis-opacity);
17607
+ overflow: hidden;
17608
+ padding: 0 1rem;
17609
+ text-overflow: ellipsis;
17610
+ text-transform: none;
17611
+ white-space: nowrap;
17612
+ }
17613
+ .v-card .v-card-subtitle {
17614
+ line-height: 1.25rem;
17615
+ }
17616
+ .v-card--density-comfortable .v-card-subtitle {
17617
+ line-height: 1.125rem;
17618
+ }
17619
+ .v-card--density-compact .v-card-subtitle {
17620
+ line-height: 1rem;
17621
+ }
17622
+ .v-card-item .v-card-subtitle {
17623
+ padding: 0 0 0.25rem;
17477
17624
  }
17478
17625
 
17479
- .v-btn--stacked.v-btn--size-default {
17480
- --v-btn-size: 0.875rem;
17481
- --v-btn-height: 72px;
17626
+ .v-card-text {
17627
+ flex: 1 1 auto;
17482
17628
  font-size: 0.875rem;
17483
- min-width: 72px;
17484
- padding: 0 16px;
17629
+ font-weight: 400;
17630
+ letter-spacing: 0.0178571429em;
17631
+ padding: 1rem;
17632
+ text-transform: none;
17485
17633
  }
17486
-
17487
- .v-btn--stacked.v-btn--size-large {
17488
- --v-btn-size: 1rem;
17489
- --v-btn-height: 80px;
17490
- font-size: 1rem;
17491
- min-width: 80px;
17492
- padding: 0 18px;
17634
+ .v-card .v-card-text {
17635
+ line-height: 1.25rem;
17493
17636
  }
17494
-
17495
- .v-btn--stacked.v-btn--size-x-large {
17496
- --v-btn-size: 1.125rem;
17497
- --v-btn-height: 88px;
17498
- font-size: 1.125rem;
17499
- min-width: 88px;
17500
- padding: 0 20px;
17637
+ .v-card--density-comfortable .v-card-text {
17638
+ line-height: 1.2rem;
17501
17639
  }
17502
-
17503
- .v-btn--stacked.v-btn--density-default {
17504
- height: calc(var(--v-btn-height) + 0px);
17640
+ .v-card--density-compact .v-card-text {
17641
+ line-height: 1.15rem;
17505
17642
  }
17506
17643
 
17507
- .v-btn--stacked.v-btn--density-comfortable {
17508
- height: calc(var(--v-btn-height) + -16px);
17644
+ .v-card__image {
17645
+ display: flex;
17646
+ height: 100%;
17647
+ flex: 1 1 auto;
17648
+ left: 0;
17649
+ overflow: hidden;
17650
+ position: absolute;
17651
+ top: 0;
17652
+ width: 100%;
17653
+ z-index: -1;
17509
17654
  }
17510
17655
 
17511
- .v-btn--stacked.v-btn--density-compact {
17512
- height: calc(var(--v-btn-height) + -24px);
17656
+ .v-card__content {
17657
+ border-radius: inherit;
17658
+ overflow: hidden;
17659
+ position: relative;
17513
17660
  }
17514
17661
 
17515
- .v-btn--rounded {
17516
- border-radius: 24px;
17517
- }
17518
- .v-btn .v-icon {
17519
- --v-icon-size-multiplier: 0.8571428571;
17520
- }
17521
- .v-btn--icon .v-icon {
17522
- --v-icon-size-multiplier: 1;
17523
- }
17524
- .v-btn--stacked .v-icon {
17525
- --v-icon-size-multiplier: 1.1428571429;
17662
+ .v-card__loader {
17663
+ bottom: auto;
17664
+ top: 0;
17665
+ left: 0;
17666
+ position: absolute;
17667
+ right: 0;
17668
+ width: 100%;
17669
+ z-index: 1;
17526
17670
  }
17527
17671
 
17528
- .v-btn__loader {
17529
- align-items: center;
17530
- display: flex;
17531
- height: 100%;
17532
- justify-content: center;
17533
- left: 0;
17672
+ .v-card__overlay {
17673
+ background-color: currentColor;
17674
+ border-radius: inherit;
17534
17675
  position: absolute;
17535
17676
  top: 0;
17677
+ right: 0;
17678
+ bottom: 0;
17679
+ left: 0;
17680
+ pointer-events: none;
17681
+ opacity: 0;
17682
+ transition: opacity 0.2s ease-in-out;
17683
+ }.v-checkbox .v-selection-control {
17684
+ min-height: var(--v-input-control-height);
17685
+ }.v-carousel {
17686
+ overflow: hidden;
17687
+ position: relative;
17536
17688
  width: 100%;
17537
17689
  }
17538
-
17539
- .v-btn__content,
17540
- .v-btn__prepend,
17541
- .v-btn__append {
17690
+ .v-carousel__controls {
17542
17691
  align-items: center;
17692
+ background: rgba(var(--v-theme-surface-variant), 0.3);
17693
+ bottom: 0;
17543
17694
  display: flex;
17544
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17545
- }
17546
-
17547
- .v-btn__prepend {
17548
- grid-area: prepend;
17549
- margin-inline-start: calc(var(--v-btn-height) / -9);
17550
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17695
+ height: 50px;
17696
+ justify-content: center;
17697
+ list-style-type: none;
17698
+ position: absolute;
17699
+ width: 100%;
17700
+ z-index: 1;
17551
17701
  }
17552
-
17553
- .v-btn__append {
17554
- grid-area: append;
17555
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17556
- margin-inline-end: calc(var(--v-btn-height) / -9);
17702
+ .v-carousel__controls > .v-item-group {
17703
+ flex: 0 1 auto;
17557
17704
  }
17558
-
17559
- .v-btn__content {
17560
- grid-area: content;
17561
- justify-content: center;
17562
- white-space: nowrap;
17705
+ .v-carousel__controls__item {
17706
+ margin: 0 8px;
17563
17707
  }
17564
- .v-btn__content > .v-icon--start {
17565
- margin-inline-start: calc(var(--v-btn-height) / -9);
17566
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17708
+ .v-carousel__controls__item .v-icon {
17709
+ opacity: 0.5;
17567
17710
  }
17568
- .v-btn__content > .v-icon--end {
17569
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17570
- margin-inline-end: calc(var(--v-btn-height) / -9);
17711
+ .v-carousel__controls__item--active .v-icon {
17712
+ opacity: 1;
17713
+ vertical-align: middle;
17571
17714
  }
17572
- .v-btn--stacked .v-btn__content {
17573
- white-space: normal;
17715
+ .v-carousel__controls__item:hover {
17716
+ background: none;
17574
17717
  }
17575
-
17576
- .v-btn__overlay {
17577
- background-color: currentColor;
17578
- border-radius: inherit;
17579
- opacity: 0;
17580
- transition: opacity 0.2s ease-in-out;
17718
+ .v-carousel__controls__item:hover .v-icon {
17719
+ opacity: 0.8;
17581
17720
  }
17582
17721
 
17583
- .v-btn__overlay,
17584
- .v-btn__underlay {
17722
+ .v-carousel__progress {
17723
+ margin: 0;
17585
17724
  position: absolute;
17586
- top: 0;
17725
+ bottom: 0;
17587
17726
  left: 0;
17588
- width: 100%;
17589
- height: 100%;
17590
- pointer-events: none;
17727
+ right: 0;
17591
17728
  }
17592
17729
 
17593
- .v-card-actions .v-btn {
17594
- padding: 0 8px;
17730
+ .v-carousel-item {
17731
+ display: block;
17732
+ height: inherit;
17733
+ text-decoration: none;
17595
17734
  }
17596
- .v-card-actions .v-btn ~ .v-btn {
17597
- margin-inline-start: 0.5rem;
17735
+ .v-carousel-item > .v-img {
17736
+ height: inherit;
17598
17737
  }
17599
17738
 
17600
- .v-banner-actions .v-btn {
17601
- padding: 0 8px;
17739
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
17740
+ background: transparent;
17602
17741
  }
17603
17742
 
17604
- .v-pagination .v-btn {
17605
- border-radius: 4px;
17743
+ .v-carousel--vertical-delimiters .v-carousel__controls {
17744
+ flex-direction: column;
17745
+ height: 100% !important;
17746
+ width: 50px;
17747
+ }.v-chip-group {
17748
+ display: flex;
17749
+ max-width: 100%;
17750
+ min-width: 0;
17751
+ overflow-x: auto;
17752
+ padding: 4px 0;
17753
+ flex-wrap: wrap;
17606
17754
  }
17607
- .v-btn__overlay {
17608
- transition: none;
17755
+ .v-chip-group .v-chip {
17756
+ margin: 4px 8px 4px 0;
17609
17757
  }
17610
- .v-pagination__item--is-active .v-btn__overlay {
17611
- opacity: var(--v-border-opacity);
17758
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
17759
+ opacity: var(--v-activated-opacity);
17612
17760
  }
17613
17761
 
17614
- .v-snackbar-actions .v-btn {
17615
- padding: 0 8px;
17616
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17617
- opacity: var(--v-activated-opacity);
17618
- }.v-card {
17619
- display: block;
17620
- overflow: hidden;
17621
- overflow-wrap: break-word;
17762
+ .v-chip-group--column {
17763
+ flex-wrap: wrap;
17764
+ white-space: normal;
17765
+ }.v-alert {
17766
+ display: grid;
17767
+ flex: 1 1;
17768
+ grid-template-areas: "prepend content append close" ". content . .";
17769
+ grid-template-columns: max-content auto max-content max-content;
17622
17770
  position: relative;
17623
- padding: 0;
17624
- text-decoration: none;
17625
- transition-duration: 0.28s;
17626
- transition-property: box-shadow, opacity, background;
17627
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17628
- z-index: 0;
17629
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17630
- border-style: solid;
17631
- border-width: 0;
17771
+ padding: 16px;
17772
+ overflow: hidden;
17773
+ --v-border-color: currentColor;
17632
17774
  border-radius: 4px;
17633
17775
  }
17634
- .v-card--border {
17635
- border-width: thin;
17636
- box-shadow: none;
17637
- }
17638
- .v-card--absolute {
17776
+ .v-alert--absolute {
17639
17777
  position: absolute;
17640
17778
  }
17641
- .v-card--fixed {
17779
+ .v-alert--fixed {
17642
17780
  position: fixed;
17643
17781
  }
17644
- .v-card:hover > .v-card__overlay {
17645
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17646
- }
17647
- .v-card:focus-visible > .v-card__overlay {
17648
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17649
- }
17650
- @supports not selector(:focus-visible) {
17651
- .v-card:focus > .v-card__overlay {
17652
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17653
- }
17654
- }
17655
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17656
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17657
- }
17658
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17659
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17660
- }
17661
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17662
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17663
- }
17664
- @supports not selector(:focus-visible) {
17665
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17666
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17667
- }
17782
+ .v-alert--sticky {
17783
+ position: sticky;
17668
17784
  }
17669
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17785
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17670
17786
  background: transparent;
17671
17787
  color: inherit;
17672
17788
  }
17673
- .v-card--variant-plain {
17789
+ .v-alert--variant-plain {
17674
17790
  opacity: 0.62;
17675
17791
  }
17676
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17792
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17677
17793
  opacity: 1;
17678
17794
  }
17679
- .v-card--variant-plain .v-card__overlay {
17795
+ .v-alert--variant-plain .v-alert__overlay {
17680
17796
  display: none;
17681
17797
  }
17682
- .v-card--variant-elevated, .v-card--variant-flat {
17683
- background: rgb(var(--v-theme-surface));
17798
+ .v-alert--variant-elevated, .v-alert--variant-flat {
17799
+ background: rgb(var(--v-theme-on-surface-variant));
17684
17800
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17685
17801
  }
17686
- .v-card--variant-elevated {
17802
+ .v-alert--variant-elevated {
17687
17803
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17688
17804
  }
17689
- .v-card--variant-flat {
17805
+ .v-alert--variant-flat {
17690
17806
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17691
17807
  }
17692
- .v-card--variant-outlined {
17808
+ .v-alert--variant-outlined {
17693
17809
  border: thin solid currentColor;
17694
17810
  }
17695
- .v-card--variant-text .v-card__overlay {
17811
+ .v-alert--variant-text .v-alert__overlay {
17696
17812
  background: currentColor;
17697
17813
  }
17698
- .v-card--variant-tonal .v-card__underlay {
17814
+ .v-alert--variant-tonal .v-alert__underlay {
17699
17815
  background: currentColor;
17700
17816
  opacity: var(--v-activated-opacity);
17701
17817
  border-radius: inherit;
@@ -17706,269 +17822,275 @@ html.overflow-y-hidden {
17706
17822
  left: 0;
17707
17823
  pointer-events: none;
17708
17824
  }
17709
- .v-card--disabled {
17710
- pointer-events: none;
17711
- -webkit-user-select: none;
17712
- user-select: none;
17825
+ .v-alert--prominent {
17826
+ grid-template-areas: "prepend content append close" "prepend content . .";
17713
17827
  }
17714
- .v-card--disabled > :not(.v-card__loader) {
17715
- opacity: 0.6;
17828
+ .v-alert.v-alert--border {
17829
+ --v-border-opacity: 0.38;
17716
17830
  }
17717
- .v-card--flat {
17718
- box-shadow: none;
17831
+ .v-alert.v-alert--border.v-alert--border-start {
17832
+ padding-inline-start: 24px;
17833
+ }
17834
+ .v-alert.v-alert--border.v-alert--border-end {
17835
+ padding-inline-end: 24px;
17836
+ }
17837
+ .v-alert--variant-plain {
17838
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
17839
+ }
17840
+ .v-alert--density-default {
17841
+ padding-bottom: 16px;
17842
+ padding-top: 16px;
17843
+ }
17844
+ .v-alert--density-default.v-alert--border-top {
17845
+ padding-top: 24px;
17846
+ }
17847
+ .v-alert--density-default.v-alert--border-bottom {
17848
+ padding-bottom: 24px;
17849
+ }
17850
+
17851
+ .v-alert--density-comfortable {
17852
+ padding-bottom: 12px;
17853
+ padding-top: 12px;
17854
+ }
17855
+ .v-alert--density-comfortable.v-alert--border-top {
17856
+ padding-top: 20px;
17857
+ }
17858
+ .v-alert--density-comfortable.v-alert--border-bottom {
17859
+ padding-bottom: 20px;
17860
+ }
17861
+
17862
+ .v-alert--density-compact {
17863
+ padding-bottom: 8px;
17864
+ padding-top: 8px;
17865
+ }
17866
+ .v-alert--density-compact.v-alert--border-top {
17867
+ padding-top: 16px;
17719
17868
  }
17720
- .v-card--hover {
17721
- cursor: pointer;
17722
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17869
+ .v-alert--density-compact.v-alert--border-bottom {
17870
+ padding-bottom: 16px;
17723
17871
  }
17724
- .v-card--hover::before, .v-card--hover::after {
17872
+
17873
+ .v-alert__border {
17725
17874
  border-radius: inherit;
17726
17875
  bottom: 0;
17727
- content: "";
17728
- display: block;
17729
17876
  left: 0;
17730
- pointer-events: none;
17877
+ opacity: var(--v-border-opacity);
17731
17878
  position: absolute;
17879
+ pointer-events: none;
17732
17880
  right: 0;
17733
17881
  top: 0;
17734
- transition: inherit;
17882
+ width: 100%;
17883
+ border-color: currentColor;
17884
+ border-style: solid;
17885
+ border-width: 0;
17735
17886
  }
17736
- .v-card--hover::before {
17737
- opacity: 1;
17738
- z-index: -1;
17739
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17887
+ .v-alert__border--border {
17888
+ border-width: 8px;
17889
+ box-shadow: none;
17740
17890
  }
17741
- .v-card--hover::after {
17742
- z-index: 1;
17743
- opacity: 0;
17744
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17891
+ .v-alert--border-start .v-alert__border {
17892
+ border-inline-start-width: 8px;
17745
17893
  }
17746
- .v-card--hover:hover::after {
17747
- opacity: 1;
17894
+ .v-alert--border-end .v-alert__border {
17895
+ border-inline-end-width: 8px;
17748
17896
  }
17749
- .v-card--hover:hover::before {
17750
- opacity: 0;
17897
+ .v-alert--border-top .v-alert__border {
17898
+ border-top-width: 8px;
17751
17899
  }
17752
- .v-card--link {
17753
- cursor: pointer;
17900
+ .v-alert--border-bottom .v-alert__border {
17901
+ border-bottom-width: 8px;
17754
17902
  }
17755
17903
 
17756
- .v-card-actions {
17757
- align-items: center;
17758
- display: flex;
17759
- flex: none;
17760
- min-height: 52px;
17761
- padding: 0.5rem;
17904
+ .v-alert__close {
17905
+ flex: 0 1 auto;
17906
+ grid-area: close;
17762
17907
  }
17763
17908
 
17764
- .v-card-item {
17765
- align-items: center;
17766
- display: grid;
17767
- flex: none;
17768
- grid-template-areas: "prepend content append";
17769
- grid-template-columns: max-content auto max-content;
17770
- padding: 0.625rem 1rem;
17771
- }
17772
- .v-card-item + .v-card-text {
17773
- padding-top: 0;
17909
+ .v-alert__content {
17910
+ align-self: center;
17911
+ grid-area: content;
17912
+ overflow: hidden;
17774
17913
  }
17775
- .v-card-item__prepend {
17776
- grid-area: prepend;
17777
- padding-inline-end: 1rem;
17914
+
17915
+ .v-alert__append,
17916
+ .v-alert__close {
17917
+ align-self: flex-start;
17918
+ margin-inline-start: 16px;
17778
17919
  }
17779
- .v-card-item__append {
17920
+
17921
+ .v-alert__append {
17922
+ align-self: flex-start;
17780
17923
  grid-area: append;
17781
- padding-inline-start: 1rem;
17924
+ }
17925
+ .v-alert__append + .v-alert__close {
17926
+ margin-inline-start: 16px;
17782
17927
  }
17783
17928
 
17784
- .v-card-item__content {
17929
+ .v-alert__prepend {
17930
+ align-self: flex-start;
17931
+ display: flex;
17932
+ align-items: center;
17933
+ grid-area: prepend;
17934
+ margin-inline-end: 16px;
17935
+ }
17936
+ .v-alert--prominent .v-alert__prepend {
17785
17937
  align-self: center;
17786
- grid-area: content;
17787
- overflow: hidden;
17788
17938
  }
17789
17939
 
17790
- .v-card-title {
17791
- display: block;
17792
- flex: none;
17940
+ .v-alert__underlay {
17941
+ grid-area: none;
17942
+ position: absolute;
17943
+ }
17944
+ .v-alert--border-start .v-alert__underlay {
17945
+ border-top-left-radius: 0;
17946
+ border-bottom-left-radius: 0;
17947
+ }
17948
+ .v-alert--border-end .v-alert__underlay {
17949
+ border-top-right-radius: 0;
17950
+ border-bottom-right-radius: 0;
17951
+ }
17952
+ .v-alert--border-top .v-alert__underlay {
17953
+ border-top-left-radius: 0;
17954
+ border-top-right-radius: 0;
17955
+ }
17956
+ .v-alert--border-bottom .v-alert__underlay {
17957
+ border-bottom-left-radius: 0;
17958
+ border-bottom-right-radius: 0;
17959
+ }
17960
+
17961
+ .v-alert-title {
17962
+ align-items: center;
17963
+ align-self: center;
17964
+ display: flex;
17793
17965
  font-size: 1.25rem;
17794
17966
  font-weight: 500;
17795
17967
  -webkit-hyphens: auto;
17796
17968
  hyphens: auto;
17797
17969
  letter-spacing: 0.0125em;
17798
- min-width: 0;
17970
+ line-height: 1.75rem;
17799
17971
  overflow-wrap: normal;
17800
- overflow: hidden;
17801
- padding: 0.5rem 1rem;
17802
- text-overflow: ellipsis;
17803
17972
  text-transform: none;
17804
- white-space: nowrap;
17805
17973
  word-break: normal;
17806
17974
  word-wrap: break-word;
17975
+ }.v-color-picker {
17976
+ align-self: flex-start;
17977
+ contain: content;
17807
17978
  }
17808
- .v-card .v-card-title {
17809
- line-height: 2rem;
17810
- }
17811
- .v-card--density-comfortable .v-card-title {
17812
- line-height: 1.75rem;
17813
- }
17814
- .v-card--density-compact .v-card-title {
17815
- line-height: 1.55rem;
17816
- }
17817
- .v-card-item .v-card-title {
17818
- padding: 0;
17819
- }
17820
- .v-card-title + .v-card-text,
17821
- .v-card-title + .v-card-actions {
17822
- padding-top: 0;
17979
+ .v-color-picker.v-sheet {
17980
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17981
+ border-radius: 4px;
17823
17982
  }
17824
17983
 
17825
- .v-card-subtitle {
17826
- display: block;
17827
- flex: none;
17828
- font-size: 0.875rem;
17829
- font-weight: 400;
17830
- letter-spacing: 0.0178571429em;
17831
- opacity: var(--v-medium-emphasis-opacity);
17832
- overflow: hidden;
17833
- padding: 0 1rem;
17834
- text-overflow: ellipsis;
17835
- text-transform: none;
17836
- white-space: nowrap;
17984
+ .v-color-picker__controls {
17985
+ display: flex;
17986
+ flex-direction: column;
17987
+ padding: 16px;
17837
17988
  }
17838
- .v-card .v-card-subtitle {
17839
- line-height: 1.25rem;
17989
+
17990
+ .v-color-picker--flat {
17991
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17840
17992
  }
17841
- .v-card--density-comfortable .v-card-subtitle {
17842
- line-height: 1.125rem;
17993
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
17994
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17995
+ }.v-input--density-default {
17996
+ --combobox-chips-margin-bottom: 0px;
17843
17997
  }
17844
- .v-card--density-compact .v-card-subtitle {
17845
- line-height: 1rem;
17998
+
17999
+ .v-input--density-comfortable {
18000
+ --combobox-chips-margin-bottom: 2px;
17846
18001
  }
17847
- .v-card-item .v-card-subtitle {
17848
- padding: 0 0 0.25rem;
18002
+
18003
+ .v-input--density-compact {
18004
+ --combobox-chips-margin-bottom: 4px;
17849
18005
  }
17850
18006
 
17851
- .v-card-text {
17852
- flex: 1 1 auto;
17853
- font-size: 0.875rem;
17854
- font-weight: 400;
17855
- letter-spacing: 0.0178571429em;
17856
- padding: 1rem;
17857
- text-transform: none;
18007
+ .v-combobox .v-field .v-text-field__prefix,
18008
+ .v-combobox .v-field .v-text-field__suffix,
18009
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
18010
+ cursor: text;
17858
18011
  }
17859
- .v-card .v-card-text {
17860
- line-height: 1.25rem;
18012
+ .v-combobox .v-field--variant-outlined {
18013
+ --combobox-chips-margin-bottom: 2px;
17861
18014
  }
17862
- .v-card--density-comfortable .v-card-text {
17863
- line-height: 1.2rem;
18015
+ .v-combobox .v-field .v-field__input > input {
18016
+ align-self: flex-start;
18017
+ flex: 1 1;
17864
18018
  }
17865
- .v-card--density-compact .v-card-text {
17866
- line-height: 1.15rem;
18019
+ .v-combobox .v-field:not(.v-field--focused) input {
18020
+ min-width: 0;
17867
18021
  }
17868
-
17869
- .v-card__image {
17870
- display: flex;
17871
- height: 100%;
17872
- flex: 1 1 auto;
17873
- left: 0;
17874
- overflow: hidden;
17875
- position: absolute;
17876
- top: 0;
17877
- width: 100%;
17878
- z-index: -1;
18022
+ .v-combobox .v-field--dirty .v-combobox__selection {
18023
+ margin-inline-end: 2px;
17879
18024
  }
17880
-
17881
- .v-card__content {
17882
- border-radius: inherit;
18025
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
17883
18026
  overflow: hidden;
17884
- position: relative;
17885
- }
17886
-
17887
- .v-card__loader {
17888
- bottom: auto;
17889
- top: 0;
17890
- left: 0;
17891
- position: absolute;
17892
- right: 0;
17893
- width: 100%;
17894
- z-index: 1;
18027
+ text-overflow: ellipsis;
18028
+ white-space: nowrap;
17895
18029
  }
17896
18030
 
17897
- .v-card__overlay {
17898
- background-color: currentColor;
17899
- border-radius: inherit;
17900
- position: absolute;
17901
- top: 0;
17902
- right: 0;
17903
- bottom: 0;
17904
- left: 0;
17905
- pointer-events: none;
17906
- opacity: 0;
17907
- transition: opacity 0.2s ease-in-out;
17908
- }.v-carousel {
18031
+ .v-combobox__content {
17909
18032
  overflow: hidden;
17910
- position: relative;
17911
- width: 100%;
18033
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18034
+ border-radius: 4px;
17912
18035
  }
17913
- .v-carousel__controls {
17914
- align-items: center;
17915
- background: rgba(var(--v-theme-surface-variant), 0.3);
17916
- bottom: 0;
17917
- display: flex;
17918
- height: 50px;
17919
- justify-content: center;
17920
- list-style-type: none;
17921
- position: absolute;
17922
- width: 100%;
17923
- z-index: 1;
18036
+ .v-combobox__mask {
18037
+ background: rgb(var(--v-theme-on-surface-variant));
17924
18038
  }
17925
- .v-carousel__controls > .v-item-group {
17926
- flex: 0 1 auto;
18039
+ .v-combobox__selection {
18040
+ display: inline-flex;
18041
+ letter-spacing: inherit;
18042
+ line-height: inherit;
18043
+ max-width: 100%;
17927
18044
  }
17928
- .v-carousel__controls__item {
17929
- margin: 0 8px;
18045
+ .v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
18046
+ min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
17930
18047
  }
17931
- .v-carousel__controls__item .v-icon {
17932
- opacity: 0.5;
18048
+ .v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
18049
+ margin-top: 2px;
18050
+ margin-bottom: var(--combobox-chips-margin-bottom);
17933
18051
  }
17934
- .v-carousel__controls__item--active .v-icon {
17935
- opacity: 1;
17936
- vertical-align: middle;
18052
+ .v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
18053
+ margin-inline-start: 0;
17937
18054
  }
17938
- .v-carousel__controls__item:hover {
17939
- background: none;
18055
+ .v-combobox--selecting-index .v-combobox__selection {
18056
+ opacity: var(--v-medium-emphasis-opacity);
17940
18057
  }
17941
- .v-carousel__controls__item:hover .v-icon {
17942
- opacity: 0.8;
18058
+ .v-combobox--selecting-index .v-combobox__selection--selected {
18059
+ opacity: 1;
17943
18060
  }
17944
-
17945
- .v-carousel__progress {
17946
- margin: 0;
18061
+ .v-combobox--selecting-index .v-field__input > input {
18062
+ caret-color: transparent;
18063
+ }
18064
+ .v-combobox--single.v-text-field input {
18065
+ flex: 1 1;
17947
18066
  position: absolute;
17948
- bottom: 0;
17949
18067
  left: 0;
17950
18068
  right: 0;
18069
+ width: 100%;
18070
+ padding-inline-start: inherit;
18071
+ padding-inline-end: inherit;
17951
18072
  }
17952
-
17953
- .v-carousel-item {
17954
- display: block;
17955
- height: inherit;
17956
- text-decoration: none;
18073
+ .v-combobox--single .v-field--active input {
18074
+ transition: none;
17957
18075
  }
17958
- .v-carousel-item > .v-img {
17959
- height: inherit;
18076
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
18077
+ opacity: 0;
17960
18078
  }
17961
-
17962
- .v-carousel--hide-delimiter-background .v-carousel__controls {
17963
- background: transparent;
18079
+ .v-combobox--single .v-field--focused .v-combobox__selection {
18080
+ opacity: 0;
17964
18081
  }
17965
-
17966
- .v-carousel--vertical-delimiters .v-carousel__controls {
17967
- flex-direction: column;
17968
- height: 100% !important;
17969
- width: 50px;
17970
- }.v-checkbox .v-selection-control {
17971
- min-height: var(--v-input-control-height);
18082
+ .v-combobox__menu-icon {
18083
+ margin-inline-start: 4px;
18084
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18085
+ }
18086
+ .v-combobox--active-menu .v-combobox__menu-icon {
18087
+ opacity: var(--v-high-emphasis-opacity);
18088
+ transform: rotate(180deg);
18089
+ }.v-counter {
18090
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18091
+ flex: 0 1 auto;
18092
+ font-size: 12px;
18093
+ transition-duration: 150ms;
17972
18094
  }.v-chip {
17973
18095
  align-items: center;
17974
18096
  cursor: default;
@@ -18377,138 +18499,6 @@ html.overflow-y-hidden {
18377
18499
 
18378
18500
  .v-chip--label {
18379
18501
  border-radius: 4px;
18380
- }.v-chip-group {
18381
- display: flex;
18382
- max-width: 100%;
18383
- min-width: 0;
18384
- overflow-x: auto;
18385
- padding: 4px 0;
18386
- flex-wrap: wrap;
18387
- }
18388
- .v-chip-group .v-chip {
18389
- margin: 4px 8px 4px 0;
18390
- }
18391
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18392
- opacity: var(--v-activated-opacity);
18393
- }
18394
-
18395
- .v-chip-group--column {
18396
- flex-wrap: wrap;
18397
- white-space: normal;
18398
- }.v-color-picker {
18399
- align-self: flex-start;
18400
- contain: content;
18401
- }
18402
- .v-color-picker.v-sheet {
18403
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18404
- border-radius: 4px;
18405
- }
18406
-
18407
- .v-color-picker__controls {
18408
- display: flex;
18409
- flex-direction: column;
18410
- padding: 16px;
18411
- }
18412
-
18413
- .v-color-picker--flat {
18414
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18415
- }
18416
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
18417
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18418
- }.v-input--density-default {
18419
- --combobox-chips-margin-bottom: 0px;
18420
- }
18421
-
18422
- .v-input--density-comfortable {
18423
- --combobox-chips-margin-bottom: 2px;
18424
- }
18425
-
18426
- .v-input--density-compact {
18427
- --combobox-chips-margin-bottom: 4px;
18428
- }
18429
-
18430
- .v-combobox .v-field .v-text-field__prefix,
18431
- .v-combobox .v-field .v-text-field__suffix,
18432
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
18433
- cursor: text;
18434
- }
18435
- .v-combobox .v-field--variant-outlined {
18436
- --combobox-chips-margin-bottom: 2px;
18437
- }
18438
- .v-combobox .v-field .v-field__input > input {
18439
- align-self: flex-start;
18440
- flex: 1 1;
18441
- }
18442
- .v-combobox .v-field:not(.v-field--focused) input {
18443
- min-width: 0;
18444
- }
18445
- .v-combobox .v-field--dirty .v-combobox__selection {
18446
- margin-inline-end: 2px;
18447
- }
18448
- .v-combobox .v-field--single-line .v-combobox__selection-text {
18449
- overflow: hidden;
18450
- text-overflow: ellipsis;
18451
- white-space: nowrap;
18452
- }
18453
-
18454
- .v-combobox__content {
18455
- overflow: hidden;
18456
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18457
- border-radius: 4px;
18458
- }
18459
- .v-combobox__mask {
18460
- background: rgb(var(--v-theme-on-surface-variant));
18461
- }
18462
- .v-combobox__selection {
18463
- display: inline-flex;
18464
- letter-spacing: inherit;
18465
- line-height: inherit;
18466
- max-width: 100%;
18467
- }
18468
- .v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
18469
- min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
18470
- }
18471
- .v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
18472
- margin-top: 2px;
18473
- margin-bottom: var(--combobox-chips-margin-bottom);
18474
- }
18475
- .v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
18476
- margin-inline-start: 0;
18477
- }
18478
- .v-combobox--selecting-index .v-combobox__selection {
18479
- opacity: var(--v-medium-emphasis-opacity);
18480
- }
18481
- .v-combobox--selecting-index .v-combobox__selection--selected {
18482
- opacity: 1;
18483
- }
18484
- .v-combobox--selecting-index .v-field__input > input {
18485
- caret-color: transparent;
18486
- }
18487
- .v-combobox--single.v-text-field input {
18488
- flex: 1 1;
18489
- position: absolute;
18490
- left: 0;
18491
- right: 0;
18492
- width: 100%;
18493
- padding-inline-start: inherit;
18494
- padding-inline-end: inherit;
18495
- }
18496
- .v-combobox--single .v-field--active input {
18497
- transition: none;
18498
- }
18499
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
18500
- opacity: 0;
18501
- }
18502
- .v-combobox--single .v-field--focused .v-combobox__selection {
18503
- opacity: 0;
18504
- }
18505
- .v-combobox__menu-icon {
18506
- margin-inline-start: 4px;
18507
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18508
- }
18509
- .v-combobox--active-menu .v-combobox__menu-icon {
18510
- opacity: var(--v-high-emphasis-opacity);
18511
- transform: rotate(180deg);
18512
18502
  }.v-container {
18513
18503
  width: 100%;
18514
18504
  padding: 16px;
@@ -19390,11 +19380,6 @@ html.overflow-y-hidden {
19390
19380
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19391
19381
  margin-right: 91.6666666667%;
19392
19382
  }
19393
- }.v-counter {
19394
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19395
- flex: 0 1 auto;
19396
- font-size: 12px;
19397
- transition-duration: 150ms;
19398
19383
  }.v-dialog {
19399
19384
  align-items: center;
19400
19385
  justify-content: center;
@@ -19466,40 +19451,11 @@ html.overflow-y-hidden {
19466
19451
  max-height: 100%;
19467
19452
  max-width: 100%;
19468
19453
  }
19469
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
19470
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
19471
- -webkit-backface-visibility: hidden;
19472
- backface-visibility: hidden;
19473
- overflow-y: auto;
19474
- }.v-divider {
19475
- display: block;
19476
- flex: 1 1 100%;
19477
- height: 0px;
19478
- max-height: 0px;
19479
- opacity: var(--v-border-opacity);
19480
- transition: inherit;
19481
- border-style: solid;
19482
- border-width: thin 0 0 0;
19483
- }
19484
- .v-divider--vertical {
19485
- align-self: stretch;
19486
- border-width: 0 thin 0 0;
19487
- display: inline-flex;
19488
- height: inherit;
19489
- margin-left: -1px;
19490
- max-height: 100%;
19491
- max-width: 0px;
19492
- vertical-align: text-bottom;
19493
- width: 0px;
19494
- }
19495
- .v-divider--inset:not(.v-divider--vertical) {
19496
- max-width: calc(100% - 72px);
19497
- margin-inline-start: 72px;
19498
- }
19499
- .v-divider--inset.v-divider--vertical {
19500
- margin-bottom: 8px;
19501
- margin-top: 8px;
19502
- max-height: calc(100% - 16px);
19454
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
19455
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
19456
+ -webkit-backface-visibility: hidden;
19457
+ backface-visibility: hidden;
19458
+ overflow-y: auto;
19503
19459
  }.v-expansion-panel {
19504
19460
  background-color: rgb(var(--v-theme-surface));
19505
19461
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20990,6 +20946,35 @@ textarea.v-field__input::placeholder {
20990
20946
  opacity: 0;
20991
20947
  }.v-locale-provider {
20992
20948
  display: contents;
20949
+ }.v-divider {
20950
+ display: block;
20951
+ flex: 1 1 100%;
20952
+ height: 0px;
20953
+ max-height: 0px;
20954
+ opacity: var(--v-border-opacity);
20955
+ transition: inherit;
20956
+ border-style: solid;
20957
+ border-width: thin 0 0 0;
20958
+ }
20959
+ .v-divider--vertical {
20960
+ align-self: stretch;
20961
+ border-width: 0 thin 0 0;
20962
+ display: inline-flex;
20963
+ height: inherit;
20964
+ margin-left: -1px;
20965
+ max-height: 100%;
20966
+ max-width: 0px;
20967
+ vertical-align: text-bottom;
20968
+ width: 0px;
20969
+ }
20970
+ .v-divider--inset:not(.v-divider--vertical) {
20971
+ max-width: calc(100% - 72px);
20972
+ margin-inline-start: 72px;
20973
+ }
20974
+ .v-divider--inset.v-divider--vertical {
20975
+ margin-bottom: 8px;
20976
+ margin-top: 8px;
20977
+ max-height: calc(100% - 16px);
20993
20978
  }.v-main {
20994
20979
  flex: 1 0 auto;
20995
20980
  max-width: 100%;
@@ -21531,21 +21516,68 @@ html.v-overlay-scroll-blocked {
21531
21516
  0% {
21532
21517
  background-position-x: var(--v-progress-linear-height);
21533
21518
  }
21534
- }.v-radio-group > .v-input__control {
21519
+ }.v-rating {
21520
+ max-width: 100%;
21521
+ display: inline-flex;
21522
+ white-space: nowrap;
21523
+ }
21524
+ .v-rating--readonly {
21525
+ pointer-events: none;
21526
+ }
21527
+
21528
+ .v-rating__wrapper {
21529
+ align-items: center;
21530
+ display: inline-flex;
21535
21531
  flex-direction: column;
21536
21532
  }
21537
- .v-radio-group > .v-input__control > .v-label {
21538
- margin-inline-start: 8px;
21533
+ .v-rating__wrapper--bottom {
21534
+ flex-direction: column-reverse;
21539
21535
  }
21540
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
21541
- margin-top: 8px;
21536
+
21537
+ .v-rating__item {
21538
+ display: inline-flex;
21539
+ position: relative;
21540
+ }
21541
+ .v-rating__item label {
21542
+ cursor: pointer;
21543
+ }
21544
+ .v-rating__item .v-btn--variant-plain {
21545
+ opacity: 1;
21546
+ }
21547
+ .v-rating__item .v-btn {
21548
+ transition-property: transform;
21549
+ }
21550
+ .v-rating__item .v-btn .v-icon {
21551
+ transition: inherit;
21552
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
21553
+ }
21554
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
21555
+ transform: scale(1.25);
21556
+ }
21557
+ .v-rating__item--half {
21558
+ overflow: hidden;
21559
+ position: absolute;
21560
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
21561
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
21562
+ z-index: 1;
21563
+ }
21564
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
21565
+ opacity: 0;
21566
+ }
21567
+
21568
+ .v-rating__hidden {
21569
+ height: 0;
21570
+ opacity: 0;
21571
+ position: absolute;
21572
+ width: 0;
21542
21573
  }.v-slider .v-slider__container input {
21543
21574
  cursor: default;
21544
21575
  padding: 0;
21545
21576
  width: 100%;
21546
21577
  display: none;
21547
21578
  }
21548
- .v-slider .v-input__append, .v-slider .v-input__prepend {
21579
+ .v-slider > .v-input__append,
21580
+ .v-slider > .v-input__prepend {
21549
21581
  padding: 0;
21550
21582
  }
21551
21583
 
@@ -21571,7 +21603,7 @@ html.v-overlay-scroll-blocked {
21571
21603
  margin-inline-start: 8px;
21572
21604
  margin-inline-end: 8px;
21573
21605
  }
21574
- .v-slider.v-input--horizontal .v-input__control {
21606
+ .v-slider.v-input--horizontal > .v-input__control {
21575
21607
  min-height: 32px;
21576
21608
  display: flex;
21577
21609
  align-items: center;
@@ -21582,7 +21614,7 @@ html.v-overlay-scroll-blocked {
21582
21614
  margin-top: 12px;
21583
21615
  margin-bottom: 12px;
21584
21616
  }
21585
- .v-slider.v-input--vertical .v-input__control {
21617
+ .v-slider.v-input--vertical > .v-input__control {
21586
21618
  min-height: 300px;
21587
21619
  }
21588
21620
 
@@ -21590,66 +21622,12 @@ html.v-overlay-scroll-blocked {
21590
21622
  pointer-events: none;
21591
21623
  }
21592
21624
 
21593
- .v-slider--has-labels .v-input__control {
21625
+ .v-slider--has-labels > .v-input__control {
21594
21626
  margin-bottom: 4px;
21595
21627
  }
21596
21628
 
21597
21629
  .v-slider__label {
21598
21630
  margin-inline-end: 12px;
21599
- }.v-rating {
21600
- max-width: 100%;
21601
- display: inline-flex;
21602
- white-space: nowrap;
21603
- }
21604
- .v-rating--readonly {
21605
- pointer-events: none;
21606
- }
21607
-
21608
- .v-rating__wrapper {
21609
- align-items: center;
21610
- display: inline-flex;
21611
- flex-direction: column;
21612
- }
21613
- .v-rating__wrapper--bottom {
21614
- flex-direction: column-reverse;
21615
- }
21616
-
21617
- .v-rating__item {
21618
- display: inline-flex;
21619
- position: relative;
21620
- }
21621
- .v-rating__item label {
21622
- cursor: pointer;
21623
- }
21624
- .v-rating__item .v-btn--variant-plain {
21625
- opacity: 1;
21626
- }
21627
- .v-rating__item .v-btn {
21628
- transition-property: transform;
21629
- }
21630
- .v-rating__item .v-btn .v-icon {
21631
- transition: inherit;
21632
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
21633
- }
21634
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
21635
- transform: scale(1.25);
21636
- }
21637
- .v-rating__item--half {
21638
- overflow: hidden;
21639
- position: absolute;
21640
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
21641
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
21642
- z-index: 1;
21643
- }
21644
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
21645
- opacity: 0;
21646
- }
21647
-
21648
- .v-rating__hidden {
21649
- height: 0;
21650
- opacity: 0;
21651
- position: absolute;
21652
- width: 0;
21653
21631
  }.v-responsive {
21654
21632
  display: grid;
21655
21633
  grid-template-rows: minmax(100%, 1fr);
@@ -21928,6 +21906,14 @@ html.v-overlay-scroll-blocked {
21928
21906
  .v-slide-group--vertical .v-slide-group__container,
21929
21907
  .v-slide-group--vertical .v-slide-group__content {
21930
21908
  flex-direction: column;
21909
+ }.v-radio-group > .v-input__control {
21910
+ flex-direction: column;
21911
+ }
21912
+ .v-radio-group > .v-input__control > .v-label {
21913
+ margin-inline-start: 8px;
21914
+ }
21915
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
21916
+ margin-top: 8px;
21931
21917
  }.v-snackbar {
21932
21918
  justify-content: center;
21933
21919
  z-index: 10000;
@@ -22375,48 +22361,6 @@ html.v-overlay-scroll-blocked {
22375
22361
  border-top: 0px !important;
22376
22362
  position: sticky;
22377
22363
  bottom: 0;
22378
- }.v-textarea .v-field {
22379
- --v-textarea-control-height: var(--v-input-control-height);
22380
- }
22381
- .v-textarea .v-field__field {
22382
- --v-input-control-height: var(--v-textarea-control-height);
22383
- }
22384
- .v-textarea .v-field__input {
22385
- flex: 1 1 auto;
22386
- outline: none;
22387
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
22388
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
22389
- }
22390
- .v-textarea--auto-grow .v-field__input {
22391
- overflow: hidden;
22392
- }
22393
- .v-textarea--no-resize .v-field__input {
22394
- resize: none;
22395
- }
22396
- .v-textarea__sizer {
22397
- visibility: hidden;
22398
- position: absolute;
22399
- top: 0;
22400
- left: 0;
22401
- height: 0 !important;
22402
- min-height: 0 !important;
22403
- pointer-events: none;
22404
- }
22405
- .v-textarea .v-field--no-label textarea,
22406
- .v-textarea .v-field--active textarea {
22407
- opacity: 1;
22408
- }
22409
- .v-textarea textarea {
22410
- opacity: 0;
22411
- flex: 1;
22412
- min-width: 0;
22413
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
22414
- }
22415
- .v-textarea textarea:focus, .v-textarea textarea:active {
22416
- outline: none;
22417
- }
22418
- .v-textarea textarea:invalid {
22419
- box-shadow: none;
22420
22364
  }/* region BLOCK */
22421
22365
  .v-text-field input {
22422
22366
  color: inherit;
@@ -23175,6 +23119,64 @@ html.v-overlay-scroll-blocked {
23175
23119
  }
23176
23120
  .v-window-y-reverse-transition-leave-to {
23177
23121
  transform: translateY(100%);
23122
+ }.v-application {
23123
+ display: flex;
23124
+ background: rgb(var(--v-theme-background));
23125
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23126
+ }
23127
+
23128
+ .v-application__wrap {
23129
+ -webkit-backface-visibility: hidden;
23130
+ backface-visibility: hidden;
23131
+ display: flex;
23132
+ flex-direction: column;
23133
+ flex: 1 1 auto;
23134
+ max-width: 100%;
23135
+ min-height: 100vh;
23136
+ min-height: 100dvh;
23137
+ position: relative;
23138
+ }.v-textarea .v-field {
23139
+ --v-textarea-control-height: var(--v-input-control-height);
23140
+ }
23141
+ .v-textarea .v-field__field {
23142
+ --v-input-control-height: var(--v-textarea-control-height);
23143
+ }
23144
+ .v-textarea .v-field__input {
23145
+ flex: 1 1 auto;
23146
+ outline: none;
23147
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23148
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23149
+ }
23150
+ .v-textarea--auto-grow .v-field__input {
23151
+ overflow: hidden;
23152
+ }
23153
+ .v-textarea--no-resize .v-field__input {
23154
+ resize: none;
23155
+ }
23156
+ .v-textarea__sizer {
23157
+ visibility: hidden;
23158
+ position: absolute;
23159
+ top: 0;
23160
+ left: 0;
23161
+ height: 0 !important;
23162
+ min-height: 0 !important;
23163
+ pointer-events: none;
23164
+ }
23165
+ .v-textarea .v-field--no-label textarea,
23166
+ .v-textarea .v-field--active textarea {
23167
+ opacity: 1;
23168
+ }
23169
+ .v-textarea textarea {
23170
+ opacity: 0;
23171
+ flex: 1;
23172
+ min-width: 0;
23173
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23174
+ }
23175
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23176
+ outline: none;
23177
+ }
23178
+ .v-textarea textarea:invalid {
23179
+ box-shadow: none;
23178
23180
  }.v-color-picker-canvas {
23179
23181
  display: flex;
23180
23182
  position: relative;