@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,42 +1,44 @@
1
- .v-speed-dial__content {
2
- gap: 8px;
3
- }
4
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
5
- flex-direction: row;
6
- }
7
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
8
- flex-direction: row-reverse;
9
- }
10
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
11
- flex-direction: column-reverse;
12
- }
13
- .v-speed-dial__content > *:nth-child(1) {
14
- transition-delay: 0s;
15
- }
16
- .v-speed-dial__content > *:nth-child(2) {
17
- transition-delay: 0.05s;
18
- }
19
- .v-speed-dial__content > *:nth-child(3) {
20
- transition-delay: 0.1s;
21
- }
22
- .v-speed-dial__content > *:nth-child(4) {
23
- transition-delay: 0.15s;
24
- }
25
- .v-speed-dial__content > *:nth-child(5) {
26
- transition-delay: 0.2s;
27
- }
28
- .v-speed-dial__content > *:nth-child(6) {
29
- transition-delay: 0.25s;
30
- }
31
- .v-speed-dial__content > *:nth-child(7) {
32
- transition-delay: 0.3s;
33
- }
34
- .v-speed-dial__content > *:nth-child(8) {
35
- transition-delay: 0.35s;
36
- }
37
- .v-speed-dial__content > *:nth-child(9) {
38
- transition-delay: 0.4s;
39
- }
40
- .v-speed-dial__content > *:nth-child(10) {
41
- transition-delay: 0.45s;
1
+ @layer vuetify.components {
2
+ .v-speed-dial__content {
3
+ gap: 8px;
4
+ }
5
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
6
+ flex-direction: row;
7
+ }
8
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
9
+ flex-direction: row-reverse;
10
+ }
11
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
12
+ flex-direction: column-reverse;
13
+ }
14
+ .v-speed-dial__content > *:nth-child(1) {
15
+ transition-delay: 0s;
16
+ }
17
+ .v-speed-dial__content > *:nth-child(2) {
18
+ transition-delay: 0.05s;
19
+ }
20
+ .v-speed-dial__content > *:nth-child(3) {
21
+ transition-delay: 0.1s;
22
+ }
23
+ .v-speed-dial__content > *:nth-child(4) {
24
+ transition-delay: 0.15s;
25
+ }
26
+ .v-speed-dial__content > *:nth-child(5) {
27
+ transition-delay: 0.2s;
28
+ }
29
+ .v-speed-dial__content > *:nth-child(6) {
30
+ transition-delay: 0.25s;
31
+ }
32
+ .v-speed-dial__content > *:nth-child(7) {
33
+ transition-delay: 0.3s;
34
+ }
35
+ .v-speed-dial__content > *:nth-child(8) {
36
+ transition-delay: 0.35s;
37
+ }
38
+ .v-speed-dial__content > *:nth-child(9) {
39
+ transition-delay: 0.4s;
40
+ }
41
+ .v-speed-dial__content > *:nth-child(10) {
42
+ transition-delay: 0.45s;
43
+ }
42
44
  }
