@vuetify/nightly 3.8.1-next.2025-04-18 → 3.8.2-dev.2025-04-28

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 (222) hide show
  1. package/CHANGELOG.md +7 -16
  2. package/dist/json/attributes.json +2825 -2817
  3. package/dist/json/importMap-labs.json +20 -20
  4. package/dist/json/importMap.json +168 -168
  5. package/dist/json/tags.json +2 -0
  6. package/dist/json/web-types.json +5590 -5610
  7. package/dist/vuetify-labs.cjs +180 -249
  8. package/dist/vuetify-labs.css +25246 -23473
  9. package/dist/vuetify-labs.d.ts +715 -279
  10. package/dist/vuetify-labs.esm.js +180 -249
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +180 -249
  13. package/dist/vuetify-labs.min.css +4 -3
  14. package/dist/vuetify.cjs +156 -231
  15. package/dist/vuetify.cjs.map +1 -1
  16. package/dist/vuetify.css +23931 -22162
  17. package/dist/vuetify.d.ts +753 -317
  18. package/dist/vuetify.esm.js +156 -231
  19. package/dist/vuetify.esm.js.map +1 -1
  20. package/dist/vuetify.js +156 -231
  21. package/dist/vuetify.js.map +1 -1
  22. package/dist/vuetify.min.css +4 -3
  23. package/dist/vuetify.min.js +295 -280
  24. package/dist/vuetify.min.js.map +1 -1
  25. package/lib/blueprints/md3.js +18 -5
  26. package/lib/blueprints/md3.js.map +1 -1
  27. package/lib/components/VAlert/VAlert.css +215 -207
  28. package/lib/components/VApp/VApp.css +15 -16
  29. package/lib/components/VAppBar/VAppBar.css +12 -14
  30. package/lib/components/VAutocomplete/VAutocomplete.css +84 -85
  31. package/lib/components/VAutocomplete/VAutocomplete.d.ts +9 -18
  32. package/lib/components/VAutocomplete/VAutocomplete.js +3 -6
  33. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  34. package/lib/components/VAvatar/VAvatar.css +106 -108
  35. package/lib/components/VBadge/VBadge.css +77 -77
  36. package/lib/components/VBanner/VBanner.css +166 -161
  37. package/lib/components/VBottomNavigation/VBottomNavigation.css +64 -65
  38. package/lib/components/VBottomSheet/VBottomSheet.css +31 -34
  39. package/lib/components/VBreadcrumbs/VBreadcrumbs.css +57 -54
  40. package/lib/components/VBtn/VBtn.css +408 -372
  41. package/lib/components/VBtn/VBtn.sass +23 -10
  42. package/lib/components/VBtn/_variables.scss +1 -1
  43. package/lib/components/VBtnGroup/VBtnGroup.css +87 -63
  44. package/lib/components/VBtnGroup/VBtnGroup.d.ts +58 -32
  45. package/lib/components/VBtnGroup/VBtnGroup.js +7 -3
  46. package/lib/components/VBtnGroup/VBtnGroup.js.map +1 -1
  47. package/lib/components/VBtnGroup/VBtnGroup.sass +44 -17
  48. package/lib/components/VBtnToggle/VBtnToggle.css +14 -16
  49. package/lib/components/VBtnToggle/VBtnToggle.d.ts +25 -0
  50. package/lib/components/VCard/VCard.css +302 -294
  51. package/lib/components/VCarousel/VCarousel.css +65 -63
  52. package/lib/components/VCarousel/VCarousel.sass +1 -1
  53. package/lib/components/VCheckbox/VCheckbox.css +5 -7
  54. package/lib/components/VChip/VChip.css +411 -378
  55. package/lib/components/VChipGroup/VChipGroup.css +18 -19
  56. package/lib/components/VCode/VCode.css +11 -10
  57. package/lib/components/VCode/VCode.sass +3 -0
  58. package/lib/components/VColorPicker/VColorPicker.css +23 -23
  59. package/lib/components/VColorPicker/VColorPickerCanvas.css +22 -24
  60. package/lib/components/VColorPicker/VColorPickerEdit.css +28 -29
  61. package/lib/components/VColorPicker/VColorPickerPreview.css +67 -69
  62. package/lib/components/VColorPicker/VColorPickerPreview.sass +2 -4
  63. package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
  64. package/lib/components/VCombobox/VCombobox.css +84 -85
  65. package/lib/components/VCombobox/VCombobox.d.ts +9 -18
  66. package/lib/components/VCombobox/VCombobox.js +3 -6
  67. package/lib/components/VCombobox/VCombobox.js.map +1 -1
  68. package/lib/components/VCounter/VCounter.css +5 -7
  69. package/lib/components/VDataTable/VDataTable.css +186 -189
  70. package/lib/components/VDataTable/VDataTable.sass +11 -21
  71. package/lib/components/VDataTable/VDataTableFooter.css +31 -33
  72. package/lib/components/VDatePicker/VDatePicker.css +6 -8
  73. package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
  74. package/lib/components/VDatePicker/VDatePickerControls.css +57 -55
  75. package/lib/components/VDatePicker/VDatePickerHeader.css +60 -56
  76. package/lib/components/VDatePicker/VDatePickerMonth.css +55 -51
  77. package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
  78. package/lib/components/VDatePicker/VDatePickerMonths.css +19 -20
  79. package/lib/components/VDatePicker/VDatePickerYears.css +15 -16
  80. package/lib/components/VDialog/VDialog.css +98 -98
  81. package/lib/components/VDivider/VDivider.css +52 -52
  82. package/lib/components/VEmptyState/VEmptyState.css +67 -62
  83. package/lib/components/VExpansionPanel/VExpansionPanel.css +209 -203
  84. package/lib/components/VExpansionPanel/VExpansionPanel.sass +25 -27
  85. package/lib/components/VFab/VFab.css +73 -78
  86. package/lib/components/VFab/VFab.sass +4 -5
  87. package/lib/components/VField/VField.css +589 -541
  88. package/lib/components/VField/VField.sass +11 -4
  89. package/lib/components/VField/_variables.scss +1 -1
  90. package/lib/components/VFileInput/VFileInput.css +28 -30
  91. package/lib/components/VFooter/VFooter.css +36 -38
  92. package/lib/components/VForm/VForm.d.ts +531 -111
  93. package/lib/components/VForm/VForm.js +1 -11
  94. package/lib/components/VForm/VForm.js.map +1 -1
  95. package/lib/components/VGrid/VGrid.css +592 -565
  96. package/lib/components/VIcon/VIcon.css +53 -52
  97. package/lib/components/VImg/VImg.css +51 -50
  98. package/lib/components/VInfiniteScroll/VInfiniteScroll.css +37 -36
  99. package/lib/components/VInput/VInput.css +147 -136
  100. package/lib/components/VInput/VInput.d.ts +1 -1
  101. package/lib/components/VItemGroup/VItemGroup.css +5 -7
  102. package/lib/components/VKbd/VKbd.css +11 -13
  103. package/lib/components/VLabel/VLabel.css +15 -16
  104. package/lib/components/VLayout/VLayout.css +8 -10
  105. package/lib/components/VLayout/VLayoutItem.css +7 -8
  106. package/lib/components/VList/VList.css +108 -104
  107. package/lib/components/VList/VList.sass +1 -1
  108. package/lib/components/VList/VListItem.css +452 -440
  109. package/lib/components/VList/VListItem.sass +1 -2
  110. package/lib/components/VLocaleProvider/VLocaleProvider.css +2 -4
  111. package/lib/components/VMain/VMain.css +30 -32
  112. package/lib/components/VMenu/VMenu.css +19 -21
  113. package/lib/components/VMessages/VMessages.css +15 -17
  114. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +104 -102
  115. package/lib/components/VNumberInput/VNumberInput.css +46 -48
  116. package/lib/components/VOtpInput/VOtpInput.css +58 -56
  117. package/lib/components/VOverlay/VOverlay.css +64 -61
  118. package/lib/components/VOverlay/VOverlay.sass +13 -14
  119. package/lib/components/VOverlay/_variables.scss +1 -1
  120. package/lib/components/VPagination/VPagination.css +8 -10
  121. package/lib/components/VParallax/VParallax.css +6 -8
  122. package/lib/components/VProgressCircular/VProgressCircular.css +101 -95
  123. package/lib/components/VProgressLinear/VProgressLinear.css +222 -209
  124. package/lib/components/VRadioGroup/VRadioGroup.css +12 -14
  125. package/lib/components/VRating/VRating.css +53 -52
  126. package/lib/components/VResponsive/VResponsive.css +26 -25
  127. package/lib/components/VSelect/VSelect.css +51 -53
  128. package/lib/components/VSelect/VSelect.d.ts +9 -18
  129. package/lib/components/VSelect/VSelect.js +3 -6
  130. package/lib/components/VSelect/VSelect.js.map +1 -1
  131. package/lib/components/VSelectionControl/VSelectionControl.css +100 -98
  132. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +8 -10
  133. package/lib/components/VSheet/VSheet.css +36 -38
  134. package/lib/components/VSkeletonLoader/VSkeletonLoader.css +224 -225
  135. package/lib/components/VSlideGroup/VSlideGroup.css +55 -53
  136. package/lib/components/VSlider/VSlider.css +57 -53
  137. package/lib/components/VSlider/VSliderThumb.css +153 -142
  138. package/lib/components/VSlider/VSliderTrack.css +174 -155
  139. package/lib/components/VSnackbar/VSnackbar.css +140 -140
  140. package/lib/components/VSpeedDial/VSpeedDial.css +41 -43
  141. package/lib/components/VStepper/VStepper.css +56 -55
  142. package/lib/components/VStepper/VStepperItem.css +115 -112
  143. package/lib/components/VSwitch/VSwitch.css +139 -129
  144. package/lib/components/VSystemBar/VSystemBar.css +43 -45
  145. package/lib/components/VTable/VTable.css +141 -140
  146. package/lib/components/VTable/VTable.sass +2 -4
  147. package/lib/components/VTabs/VTab.css +29 -30
  148. package/lib/components/VTabs/VTabs.css +65 -59
  149. package/lib/components/VTextField/VTextField.css +85 -77
  150. package/lib/components/VTextarea/VTextarea.css +40 -48
  151. package/lib/components/VTextarea/VTextarea.sass +2 -4
  152. package/lib/components/VThemeProvider/VThemeProvider.css +3 -5
  153. package/lib/components/VTimeline/VTimeline.css +427 -388
  154. package/lib/components/VToolbar/VToolbar.css +144 -137
  155. package/lib/components/VTooltip/VTooltip.css +23 -27
  156. package/lib/components/VTooltip/VTooltip.sass +6 -8
  157. package/lib/components/VVirtualScroll/VVirtualScroll.css +9 -11
  158. package/lib/components/VWindow/VWindow.css +70 -73
  159. package/lib/composables/calendar.d.ts +3 -2
  160. package/lib/composables/calendar.js +5 -7
  161. package/lib/composables/calendar.js.map +1 -1
  162. package/lib/composables/date/DateAdapter.d.ts +1 -0
  163. package/lib/composables/date/DateAdapter.js.map +1 -1
  164. package/lib/composables/date/adapters/vuetify.d.ts +1 -0
  165. package/lib/composables/date/adapters/vuetify.js +101 -160
  166. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  167. package/lib/composables/date/date.d.ts +1 -1
  168. package/lib/composables/date/date.js +0 -20
  169. package/lib/composables/date/date.js.map +1 -1
  170. package/lib/composables/filter.js +2 -1
  171. package/lib/composables/filter.js.map +1 -1
  172. package/lib/composables/theme.js +5 -5
  173. package/lib/composables/theme.js.map +1 -1
  174. package/lib/composables/validation.js +5 -0
  175. package/lib/composables/validation.js.map +1 -1
  176. package/lib/directives/ripple/VRipple.css +36 -38
  177. package/lib/entry-bundler.d.ts +1 -0
  178. package/lib/entry-bundler.js +1 -1
  179. package/lib/entry-bundler.js.map +1 -1
  180. package/lib/framework.d.ts +62 -59
  181. package/lib/framework.js +1 -1
  182. package/lib/framework.js.map +1 -1
  183. package/lib/labs/VCalendar/VCalendar.css +225 -219
  184. package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
  185. package/lib/labs/VCalendar/VCalendarDay.css +32 -33
  186. package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
  187. package/lib/labs/VCalendar/VCalendarInterval.css +42 -43
  188. package/lib/labs/VCalendar/VCalendarInterval.js +25 -19
  189. package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
  190. package/lib/labs/VCalendar/VCalendarIntervalEvent.css +5 -7
  191. package/lib/labs/VCalendar/VCalendarMonthDay.css +58 -61
  192. package/lib/labs/VCalendar/VCalendarMonthDay.sass +2 -3
  193. package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
  194. package/lib/labs/VFileUpload/VFileUpload.css +77 -74
  195. package/lib/labs/VIconBtn/VIconBtn.css +164 -162
  196. package/lib/labs/VPicker/VPicker.css +63 -58
  197. package/lib/labs/VTimePicker/VTimePicker.css +7 -9
  198. package/lib/labs/VTimePicker/VTimePickerClock.css +129 -126
  199. package/lib/labs/VTimePicker/VTimePickerControls.css +103 -102
  200. package/lib/labs/VTreeview/VTreeviewItem.css +28 -30
  201. package/lib/labs/VTreeview/VTreeviewItem.sass +2 -3
  202. package/lib/labs/entry-bundler.d.ts +1 -0
  203. package/lib/styles/elements/_global.sass +1 -1
  204. package/lib/styles/generic/_colors.scss +3 -3
  205. package/lib/styles/generic/_layers.scss +1 -13
  206. package/lib/styles/generic/_reset.scss +1 -0
  207. package/lib/styles/generic/_transitions.scss +32 -32
  208. package/lib/styles/main.css +16142 -14667
  209. package/lib/styles/settings/_utilities.scss +5 -0
  210. package/lib/styles/settings/_variables.scss +3 -2
  211. package/lib/styles/tools/_bootable.sass +3 -0
  212. package/lib/styles/tools/_border.sass +4 -4
  213. package/lib/styles/tools/_display.sass +10 -0
  214. package/lib/styles/tools/_elevation.sass +2 -2
  215. package/lib/styles/tools/_index.sass +2 -0
  216. package/lib/styles/tools/_layer.scss +2 -4
  217. package/lib/styles/tools/_position.sass +2 -2
  218. package/lib/styles/tools/_radius.sass +10 -0
  219. package/lib/styles/tools/_rounded.sass +2 -2
  220. package/lib/styles/tools/_utilities.sass +5 -1
  221. package/lib/styles/utilities/_elevation.scss +1 -1
  222. package/package.json +46 -45
