@vuetify/nightly 3.8.1-master.2025-04-16 → 3.8.1-next.2025-04-18

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 (220) hide show
  1. package/CHANGELOG.md +36 -32
  2. package/dist/json/attributes.json +2908 -2908
  3. package/dist/json/importMap-labs.json +24 -24
  4. package/dist/json/importMap.json +176 -176
  5. package/dist/json/web-types.json +5479 -5439
  6. package/dist/vuetify-labs.cjs +346 -197
  7. package/dist/vuetify-labs.css +26018 -27768
  8. package/dist/vuetify-labs.d.ts +243 -646
  9. package/dist/vuetify-labs.esm.js +347 -198
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +346 -197
  12. package/dist/vuetify-labs.min.css +3 -4
  13. package/dist/vuetify.cjs +328 -173
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +22735 -24481
  16. package/dist/vuetify.d.ts +281 -684
  17. package/dist/vuetify.esm.js +329 -174
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +328 -173
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +3 -4
  22. package/dist/vuetify.min.js +1152 -1161
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/blueprints/md3.js +5 -18
  25. package/lib/blueprints/md3.js.map +1 -1
  26. package/lib/components/VAlert/VAlert.css +207 -215
  27. package/lib/components/VApp/VApp.css +16 -15
  28. package/lib/components/VAppBar/VAppBar.css +14 -12
  29. package/lib/components/VAutocomplete/VAutocomplete.css +85 -84
  30. package/lib/components/VAutocomplete/VAutocomplete.d.ts +18 -9
  31. package/lib/components/VAutocomplete/VAutocomplete.js +6 -3
  32. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  33. package/lib/components/VAvatar/VAvatar.css +108 -106
  34. package/lib/components/VBadge/VBadge.css +77 -77
  35. package/lib/components/VBanner/VBanner.css +161 -166
  36. package/lib/components/VBottomNavigation/VBottomNavigation.css +65 -64
  37. package/lib/components/VBottomSheet/VBottomSheet.css +34 -31
  38. package/lib/components/VBreadcrumbs/VBreadcrumbs.css +54 -57
  39. package/lib/components/VBtn/VBtn.css +372 -408
  40. package/lib/components/VBtn/VBtn.sass +10 -23
  41. package/lib/components/VBtn/_variables.scss +1 -1
  42. package/lib/components/VBtnGroup/VBtnGroup.css +63 -64
  43. package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
  44. package/lib/components/VCard/VCard.css +294 -302
  45. package/lib/components/VCarousel/VCarousel.css +63 -65
  46. package/lib/components/VCarousel/VCarousel.sass +1 -1
  47. package/lib/components/VCheckbox/VCheckbox.css +7 -5
  48. package/lib/components/VChip/VChip.css +378 -411
  49. package/lib/components/VChipGroup/VChipGroup.css +19 -18
  50. package/lib/components/VCode/VCode.css +10 -11
  51. package/lib/components/VCode/VCode.sass +0 -3
  52. package/lib/components/VColorPicker/VColorPicker.css +23 -23
  53. package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
  54. package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
  55. package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
  56. package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
  57. package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
  58. package/lib/components/VCombobox/VCombobox.css +85 -84
  59. package/lib/components/VCombobox/VCombobox.d.ts +18 -9
  60. package/lib/components/VCombobox/VCombobox.js +6 -3
  61. package/lib/components/VCombobox/VCombobox.js.map +1 -1
  62. package/lib/components/VCounter/VCounter.css +7 -5
  63. package/lib/components/VDataTable/VDataTable.css +189 -186
  64. package/lib/components/VDataTable/VDataTable.sass +21 -11
  65. package/lib/components/VDataTable/VDataTableFooter.css +33 -31
  66. package/lib/components/VDatePicker/VDatePicker.css +8 -6
  67. package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
  68. package/lib/components/VDatePicker/VDatePickerControls.css +55 -57
  69. package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
  70. package/lib/components/VDatePicker/VDatePickerMonth.css +51 -55
  71. package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
  72. package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
  73. package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
  74. package/lib/components/VDialog/VDialog.css +98 -98
  75. package/lib/components/VDivider/VDivider.css +52 -52
  76. package/lib/components/VEmptyState/VEmptyState.css +62 -67
  77. package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
  78. package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
  79. package/lib/components/VFab/VFab.css +78 -73
  80. package/lib/components/VFab/VFab.sass +5 -4
  81. package/lib/components/VField/VField.css +541 -589
  82. package/lib/components/VField/VField.sass +4 -11
  83. package/lib/components/VField/_variables.scss +1 -1
  84. package/lib/components/VFileInput/VFileInput.css +30 -28
  85. package/lib/components/VFooter/VFooter.css +38 -36
  86. package/lib/components/VForm/VForm.d.ts +111 -531
  87. package/lib/components/VForm/VForm.js +11 -1
  88. package/lib/components/VForm/VForm.js.map +1 -1
  89. package/lib/components/VGrid/VGrid.css +565 -592
  90. package/lib/components/VIcon/VIcon.css +52 -53
  91. package/lib/components/VImg/VImg.css +50 -51
  92. package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
  93. package/lib/components/VInput/VInput.css +136 -147
  94. package/lib/components/VItemGroup/VItemGroup.css +7 -5
  95. package/lib/components/VKbd/VKbd.css +13 -11
  96. package/lib/components/VLabel/VLabel.css +16 -15
  97. package/lib/components/VLayout/VLayout.css +10 -8
  98. package/lib/components/VLayout/VLayoutItem.css +8 -7
  99. package/lib/components/VList/VList.css +104 -108
  100. package/lib/components/VList/VList.sass +1 -1
  101. package/lib/components/VList/VListItem.css +440 -452
  102. package/lib/components/VList/VListItem.sass +2 -1
  103. package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
  104. package/lib/components/VMain/VMain.css +32 -30
  105. package/lib/components/VMenu/VMenu.css +21 -19
  106. package/lib/components/VMessages/VMessages.css +17 -15
  107. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
  108. package/lib/components/VNumberInput/VNumberInput.css +48 -46
  109. package/lib/components/VOtpInput/VOtpInput.css +56 -58
  110. package/lib/components/VOverlay/VOverlay.css +61 -64
  111. package/lib/components/VOverlay/VOverlay.sass +14 -13
  112. package/lib/components/VPagination/VPagination.css +10 -8
  113. package/lib/components/VParallax/VParallax.css +8 -6
  114. package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
  115. package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
  116. package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
  117. package/lib/components/VRating/VRating.css +52 -53
  118. package/lib/components/VResponsive/VResponsive.css +25 -26
  119. package/lib/components/VSelect/VSelect.css +53 -51
  120. package/lib/components/VSelect/VSelect.d.ts +18 -9
  121. package/lib/components/VSelect/VSelect.js +6 -3
  122. package/lib/components/VSelect/VSelect.js.map +1 -1
  123. package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
  124. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
  125. package/lib/components/VSheet/VSheet.css +38 -36
  126. package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
  127. package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
  128. package/lib/components/VSlider/VSlider.css +53 -57
  129. package/lib/components/VSlider/VSliderThumb.css +142 -153
  130. package/lib/components/VSlider/VSliderTrack.css +155 -174
  131. package/lib/components/VSnackbar/VSnackbar.css +140 -140
  132. package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
  133. package/lib/components/VStepper/VStepper.css +55 -56
  134. package/lib/components/VStepper/VStepperItem.css +112 -115
  135. package/lib/components/VSwitch/VSwitch.css +129 -139
  136. package/lib/components/VSystemBar/VSystemBar.css +45 -43
  137. package/lib/components/VTable/VTable.css +140 -141
  138. package/lib/components/VTable/VTable.sass +4 -2
  139. package/lib/components/VTabs/VTab.css +30 -29
  140. package/lib/components/VTabs/VTabs.css +59 -65
  141. package/lib/components/VTextField/VTextField.css +77 -85
  142. package/lib/components/VTextarea/VTextarea.css +48 -40
  143. package/lib/components/VTextarea/VTextarea.sass +4 -2
  144. package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
  145. package/lib/components/VTimeline/VTimeline.css +388 -427
  146. package/lib/components/VToolbar/VToolbar.css +137 -144
  147. package/lib/components/VTooltip/VTooltip.css +27 -23
  148. package/lib/components/VTooltip/VTooltip.sass +8 -6
  149. package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
  150. package/lib/components/VWindow/VWindow.css +73 -70
  151. package/lib/composables/calendar.d.ts +2 -2
  152. package/lib/composables/calendar.js +7 -5
  153. package/lib/composables/calendar.js.map +1 -1
  154. package/lib/composables/date/DateAdapter.d.ts +0 -1
  155. package/lib/composables/date/DateAdapter.js.map +1 -1
  156. package/lib/composables/date/adapters/vuetify.d.ts +0 -1
  157. package/lib/composables/date/adapters/vuetify.js +160 -101
  158. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  159. package/lib/composables/date/date.d.ts +1 -1
  160. package/lib/composables/date/date.js +20 -0
  161. package/lib/composables/date/date.js.map +1 -1
  162. package/lib/composables/filter.js +1 -2
  163. package/lib/composables/filter.js.map +1 -1
  164. package/lib/composables/theme.d.ts +6 -1
  165. package/lib/composables/theme.js +98 -30
  166. package/lib/composables/theme.js.map +1 -1
  167. package/lib/composables/validation.js +0 -5
  168. package/lib/composables/validation.js.map +1 -1
  169. package/lib/composables/virtual.js +6 -1
  170. package/lib/composables/virtual.js.map +1 -1
  171. package/lib/directives/ripple/VRipple.css +38 -36
  172. package/lib/entry-bundler.d.ts +0 -1
  173. package/lib/entry-bundler.js +1 -1
  174. package/lib/entry-bundler.js.map +1 -1
  175. package/lib/framework.d.ts +70 -68
  176. package/lib/framework.js +1 -1
  177. package/lib/framework.js.map +1 -1
  178. package/lib/labs/VCalendar/VCalendar.css +219 -225
  179. package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
  180. package/lib/labs/VCalendar/VCalendarDay.css +33 -32
  181. package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
  182. package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
  183. package/lib/labs/VCalendar/VCalendarInterval.js +19 -25
  184. package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
  185. package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
  186. package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
  187. package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
  188. package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
  189. package/lib/labs/VFileUpload/VFileUpload.css +74 -77
  190. package/lib/labs/VIconBtn/VIconBtn.css +162 -164
  191. package/lib/labs/VPicker/VPicker.css +58 -63
  192. package/lib/labs/VTimePicker/VTimePicker.css +9 -7
  193. package/lib/labs/VTimePicker/VTimePickerClock.css +126 -129
  194. package/lib/labs/VTimePicker/VTimePickerControls.css +102 -103
  195. package/lib/labs/VTreeview/VTreeviewItem.css +30 -28
  196. package/lib/labs/VTreeview/VTreeviewItem.sass +3 -2
  197. package/lib/labs/entry-bundler.d.ts +0 -1
  198. package/lib/styles/elements/_global.sass +1 -1
  199. package/lib/styles/generic/_colors.scss +3 -3
  200. package/lib/styles/generic/_layers.scss +13 -1
  201. package/lib/styles/generic/_reset.scss +0 -1
  202. package/lib/styles/generic/_transitions.scss +32 -32
  203. package/lib/styles/main.css +14668 -16143
  204. package/lib/styles/settings/_utilities.scss +0 -5
  205. package/lib/styles/settings/_variables.scss +2 -3
  206. package/lib/styles/tools/_border.sass +4 -4
  207. package/lib/styles/tools/_display.sass +0 -10
  208. package/lib/styles/tools/_elevation.sass +2 -2
  209. package/lib/styles/tools/_index.sass +0 -2
  210. package/lib/styles/tools/_layer.scss +4 -2
  211. package/lib/styles/tools/_position.sass +2 -2
  212. package/lib/styles/tools/_rounded.sass +2 -2
  213. package/lib/styles/tools/_utilities.sass +1 -5
  214. package/lib/styles/utilities/_elevation.scss +1 -1
  215. package/lib/util/globals.d.ts +1 -0
  216. package/lib/util/globals.js +1 -0
  217. package/lib/util/globals.js.map +1 -1
  218. package/package.json +45 -46
  219. package/lib/styles/tools/_bootable.sass +0 -3
  220. package/lib/styles/tools/_radius.sass +0 -10