@@ -1,57 +1,56 @@
1
- .v-stepper.v-sheet {
2
- overflow: hidden;
3
- }
4
- .v-stepper.v-sheet {
5
- 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));
6
- }
7
- .v-stepper.v-sheet {
8
- border-radius: 4px;
9
- }
10
- .v-stepper.v-sheet.v-stepper--flat {
11
- 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));
12
- }
13
-
14
- .v-stepper-header {
15
- align-items: center;
16
- display: flex;
17
- position: relative;
18
- overflow-x: auto;
19
- justify-content: space-between;
20
- z-index: 1;
21
- }
22
- .v-stepper-header {
23
- 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));
24
- }
25
- .v-stepper-header .v-divider {
26
- margin: 0 -16px;
27
- }
28
- .v-stepper-header .v-divider:last-child {
29
- margin-inline-end: 0;
30
- }
31
- .v-stepper-header .v-divider:first-child {
32
- margin-inline-start: 0;
33
- }
34
- .v-stepper--alt-labels .v-stepper-header {
35
- height: auto;
36
- }
37
- .v-stepper--alt-labels .v-stepper-header .v-divider {
38
- align-self: flex-start;
39
- margin: 35px -67px 0;
40
- }
41
-
42
- .v-stepper-window {
43
- margin: 1.5rem;
44
- }
45
-
46
- .v-stepper-actions {
47
- display: flex;
48
- align-items: center;
49
- justify-content: space-between;
50
- padding: 1rem;
51
- }
52
- .v-stepper .v-stepper-actions {
53
- padding: 0 1.5rem 1rem;
54
- }
55
- .v-stepper-window-item .v-stepper-actions {
56
- padding: 1.5rem 0 0;
1
+ @layer vuetify.components {
2
+ .v-stepper.v-sheet {
3
+ overflow: hidden;
4
+ }
5
+ .v-stepper.v-sheet {
6
+ 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));
7
+ }
8
+ .v-stepper.v-sheet {
9
+ border-radius: 4px;
10
+ }
11
+ .v-stepper.v-sheet.v-stepper--flat {
12
+ 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));
13
+ }
14
+ .v-stepper-header {
15
+ align-items: center;
16
+ display: flex;
17
+ position: relative;
18
+ overflow-x: auto;
19
+ justify-content: space-between;
20
+ z-index: 1;
21
+ }
22
+ .v-stepper-header {
23
+ 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));
24
+ }
25
+ .v-stepper-header .v-divider {
26
+ margin: 0 -16px;
27
+ }
28
+ .v-stepper-header .v-divider:last-child {
29
+ margin-inline-end: 0;
30
+ }
31
+ .v-stepper-header .v-divider:first-child {
32
+ margin-inline-start: 0;
33
+ }
34
+ .v-stepper--alt-labels .v-stepper-header {
35
+ height: auto;
36
+ }
37
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
38
+ align-self: flex-start;
39
+ margin: 35px -67px 0;
40
+ }
41
+ .v-stepper-window {
42
+ margin: 1.5rem;
43
+ }
44
+ .v-stepper-actions {
45
+ display: flex;
46
+ align-items: center;
47
+ justify-content: space-between;
48
+ padding: 1rem;
49
+ }
50
+ .v-stepper .v-stepper-actions {
51
+ padding: 0 1.5rem 1rem;
52
+ }
53
+ .v-stepper-window-item .v-stepper-actions {
54
+ padding: 1.5rem 0 0;
55
+ }
57
56
  }
@@ -1,120 +1,117 @@
1
- .v-stepper-item {
2
- align-items: center;
3
- align-self: stretch;
4
- display: inline-flex;
5
- flex: none;
6
- outline: none;
7
- opacity: var(--v-medium-emphasis-opacity);
8
- padding: 1.5rem;
9
- position: relative;
10
- transition-duration: 0.2s;
11
- transition-property: opacity;
12
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
13
- }
14
- .v-stepper-item:hover > .v-stepper-item__overlay {
15
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
16
- }
17
- .v-stepper-item:focus-visible > .v-stepper-item__overlay {
18
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19
- }
20
- @supports not selector(:focus-visible) {
21
- .v-stepper-item:focus > .v-stepper-item__overlay {
1
+ @layer vuetify.components {
2
+ .v-stepper-item {
3
+ align-items: center;
4
+ align-self: stretch;
5
+ display: inline-flex;
6
+ flex: none;
7
+ outline: none;
8
+ opacity: var(--v-medium-emphasis-opacity);
9
+ padding: 1.5rem;
10
+ position: relative;
11
+ transition-duration: 0.2s;
12
+ transition-property: opacity;
13
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
14
+ }
15
+ .v-stepper-item:hover > .v-stepper-item__overlay {
16
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17
+ }
18
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
22
19
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23
20
  }
24
- }
25
- .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
26
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
27
- }
28
- .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
29
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
30
- }
31
- .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
32
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
33
- }
34
- @supports not selector(:focus-visible) {
35
- .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
21
+ @supports not selector(:focus-visible) {
22
+ .v-stepper-item:focus > .v-stepper-item__overlay {
23
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24
+ }
25
+ }
26
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
27
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
28
+ }
29
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
30
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
31
+ }
32
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
36
33
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
37
34
  }