@@ -1,133 +1,143 @@
1
- @layer vuetify.components {
2
- .v-switch .v-label {
3
- padding-inline-start: 10px;
4
- }
5
- .v-switch__loader {
6
- display: flex;
7
- }
8
- .v-switch__loader .v-progress-circular {
9
- color: rgb(var(--v-theme-surface));
10
- }
11
- .v-switch__track,
12
- .v-switch__thumb {
13
- transition: none;
14
- }
15
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
16
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
17
- background-color: rgb(var(--v-theme-error));
18
- color: rgb(var(--v-theme-on-error));
19
- }
20
- .v-switch__track-true {
21
- margin-inline-end: auto;
22
- }
23
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24
- opacity: 0;
25
- }
26
- .v-switch__track-false {
27
- margin-inline-start: auto;
28
- }
29
- .v-selection-control--dirty .v-switch__track-false {
30
- opacity: 0;
31
- }
32
- .v-switch__track {
33
- display: inline-flex;
34
- align-items: center;
35
- font-size: 0.5rem;
36
- padding: 0 5px;
37
- background-color: rgb(var(--v-theme-surface-variant));
38
- border-radius: 9999px;
39
- height: 14px;
40
- opacity: 0.6;
41
- min-width: 36px;
42
- cursor: pointer;
43
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
44
- }
45
- .v-switch--inset .v-switch__track {
46
- border-radius: 9999px;
47
- font-size: 0.75rem;
48
- height: 32px;
49
- min-width: 52px;
50
- }
51
- .v-switch__thumb {
52
- align-items: center;
53
- background-color: rgb(var(--v-theme-surface-bright));
54
- color: rgb(var(--v-theme-on-surface-bright));
55
- border-radius: 50%;
56
- display: flex;
57
- font-size: 0.75rem;
58
- height: 20px;
59
- justify-content: center;
60
- width: 20px;
61
- pointer-events: none;
62
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
63
- position: relative;
64
- overflow: hidden;
65
- }
66
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
67
- 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));
68
- }
69
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
70
- background: rgb(var(--v-theme-surface-variant));
71
- color: rgb(var(--v-theme-on-surface-variant));
72
- }
73
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
74
- 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));
75
- }
76
- .v-switch--inset .v-switch__thumb {
77
- height: 24px;
78
- width: 24px;
79
- transform: scale(0.6666666667);
80
- }
81
- .v-switch--inset .v-switch__thumb--filled {
82
- transform: none;
83
- }
84
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
85
- transform: none;
86
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
87
- }
88
- .v-switch.v-input {
89
- flex: 0 1 auto;
90
- }
91
- .v-switch .v-selection-control {
92
- min-height: var(--v-input-control-height);
93
- }
94
- .v-switch .v-selection-control__input {
95
- border-radius: 50%;
96
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
97
- position: absolute;
98
- }
99
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
100
- transform: translateX(-10px);
101
- }
102
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
103
- transform: translateX(10px);
104
- }
105
- .v-switch .v-selection-control__input .v-icon {
106
- position: absolute;
107
- }
108
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
109
- transform: translateX(10px);
110
- }
111
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
112
- transform: translateX(-10px);
113
- }
114
- .v-switch.v-switch--indeterminate .v-selection-control__input {
115
- transform: scale(0.8);
116
- }
117
- .v-switch.v-switch--indeterminate .v-switch__thumb {
118
- transform: scale(0.75);
119
- box-shadow: none;
120
- }
121
- .v-switch.v-switch--inset .v-selection-control__wrapper {
122
- width: auto;
123
- }
124
- .v-switch.v-input--vertical .v-label {
125
- min-width: max-content;
126
- }
127
- .v-switch.v-input--vertical .v-selection-control__wrapper {
128
- transform: rotate(-90deg);
129
- }
1
+ .v-switch .v-label {
2
+ padding-inline-start: 10px;
3
+ }
4
+
5
+ .v-switch__loader {
6
+ display: flex;
7
+ }
8
+ .v-switch__loader .v-progress-circular {
9
+ color: rgb(var(--v-theme-surface));
10
+ }
11
+
12
+ .v-switch__track,
13
+ .v-switch__thumb {
14
+ transition: none;
15
+ }
16
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
17
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
18
+ background-color: rgb(var(--v-theme-error));
19
+ color: rgb(var(--v-theme-on-error));
20
+ }
21
+
22
+ .v-switch__track-true {
23
+ margin-inline-end: auto;
24
+ }
25
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
26
+ opacity: 0;
27
+ }
28
+
29
+ .v-switch__track-false {
30
+ margin-inline-start: auto;
31
+ }
32
+ .v-selection-control--dirty .v-switch__track-false {
33
+ opacity: 0;
34
+ }
35
+
36
+ .v-switch__track {
37
+ display: inline-flex;
38
+ align-items: center;
39
+ font-size: 0.5rem;
40
+ padding: 0 5px;
41
+ background-color: rgb(var(--v-theme-surface-variant));
42
+ border-radius: 9999px;
43
+ height: 14px;
44
+ opacity: 0.6;
45
+ min-width: 36px;
46
+ cursor: pointer;
47
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
48
+ }
49
+ .v-switch--inset .v-switch__track {
50
+ border-radius: 9999px;
51
+ font-size: 0.75rem;
52
+ height: 32px;
53
+ min-width: 52px;
54
+ }
55
+
56
+ .v-switch__thumb {
57
+ align-items: center;
58
+ background-color: rgb(var(--v-theme-surface-bright));
59
+ color: rgb(var(--v-theme-on-surface-bright));
60
+ border-radius: 50%;
61
+ display: flex;
62
+ font-size: 0.75rem;
63
+ height: 20px;
64
+ justify-content: center;
65
+ width: 20px;
66
+ pointer-events: none;
67
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
68
+ position: relative;
69
+ overflow: hidden;
70
+ }
71
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
72
+ 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));
73
+ }
74
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
75
+ background: rgb(var(--v-theme-surface-variant));
76
+ color: rgb(var(--v-theme-on-surface-variant));
77
+ }
78
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
79
+ 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));
80
+ }
81
+ .v-switch--inset .v-switch__thumb {
82
+ height: 24px;
83
+ width: 24px;
84
+ transform: scale(0.6666666667);
85
+ }
86
+ .v-switch--inset .v-switch__thumb--filled {
87
+ transform: none;
88
+ }
89
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
90
+ transform: none;
91
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
92
+ }
93
+
94
+ .v-switch.v-input {
95
+ flex: 0 1 auto;
96
+ }
97
+ .v-switch .v-selection-control {
98
+ min-height: var(--v-input-control-height);
99
+ }
100
+ .v-switch .v-selection-control__input {
101
+ border-radius: 50%;
102
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
103
+ position: absolute;
104
+ }
105
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
106
+ transform: translateX(-10px);
107
+ }
108
+
109
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
110
+ transform: translateX(10px);
111
+ }
112
+
113
+ .v-switch .v-selection-control__input .v-icon {
114
+ position: absolute;
115
+ }
116
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
117
+ transform: translateX(10px);
118
+ }
119
+
120
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
121
+ transform: translateX(-10px);
122
+ }
123
+
124
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
125
+ transform: scale(0.8);
126
+ }
127
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
128
+ transform: scale(0.75);
129
+ box-shadow: none;
130
+ }
131
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
132
+ width: auto;
133
+ }
134
+ .v-switch.v-input--vertical .v-label {
135
+ min-width: max-content;
136
+ }
137
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
138
+ transform: rotate(-90deg);
130
139
  }