@@ -1,424 +1,388 @@
1
- .v-btn {
2
- align-items: center;
3
- border-radius: 4px;
4
- display: inline-grid;
5
- grid-template-areas: "prepend content append";
6
- grid-template-columns: max-content auto max-content;
7
- font-weight: 500;
8
- justify-content: center;
9
- letter-spacing: 0.0892857143em;
10
- line-height: normal;
11
- max-width: 100%;
12
- outline: none;
13
- position: relative;
14
- text-decoration: none;
15
- text-indent: 0.0892857143em;
16
- text-transform: uppercase;
17
- transition-property: box-shadow, transform, opacity, background;
18
- transition-duration: 0.28s;
19
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20
- user-select: none;
21
- vertical-align: middle;
22
- flex-shrink: 0;
23
- }
24
- .v-btn--size-x-small {
25
- --v-btn-size: 0.625rem;
26
- --v-btn-height: 20px;
27
- font-size: var(--v-btn-size);
28
- min-width: 36px;
29
- padding: 0 8px;
30
- }
31
-
32
- .v-btn--size-small {
33
- --v-btn-size: 0.75rem;
34
- --v-btn-height: 28px;
35
- font-size: var(--v-btn-size);
36
- min-width: 50px;
37
- padding: 0 12px;
38
- }
39
-
40
- .v-btn--size-default {
41
- --v-btn-size: 0.875rem;
42
- --v-btn-height: 36px;
43
- font-size: var(--v-btn-size);
44
- min-width: 64px;
45
- padding: 0 16px;
46
- }
47
-
48
- .v-btn--size-large {
49
- --v-btn-size: 1rem;
50
- --v-btn-height: 44px;
51
- font-size: var(--v-btn-size);
52
- min-width: 78px;
53
- padding: 0 20px;
54
- }
55
-
56
- .v-btn--size-x-large {
57
- --v-btn-size: 1.125rem;
58
- --v-btn-height: 52px;
59
- font-size: var(--v-btn-size);
60
- min-width: 92px;
61
- padding: 0 24px;
62
- }
63
-
64
- .v-btn.v-btn--density-default {
65
- height: calc(var(--v-btn-height) + 0px);
66
- }
67
-
68
- .v-btn.v-btn--density-comfortable {
69
- height: calc(var(--v-btn-height) + -8px);
70
- }
71
-
72
- .v-btn.v-btn--density-compact {
73
- height: calc(var(--v-btn-height) + -12px);
74
- }
75
-
76
- .v-btn {
77
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
78
- border-style: solid;
79
- border-width: 0;
80
- }
81
- .v-btn--border {
82
- border-width: thin;
83
- box-shadow: none;
84
- }
85
- .v-btn--absolute {
86
- position: absolute;
87
- }
88
- .v-btn--fixed {
89
- position: fixed;
90
- }
91
- .v-btn:hover > .v-btn__overlay {
92
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
93
- }
94
- .v-btn:focus-visible > .v-btn__overlay {
95
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
96
- }
97
- @supports not selector(:focus-visible) {
98
- .v-btn:focus > .v-btn__overlay {
1
+ @layer vuetify.components {
2
+ .v-btn {
3
+ align-items: center;
4
+ border-radius: 4px;
5
+ display: inline-flex;
6
+ flex-direction: row;
7
+ font-weight: 500;
8
+ justify-content: center;
9
+ letter-spacing: 0.0892857143em;
10
+ line-height: normal;
11
+ max-width: 100%;
12
+ outline: none;
13
+ position: relative;
14
+ text-decoration: none;
15
+ text-indent: 0.0892857143em;
16
+ text-transform: none;
17
+ transition-property: box-shadow, transform, opacity, background;
18
+ transition-duration: 0.28s;
19
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20
+ user-select: none;
21
+ vertical-align: middle;
22
+ flex-shrink: 0;
23
+ }
24
+ .v-btn--size-x-small {
25
+ --v-btn-size: 0.625rem;
26
+ --v-btn-height: 20px;
27
+ font-size: var(--v-btn-size);
28
+ min-width: 36px;
29
+ padding: 0 8px;
30
+ }
31
+ .v-btn--size-small {
32
+ --v-btn-size: 0.75rem;
33
+ --v-btn-height: 28px;
34
+ font-size: var(--v-btn-size);
35
+ min-width: 50px;
36
+ padding: 0 12px;
37
+ }
38
+ .v-btn--size-default {
39
+ --v-btn-size: 0.875rem;
40
+ --v-btn-height: 36px;
41
+ font-size: var(--v-btn-size);
42
+ min-width: 64px;
43
+ padding: 0 16px;
44
+ }
45
+ .v-btn--size-large {
46
+ --v-btn-size: 1rem;
47
+ --v-btn-height: 44px;
48
+ font-size: var(--v-btn-size);
49
+ min-width: 78px;
50
+ padding: 0 20px;
51
+ }
52
+ .v-btn--size-x-large {
53
+ --v-btn-size: 1.125rem;
54
+ --v-btn-height: 52px;
55
+ font-size: var(--v-btn-size);
56
+ min-width: 92px;
57
+ padding: 0 24px;
58
+ }
59
+ .v-btn.v-btn--density-default {
60
+ height: calc(var(--v-btn-height) + 0px);
61
+ }
62
+ .v-btn.v-btn--density-comfortable {
63
+ height: calc(var(--v-btn-height) + -8px);
64
+ }
65
+ .v-btn.v-btn--density-compact {
66
+ height: calc(var(--v-btn-height) + -12px);
67
+ }
68
+ .v-btn {
69
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
70
+ border-style: solid;
71
+ border-width: 0;
72
+ }
73
+ .v-btn--border {
74
+ border-width: thin;
75
+ box-shadow: none;
76
+ }
77
+ .v-btn--absolute {
78
+ position: absolute;
79
+ }
80
+ .v-btn--fixed {
81
+ position: fixed;
82
+ }
83
+ .v-btn:hover > .v-btn__overlay {
84
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
85
+ }
86
+ .v-btn:focus-visible > .v-btn__overlay {
99
87
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
100
88
  }
101
- }
102
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
103
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
104
- }
105
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
106
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
107
- }
108
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
109
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
110
- }
111
- @supports not selector(:focus-visible) {
112
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
89
+ @supports not selector(:focus-visible) {
90
+ .v-btn:focus > .v-btn__overlay {
91
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
92
+ }
93
+ }
94
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
95
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
96
+ }
97
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
98
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
99
+ }
100
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
113
101
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
114
102
  }