38
- }
39
- .v-stepper--non-linear .v-stepper-item {
40
- opacity: var(--v-high-emphasis-opacity);
41
- }
42
- .v-stepper-item--selected {
43
- opacity: 1;
44
- }
45
- .v-stepper-item--error {
46
- color: rgb(var(--v-theme-error));
47
- }
48
- .v-stepper-item--disabled {
49
- opacity: var(--v-medium-emphasis-opacity);
50
- pointer-events: none;
51
- }
52
- .v-stepper--alt-labels .v-stepper-item {
53
- flex-direction: column;
54
- justify-content: flex-start;
55
- align-items: center;
56
- flex-basis: 175px;
57
- }
58
-
59
- .v-stepper-item__avatar.v-avatar {
60
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
61
- color: rgb(var(--v-theme-on-surface-variant));
62
- font-size: 0.75rem;
63
- margin-inline-end: 8px;
64
- }
65
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
66
- margin-inline-end: 0;
67
- }
68
- .v-stepper-item__avatar.v-avatar .v-icon {
69
- font-size: 0.875rem;
70
- }
71
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
72
- background: rgb(var(--v-theme-surface-variant));
73
- }
74
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
75
- background: rgb(var(--v-theme-error));
76
- }
77
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
78
- margin-bottom: 16px;
79
- margin-inline-end: 0;
80
- }
81
-
82
- .v-stepper-item__title {
83
- line-height: 1;
84
- }
85
- .v-stepper--mobile .v-stepper-item__title {
86
- display: none;
87
- }
88
-
89
- .v-stepper-item__subtitle {
90
- font-size: 0.75rem;
91
- text-align: left;
92
- line-height: 1;
93
- opacity: var(--v-medium-emphasis-opacity);
94
- }
95
- .v-stepper--alt-labels .v-stepper-item__subtitle {
96
- text-align: center;
97
- }
98
- .v-stepper--mobile .v-stepper-item__subtitle {
99
- display: none;
100
- }
101
-
102
- .v-stepper-item__overlay {
103
- background-color: currentColor;
104
- border-radius: inherit;
105
- opacity: 0;
106
- transition: opacity 0.2s ease-in-out;
107
- }
108
-
109
- .v-stepper-item__overlay,
110
- .v-stepper-item__underlay {
111
- pointer-events: none;
112
- }
113
- .v-stepper-item__overlay,
114
- .v-stepper-item__underlay {
115
- position: absolute;
116
- top: 0;
117
- left: 0;
118
- width: 100%;
119
- height: 100%;
35
+ @supports not selector(:focus-visible) {
36
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
37
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
38
+ }
39
+ }
40
+ .v-stepper--non-linear .v-stepper-item {
41
+ opacity: var(--v-high-emphasis-opacity);
42
+ }
43
+ .v-stepper-item--selected {
44
+ opacity: 1;
45
+ }
46
+ .v-stepper-item--error {
47
+ color: rgb(var(--v-theme-error));
48
+ }
49
+ .v-stepper-item--disabled {
50
+ opacity: var(--v-medium-emphasis-opacity);
51
+ pointer-events: none;
52
+ }
53
+ .v-stepper--alt-labels .v-stepper-item {
54
+ flex-direction: column;
55
+ justify-content: flex-start;
56
+ align-items: center;
57
+ flex-basis: 175px;
58
+ }
59
+ .v-stepper-item__avatar.v-avatar {
60
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
61
+ color: rgb(var(--v-theme-on-surface-variant));
62
+ font-size: 0.75rem;
63
+ margin-inline-end: 8px;
64
+ }
65
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
66
+ margin-inline-end: 0;
67
+ }
68
+ .v-stepper-item__avatar.v-avatar .v-icon {
69
+ font-size: 0.875rem;
70
+ }
71
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
72
+ background: rgb(var(--v-theme-surface-variant));
73
+ }
74
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
75
+ background: rgb(var(--v-theme-error));
76
+ }
77
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
78
+ margin-bottom: 16px;
79
+ margin-inline-end: 0;
80
+ }
81
+ .v-stepper-item__title {
82
+ line-height: 1;
83
+ }
84
+ .v-stepper--mobile .v-stepper-item__title {
85
+ display: none;
86
+ }
87
+ .v-stepper-item__subtitle {
88
+ font-size: 0.75rem;
89
+ text-align: left;
90
+ line-height: 1;
91
+ opacity: var(--v-medium-emphasis-opacity);
92
+ }
93
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
94
+ text-align: center;
95
+ }
96
+ .v-stepper--mobile .v-stepper-item__subtitle {
97
+ display: none;
98
+ }
99
+ .v-stepper-item__overlay {
100
+ background-color: currentColor;
101
+ border-radius: inherit;
102
+ opacity: 0;
103
+ transition: opacity 0.2s ease-in-out;
104
+ }
105
+ .v-stepper-item__overlay,
106
+ .v-stepper-item__underlay {
107
+ pointer-events: none;
108
+ }
109
+ .v-stepper-item__overlay,
110
+ .v-stepper-item__underlay {
111
+ position: absolute;
112
+ top: 0;
113
+ left: 0;
114
+ width: 100%;
115
+ height: 100%;
116
+ }
120
117
  }