140
+
131
141
  @media (forced-colors: active) {
132
142
  .v-switch .v-switch__loader .v-progress-circular {
133
143
  color: currentColor;
@@ -1,46 +1,44 @@
1
- @layer vuetify.components {
2
- .v-system-bar {
3
- align-items: center;
4
- display: flex;
5
- flex: 1 1 auto;
6
- height: 24px;
7
- justify-content: flex-end;
8
- max-width: 100%;
9
- padding-inline: 8px;
10
- position: relative;
11
- text-align: end;
12
- width: 100%;
13
- }
14
- .v-system-bar .v-icon {
15
- opacity: var(--v-medium-emphasis-opacity);
16
- }
17
- .v-system-bar {
18
- 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));
19
- }
20
- .v-system-bar--absolute {
21
- position: absolute;
22
- }
23
- .v-system-bar--fixed {
24
- position: fixed;
25
- }
26
- .v-system-bar {
27
- background: rgba(var(--v-theme-surface-light));
28
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
29
- }
30
- .v-system-bar {
31
- font-size: 0.75rem;
32
- font-weight: 400;
33
- letter-spacing: 0.0333333333em;
34
- line-height: 1.667;
35
- text-transform: none;
36
- }
37
- .v-system-bar--rounded {
38
- border-radius: 0;
39
- }
40
- .v-system-bar--window {
41
- height: 32px;
42
- }
43
- .v-system-bar:not(.v-system-bar--absolute) {
44
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
45
- }
1
+ .v-system-bar {
2
+ align-items: center;
3
+ display: flex;
4
+ flex: 1 1 auto;
5
+ height: 24px;
6
+ justify-content: flex-end;
7
+ max-width: 100%;
8
+ padding-inline: 8px;
9
+ position: relative;
10
+ text-align: end;
11
+ width: 100%;
12
+ }
13
+ .v-system-bar .v-icon {
14
+ opacity: var(--v-medium-emphasis-opacity);
15
+ }
16
+ .v-system-bar {
17
+ 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));
18
+ }
19
+ .v-system-bar--absolute {
20
+ position: absolute;
21
+ }
22
+ .v-system-bar--fixed {
23
+ position: fixed;
24
+ }
25
+ .v-system-bar {
26
+ background: rgba(var(--v-theme-surface-light));
27
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
28
+ }
29
+ .v-system-bar {
30
+ font-size: 0.75rem;
31
+ font-weight: 400;
32
+ letter-spacing: 0.0333333333em;
33
+ line-height: 1.667;
34
+ text-transform: none;
35
+ }
36
+ .v-system-bar--rounded {
37
+ border-radius: 0;
38
+ }
39
+ .v-system-bar--window {
40
+ height: 32px;
41
+ }
42
+ .v-system-bar:not(.v-system-bar--absolute) {
43
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
46
44
  }