115
- }
116
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
117
- background: transparent;
118
- color: inherit;
119
- }
120
- .v-btn--variant-plain {
121
- opacity: 0.62;
122
- }
123
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
124
- opacity: 1;
125
- }
126
- .v-btn--variant-plain .v-btn__overlay {
127
- display: none;
128
- }
129
- .v-btn--variant-elevated, .v-btn--variant-flat {
130
- background: rgb(var(--v-theme-surface));
131
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
132
- }
133
- .v-btn--variant-elevated {
134
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
135
- }
136
- .v-btn--variant-flat {
137
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
138
- }
139
- .v-btn--variant-outlined {
140
- border: thin solid currentColor;
141
- }
142
- .v-btn--variant-text .v-btn__overlay {
143
- background: currentColor;
144
- }
145
- .v-btn--variant-tonal .v-btn__underlay {
146
- background: currentColor;
147
- opacity: var(--v-activated-opacity);
148
- border-radius: inherit;
149
- top: 0;
150
- right: 0;
151
- bottom: 0;
152
- left: 0;
153
- pointer-events: none;
154
- }
155
- .v-btn .v-btn__underlay {
156
- position: absolute;
157
- }
158
- @supports selector(:focus-visible) {
159
- .v-btn::after {
103
+ @supports not selector(:focus-visible) {
104
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
105
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
106
+ }
107
+ }
108
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
109
+ background: transparent;
110
+ color: inherit;
111
+ }
112
+ .v-btn--variant-plain {
113
+ opacity: 0.62;
114
+ }
115
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
116
+ opacity: 1;
117
+ }
118
+ .v-btn--variant-plain .v-btn__overlay {
119
+ display: none;
120
+ }
121
+ .v-btn--variant-elevated, .v-btn--variant-flat {
122
+ background: rgb(var(--v-theme-surface));
123
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
124
+ }
125
+ .v-btn--variant-elevated {
126
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
127
+ }
128
+ .v-btn--variant-flat {
129
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
130
+ }
131
+ .v-btn--variant-outlined {
132
+ border: thin solid currentColor;
133
+ }
134
+ .v-btn--variant-text .v-btn__overlay {
135
+ background: currentColor;
136
+ }
137
+ .v-btn--variant-tonal .v-btn__underlay {
138
+ background: currentColor;
139
+ opacity: var(--v-activated-opacity);
140
+ border-radius: inherit;
141
+ top: 0;
142
+ right: 0;
143
+ bottom: 0;
144
+ left: 0;
145
+ pointer-events: none;
146
+ }
147
+ .v-btn .v-btn__underlay {
148
+ position: absolute;
149
+ }
150
+ @supports selector(:focus-visible) {
151
+ .v-btn::after {
152
+ pointer-events: none;
153
+ border: 2px solid currentColor;
154
+ border-radius: inherit;
155
+ opacity: 0;
156
+ transition: opacity 0.2s ease-in-out;
157
+ }
158
+ .v-btn::after {
159
+ content: "";
160
+ position: absolute;
161
+ top: 0;
162
+ left: 0;
163
+ width: 100%;
164
+ height: 100%;
165
+ }
166
+ .v-btn:focus-visible::after {
167
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
168
+ }
169
+ }
170
+ .v-btn--icon {
171
+ border-radius: 50%;
172
+ min-width: 0;
173
+ padding: 0;
174
+ }
175
+ .v-btn--icon.v-btn--size-default {
176
+ --v-btn-size: 1rem;
177
+ }
178
+ .v-btn--icon.v-btn--density-default {
179
+ width: calc(var(--v-btn-height) + 12px);
180
+ height: calc(var(--v-btn-height) + 12px);
181
+ }
182
+ .v-btn--icon.v-btn--density-comfortable {
183
+ width: calc(var(--v-btn-height) + 0px);
184
+ height: calc(var(--v-btn-height) + 0px);
185
+ }
186
+ .v-btn--icon.v-btn--density-compact {
187
+ width: calc(var(--v-btn-height) + -8px);
188
+ height: calc(var(--v-btn-height) + -8px);
189
+ }
190
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
191
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
192
+ }
193
+ .v-btn--elevated:active {
194
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
195
+ }
196
+ .v-btn--flat {
197
+ box-shadow: none;
198
+ }
199
+ .v-btn--block {
200
+ display: flex;
201
+ flex: 1 0 auto;
202
+ min-width: 100%;
203
+ }
204
+ .v-btn--disabled {
160
205
  pointer-events: none;
161
- border: 2px solid currentColor;
206
+ opacity: 0.26;
207
+ }
208
+ .v-btn--disabled:hover {
209
+ opacity: 0.26;
210
+ }
211
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
212
+ box-shadow: none;
213
+ opacity: 1;
214
+ color: rgba(var(--v-theme-on-surface), 0.26);
215
+ background: rgb(var(--v-theme-surface));
216
+ }
217
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
218
+ opacity: 0.4615384615;
219
+ }
220
+ .v-btn--loading {
221
+ pointer-events: none;
222
+ }
223
+ .v-btn--loading .v-btn__content,
224
+ .v-btn--loading .v-btn__prepend,
225
+ .v-btn--loading .v-btn__append {
226
+ opacity: 0;
227
+ }
228
+ .v-btn--stacked {
229
+ align-items: center;
230
+ flex-direction: column;
231
+ justify-content: center;
232
+ gap: 4px;
233
+ }
234
+ .v-btn--stacked .v-btn__content {
235
+ flex-direction: column;
236
+ line-height: 1.25;
237
+ }
238
+ .v-btn--stacked .v-btn__prepend,
239
+ .v-btn--stacked .v-btn__append,
240
+ .v-btn--stacked .v-btn__content > .v-icon--start,
241
+ .v-btn--stacked .v-btn__content > .v-icon--end {
242
+ margin-inline: 0;
243
+ }
244
+ .v-btn--stacked.v-btn--size-x-small {
245
+ --v-btn-size: 0.625rem;
246
+ --v-btn-height: 56px;
247
+ font-size: var(--v-btn-size);
248
+ min-width: 56px;
249
+ padding: 0 12px;
250
+ }
251
+ .v-btn--stacked.v-btn--size-small {
252
+ --v-btn-size: 0.75rem;
253
+ --v-btn-height: 64px;
254
+ font-size: var(--v-btn-size);
255
+ min-width: 64px;
256
+ padding: 0 14px;
257
+ }
258
+ .v-btn--stacked.v-btn--size-default {
259
+ --v-btn-size: 0.875rem;
260
+ --v-btn-height: 72px;
261
+ font-size: var(--v-btn-size);
262
+ min-width: 72px;
263
+ padding: 0 16px;
264
+ }
265
+ .v-btn--stacked.v-btn--size-large {
266
+ --v-btn-size: 1rem;
267
+ --v-btn-height: 80px;
268
+ font-size: var(--v-btn-size);
269
+ min-width: 80px;
270
+ padding: 0 18px;
271
+ }
272
+ .v-btn--stacked.v-btn--size-x-large {
273
+ --v-btn-size: 1.125rem;
274
+ --v-btn-height: 88px;
275
+ font-size: var(--v-btn-size);
276
+ min-width: 88px;
277
+ padding: 0 20px;
278
+ }
279
+ .v-btn--stacked.v-btn--density-default {
280
+ height: calc(var(--v-btn-height) + 0px);
281
+ }
282
+ .v-btn--stacked.v-btn--density-comfortable {
283
+ height: calc(var(--v-btn-height) + -16px);
284
+ }
285
+ .v-btn--stacked.v-btn--density-compact {
286
+ height: calc(var(--v-btn-height) + -24px);
287
+ }
288
+ .v-btn--slim {
289
+ padding: 0 8px;
290
+ }
291
+ .v-btn--readonly {
292
+ pointer-events: none;
293
+ }
294
+ .v-btn--rounded {
295
+ border-radius: 24px;
296
+ }
297
+ .v-btn--rounded.v-btn--icon {
298
+ border-radius: 4px;
299
+ }
300
+ .v-btn .v-icon {
301
+ --v-icon-size-multiplier: 0.8571428571;
302
+ }
303
+ .v-btn--icon .v-icon {
304
+ --v-icon-size-multiplier: 1;
305
+ }
306
+ .v-btn--stacked .v-icon {
307
+ --v-icon-size-multiplier: 1.1428571429;
308
+ }
309
+ .v-btn--stacked.v-btn--block {
310
+ min-width: 100%;
311
+ }
312
+ .v-btn__loader {
313
+ align-items: center;
314
+ display: flex;
315
+ height: 100%;
316
+ justify-content: center;
317
+ left: 0;
318
+ position: absolute;
319
+ top: 0;
320
+ width: 100%;
321
+ }
322
+ .v-btn__loader > .v-progress-circular {
323
+ width: 1.5em;
324
+ height: 1.5em;
325
+ }
326
+ .v-btn__content,
327
+ .v-btn__prepend,
328
+ .v-btn__append {
329
+ align-items: center;
330
+ display: flex;
331
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
332
+ }
333
+ .v-btn__prepend {
334
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
335
+ }
336
+ .v-btn--slim .v-btn__prepend {
337
+ margin-inline-start: 0;
338
+ }
339
+ .v-btn__append {
340
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
341
+ }
342
+ .v-btn--slim .v-btn__append {
343
+ margin-inline-end: 0;
344
+ }
345
+ .v-btn__content {
346
+ justify-content: center;
347
+ white-space: nowrap;
348
+ }
349
+ .v-btn__content > .v-icon--start {
350
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
351
+ }
352
+ .v-btn__content > .v-icon--end {
353
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
354
+ }
355
+ .v-btn--stacked .v-btn__content {
356
+ white-space: normal;
357
+ }
358
+ .v-btn__overlay {
359
+ background-color: currentColor;
162
360
  border-radius: inherit;
163
361
  opacity: 0;
164
362
  transition: opacity 0.2s ease-in-out;
165
363
  }
166
- .v-btn::after {
167
- content: "";
364
+ .v-btn__overlay,
365
+ .v-btn__underlay {
366
+ pointer-events: none;
367
+ }
368
+ .v-btn__overlay,
369
+ .v-btn__underlay {
168
370
  position: absolute;
169
371
  top: 0;
170
372
  left: 0;
171
373
  width: 100%;
172
374
  height: 100%;
173
375
  }
174
- .v-btn:focus-visible::after {
175
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
176
- }
177
- }
178
- .v-btn--icon {
179
- border-radius: 50%;
180
- min-width: 0;
181
- padding: 0;
182
- }
183
- .v-btn--icon.v-btn--size-default {
184
- --v-btn-size: 1rem;
185
- }
186
- .v-btn--icon.v-btn--density-default {
187
- width: calc(var(--v-btn-height) + 12px);
188
- height: calc(var(--v-btn-height) + 12px);
189
- }
190
- .v-btn--icon.v-btn--density-comfortable {
191
- width: calc(var(--v-btn-height) + 0px);
192
- height: calc(var(--v-btn-height) + 0px);
193
- }
194
- .v-btn--icon.v-btn--density-compact {
195
- width: calc(var(--v-btn-height) + -8px);
196
- height: calc(var(--v-btn-height) + -8px);
197
- }
198
-
199
- .v-btn--elevated:hover, .v-btn--elevated:focus {
200
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
201
- }
202
- .v-btn--elevated:active {
203
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
204
- }
205
- .v-btn--flat {
206
- box-shadow: none;
207
- }
208
- .v-btn--block {
209
- display: flex;
210
- flex: 1 0 auto;
211
- min-width: 100%;
212
- }
213
- .v-btn--disabled {
214
- pointer-events: none;
215
- opacity: 0.26;
216
- }
217
- .v-btn--disabled:hover {
218
- opacity: 0.26;
219
- }
220
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
221
- box-shadow: none;
222
- opacity: 1;
223
- color: rgba(var(--v-theme-on-surface), 0.26);
224
- background: rgb(var(--v-theme-surface));
225
- }
226
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
227
- opacity: 0.4615384615;
228
- }
229
- .v-btn--loading {
230
- pointer-events: none;
231
- }
232
- .v-btn--loading .v-btn__content,
233
- .v-btn--loading .v-btn__prepend,
234
- .v-btn--loading .v-btn__append {
235
- opacity: 0;
236
- }
237
- .v-btn--stacked {
238
- grid-template-areas: "prepend" "content" "append";
239
- grid-template-columns: auto;
240
- grid-template-rows: max-content max-content max-content;
241
- justify-items: center;
242
- align-content: center;
243
- }
244
- .v-btn--stacked .v-btn__content {
245
- flex-direction: column;
246
- line-height: 1.25;
247
- }
248
- .v-btn--stacked .v-btn__prepend,
249
- .v-btn--stacked .v-btn__append,
250
- .v-btn--stacked .v-btn__content > .v-icon--start,
251
- .v-btn--stacked .v-btn__content > .v-icon--end {
252
- margin-inline: 0;
253
- }
254
- .v-btn--stacked .v-btn__prepend,
255
- .v-btn--stacked .v-btn__content > .v-icon--start {
256
- margin-bottom: 4px;
257
- }
258
- .v-btn--stacked .v-btn__append,
259
- .v-btn--stacked .v-btn__content > .v-icon--end {
260
- margin-top: 4px;
261
- }
262
- .v-btn--stacked.v-btn--size-x-small {
263
- --v-btn-size: 0.625rem;
264
- --v-btn-height: 56px;
265
- font-size: var(--v-btn-size);
266
- min-width: 56px;
267
- padding: 0 12px;
268
- }
269
-
270
- .v-btn--stacked.v-btn--size-small {
271
- --v-btn-size: 0.75rem;
272
- --v-btn-height: 64px;
273
- font-size: var(--v-btn-size);
274
- min-width: 64px;
275
- padding: 0 14px;
276
- }
277
-
278
- .v-btn--stacked.v-btn--size-default {
279
- --v-btn-size: 0.875rem;
280
- --v-btn-height: 72px;
281
- font-size: var(--v-btn-size);
282
- min-width: 72px;
283
- padding: 0 16px;
284
- }
285
-
286
- .v-btn--stacked.v-btn--size-large {
287
- --v-btn-size: 1rem;
288
- --v-btn-height: 80px;
289
- font-size: var(--v-btn-size);
290
- min-width: 80px;
291
- padding: 0 18px;
292
- }
293
-
294
- .v-btn--stacked.v-btn--size-x-large {
295
- --v-btn-size: 1.125rem;
296
- --v-btn-height: 88px;
297
- font-size: var(--v-btn-size);
298
- min-width: 88px;
299
- padding: 0 20px;
300
- }
301
-
302
- .v-btn--stacked.v-btn--density-default {
303
- height: calc(var(--v-btn-height) + 0px);
304
- }
305
-
306
- .v-btn--stacked.v-btn--density-comfortable {
307
- height: calc(var(--v-btn-height) + -16px);
308
- }
309
-
310
- .v-btn--stacked.v-btn--density-compact {
311
- height: calc(var(--v-btn-height) + -24px);
312
- }
313
-
314
- .v-btn--slim {
315
- padding: 0 8px;
316
- }
317
- .v-btn--readonly {
318
- pointer-events: none;
319
- }
320
- .v-btn--rounded {
321
- border-radius: 24px;
322
- }
323
- .v-btn--rounded.v-btn--icon {
324
- border-radius: 4px;
325
- }
326
- .v-btn .v-icon {
327
- --v-icon-size-multiplier: 0.8571428571;
328
- }
329
- .v-btn--icon .v-icon {
330
- --v-icon-size-multiplier: 1;
331
- }
332
- .v-btn--stacked .v-icon {
333
- --v-icon-size-multiplier: 1.1428571429;
334
- }
335
- .v-btn--stacked.v-btn--block {
336
- min-width: 100%;
337
- }
338
-
339
- .v-btn__loader {
340
- align-items: center;
341
- display: flex;
342
- height: 100%;
343
- justify-content: center;
344
- left: 0;
345
- position: absolute;
346
- top: 0;
347
- width: 100%;
348
- }
349
- .v-btn__loader > .v-progress-circular {
350
- width: 1.5em;
351
- height: 1.5em;
352
- }
353
-
354
- .v-btn__content,
355
- .v-btn__prepend,
356
- .v-btn__append {
357
- align-items: center;
358
- display: flex;
359
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
360
- }
361
-
362
- .v-btn__prepend {
363
- grid-area: prepend;
364
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
365
- }
366
- .v-btn--slim .v-btn__prepend {
367
- margin-inline-start: 0;
368
- }
369
-
370
- .v-btn__append {
371
- grid-area: append;
372
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
373
- }
374
- .v-btn--slim .v-btn__append {
375
- margin-inline-end: 0;
376
- }
377
-
378
- .v-btn__content {
379
- grid-area: content;
380
- justify-content: center;
381
- white-space: nowrap;
382
- }
383
- .v-btn__content > .v-icon--start {
384
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
385
- }
386
- .v-btn__content > .v-icon--end {
387
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
388
- }
389
- .v-btn--stacked .v-btn__content {
390
- white-space: normal;
391
- }
392
-
393
- .v-btn__overlay {
394
- background-color: currentColor;
395
- border-radius: inherit;
396
- opacity: 0;
397
- transition: opacity 0.2s ease-in-out;
398
- }
399
-
400
- .v-btn__overlay,
401
- .v-btn__underlay {
402
- pointer-events: none;
403
- }
404
- .v-btn__overlay,
405
- .v-btn__underlay {
406
- position: absolute;
407
- top: 0;
408
- left: 0;
409
- width: 100%;
410
- height: 100%;
411
- }
412
-
413
- .v-pagination .v-btn {
414
- border-radius: 4px;
415
- }
416
- .v-pagination .v-btn--rounded {
417
- border-radius: 50%;
418
- }
419
- .v-pagination .v-btn__overlay {
420
- transition: none;
421
- }
422
- .v-pagination .v-pagination__item--is-active .v-btn__overlay {
423
- opacity: var(--v-border-opacity);
376
+ .v-pagination .v-btn {
377
+ border-radius: 4px;
378
+ }
379
+ .v-pagination .v-btn--rounded {
380
+ border-radius: 50%;
381
+ }
382
+ .v-pagination .v-btn__overlay {
383
+ transition: none;
384
+ }
385
+ .v-pagination .v-pagination__item--is-active .v-btn__overlay {
386
+ opacity: var(--v-border-opacity);
387
+ }
424
388
  }