@@ -1,141 +1,142 @@
1
- @layer vuetify.components {
2
- .v-table {
3
- font-size: 0.875rem;
4
- transition-duration: 0.28s;
5
- transition-property: box-shadow, opacity, background, height;
6
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7
- }
8
- .v-table {
9
- background: rgb(var(--v-theme-surface));
10
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
11
- }
12
- .v-table .v-table-divider {
13
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
14
- }
15
- .v-table .v-table__wrapper > table > thead > tr > th {
16
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
17
- }
18
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
19
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
20
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
21
- }
22
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
25
- }
26
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
27
- position: relative;
28
- }
29
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
30
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
31
- pointer-events: none;
32
- }
33
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
34
- content: "";
35
- position: absolute;
36
- top: 0;
37
- left: 0;
38
- width: 100%;
39
- height: 100%;
40
- }
41
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
42
- background: rgb(var(--v-theme-surface));
43
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
44
- z-index: 1;
45
- }
46
- .v-table.v-table--fixed-footer > tfoot > tr > th,
47
- .v-table.v-table--fixed-footer > tfoot > tr > td {
48
- background: rgb(var(--v-theme-surface));
49
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
50
- }
51
- .v-table {
52
- border-radius: inherit;
53
- line-height: 1.5;
54
- max-width: 100%;
55
- display: flex;
56
- flex-direction: column;
57
- }
58
- .v-table > .v-table__wrapper > table {
59
- width: 100%;
60
- border-spacing: 0;
61
- }
62
- .v-table > .v-table__wrapper > table > tbody > tr > td,
63
- .v-table > .v-table__wrapper > table > tbody > tr > th,
64
- .v-table > .v-table__wrapper > table > thead > tr > td,
65
- .v-table > .v-table__wrapper > table > thead > tr > th,
66
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
67
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
68
- padding: 0 16px;
69
- transition-duration: 0.28s;
70
- transition-property: box-shadow, opacity, background, height;
71
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
72
- }
73
- .v-table > .v-table__wrapper > table > tbody > tr > td,
74
- .v-table > .v-table__wrapper > table > thead > tr > td,
75
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
76
- height: var(--v-table-row-height);
77
- }
78
- .v-table > .v-table__wrapper > table > tbody > tr > th,
79
- .v-table > .v-table__wrapper > table > thead > tr > th,
80
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
81
- height: var(--v-table-header-height);
82
- font-weight: 500;
83
- user-select: none;
84
- text-align: start;
85
- }
86
- .v-table--density-default {
87
- --v-table-header-height: 56px;
88
- --v-table-row-height: 52px;
89
- }
90
- .v-table--density-comfortable {
91
- --v-table-header-height: 48px;
92
- --v-table-row-height: 44px;
93
- }
94
- .v-table--density-compact {
95
- --v-table-header-height: 40px;
96
- --v-table-row-height: 36px;
97
- }
98
- .v-table__wrapper {
99
- border-radius: inherit;
100
- overflow: auto;
101
- flex: 1 1 auto;
102
- }
103
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
104
- border-top-left-radius: 0;
105
- }
106
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
107
- border-top-right-radius: 0;
108
- }
109
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
110
- border-bottom-left-radius: 0;
111
- }
112
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
113
- border-bottom-right-radius: 0;
114
- }
115
- .v-table--fixed-height > .v-table__wrapper {
116
- overflow-y: auto;
117
- }
118
- .v-table--fixed-header > .v-table__wrapper > table > thead {
119
- position: sticky;
120
- top: 0;
121
- z-index: 2;
122
- }
123
- }
124
- @layer vuetify.overrides {
125
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
126
- border-bottom: 0px;
127
- }
128
- }
129
- @layer vuetify.components {
130
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
131
- position: sticky;
132
- bottom: 0;
133
- z-index: 1;
134
- }
135
- }
136
- @layer vuetify.overrides {
137
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
138
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
139
- border-top: 0px;
140
- }
1
+ .v-table {
2
+ font-size: 0.875rem;
3
+ transition-duration: 0.28s;
4
+ transition-property: box-shadow, opacity, background, height;
5
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6
+ }
7
+ .v-table {
8
+ background: rgb(var(--v-theme-surface));
9
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
10
+ }
11
+ .v-table .v-table-divider {
12
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
13
+ }
14
+ .v-table .v-table__wrapper > table > thead > tr > th {
15
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
16
+ }
17
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
18
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
19
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
20
+ }
21
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
22
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24
+ }
25
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
26
+ position: relative;
27
+ }
28
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
29
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
30
+ pointer-events: none;
31
+ }
32
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
33
+ content: "";
34
+ position: absolute;
35
+ top: 0;
36
+ left: 0;
37
+ width: 100%;
38
+ height: 100%;
39
+ }
40
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
41
+ background: rgb(var(--v-theme-surface));
42
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
43
+ z-index: 1;
44
+ }
45
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
46
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
47
+ background: rgb(var(--v-theme-surface));
48
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
49
+ }
50
+
51
+ .v-table {
52
+ border-radius: inherit;
53
+ line-height: 1.5;
54
+ max-width: 100%;
55
+ display: flex;
56
+ flex-direction: column;
57
+ }
58
+ .v-table > .v-table__wrapper > table {
59
+ width: 100%;
60
+ border-spacing: 0;
61
+ }
62
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
63
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
64
+ .v-table > .v-table__wrapper > table > thead > tr > td,
65
+ .v-table > .v-table__wrapper > table > thead > tr > th,
66
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
67
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
68
+ padding: 0 16px;
69
+ transition-duration: 0.28s;
70
+ transition-property: box-shadow, opacity, background, height;
71
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
72
+ }
73
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
74
+ .v-table > .v-table__wrapper > table > thead > tr > td,
75
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
76
+ height: var(--v-table-row-height);
77
+ }
78
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
79
+ .v-table > .v-table__wrapper > table > thead > tr > th,
80
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
81
+ height: var(--v-table-header-height);
82
+ font-weight: 500;
83
+ user-select: none;
84
+ text-align: start;
85
+ }
86
+ .v-table--density-default {
87
+ --v-table-header-height: 56px;
88
+ --v-table-row-height: 52px;
89
+ }
90
+
91
+ .v-table--density-comfortable {
92
+ --v-table-header-height: 48px;
93
+ --v-table-row-height: 44px;
94
+ }
95
+
96
+ .v-table--density-compact {
97
+ --v-table-header-height: 40px;
98
+ --v-table-row-height: 36px;
99
+ }
100
+
101
+ .v-table__wrapper {
102
+ border-radius: inherit;
103
+ overflow: auto;
104
+ flex: 1 1 auto;
105
+ }
106
+
107
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
108
+ border-top-left-radius: 0;
109
+ }
110
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
111
+ border-top-right-radius: 0;
112
+ }
113
+
114
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
115
+ border-bottom-left-radius: 0;
116
+ }
117
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
118
+ border-bottom-right-radius: 0;
119
+ }
120
+
121
+ .v-table--fixed-height > .v-table__wrapper {
122
+ overflow-y: auto;
123
+ }
124
+
125
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
126
+ position: sticky;
127
+ top: 0;
128
+ z-index: 2;
129
+ }
130
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
131
+ border-bottom: 0px !important;
132
+ }
133
+
134
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
135
+ position: sticky;
136
+ bottom: 0;
137
+ z-index: 1;
138
+ }
139
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
140
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
141
+ border-top: 0px !important;
141
142
  }