@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,187 +1,190 @@
1
- .v-data-table {
2
- width: 100%;
3
- }
4
-
5
- .v-data-table__table {
6
- width: 100%;
7
- border-collapse: separate;
8
- border-spacing: 0;
9
- }
10
-
11
- .v-data-table__tr--focus {
12
- border: 1px dotted black;
13
- }
14
- .v-data-table__tr--clickable {
15
- cursor: pointer;
16
- }
17
-
18
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
21
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
22
- text-align: end;
23
- }
24
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
25
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
26
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
27
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
28
- flex-direction: row-reverse;
29
- }
30
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
31
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
32
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
33
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
34
- text-align: center;
35
- }
36
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
37
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
38
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
39
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
40
- justify-content: center;
41
- }
42
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
43
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
44
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
45
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
46
- padding: 0 8px;
47
- }
48
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
49
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
50
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
51
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
52
- text-overflow: ellipsis;
53
- text-wrap: nowrap;
54
- overflow: hidden;
55
- }
56
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
57
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
58
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
59
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
60
- display: contents;
61
- }
62
- .v-data-table .v-table__wrapper > table > thead > tr > th,
63
- .v-data-table .v-table__wrapper > table tbody > tr > th {
64
- align-items: center;
65
- }
66
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
67
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
68
- position: sticky;
69
- }
70
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
71
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
72
- cursor: pointer;
73
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
74
- }
75
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
76
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
77
- opacity: 0;
78
- }
79
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
80
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
81
- opacity: 0.5;
82
- }
83
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
84
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
85
- height: fit-content;
86
- }
87
-
88
- .v-data-table-column--fixed,
89
- .v-data-table__th--sticky {
90
- background: rgb(var(--v-theme-surface));
91
- position: sticky !important;
92
- left: 0;
93
- z-index: 1;
94
- }
95
-
96
- .v-data-table-column--last-fixed {
97
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
98
- }
99
-
100
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
101
- z-index: 2;
102
- }
103
-
104
- .v-data-table-group-header-row td {
105
- background: rgba(var(--v-theme-surface));
106
- color: rgba(var(--v-theme-on-surface));
107
- }
108
- .v-data-table-group-header-row td > span {
109
- padding-left: 5px;
110
- }
111
-
112
- .v-data-table--loading .v-data-table__td {
113
- opacity: var(--v-disabled-opacity);
114
- }
115
-
116
- .v-data-table-group-header-row__column {
117
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
118
- }
119
-
120
- .v-data-table-header__content {
121
- display: flex;
122
- align-items: center;
123
- }
124
-
125
- .v-data-table-header__sort-badge {
126
- display: inline-flex;
127
- justify-content: center;
128
- align-items: center;
129
- font-size: 0.875rem;
130
- padding: 4px;
131
- border-radius: 50%;
132
- background: rgba(var(--v-border-color), var(--v-border-opacity));
133
- min-width: 20px;
134
- min-height: 20px;
135
- width: 20px;
136
- height: 20px;
137
- }
138
-
139
- .v-data-table-progress > th {
140
- border: none !important;
141
- height: auto !important;
142
- padding: 0 !important;
143
- }
144
-
145
- .v-data-table-progress__loader {
146
- position: relative;
147
- }
148
-
149
- .v-data-table-rows-loading,
150
- .v-data-table-rows-no-data {
151
- text-align: center;
152
- }
153
-
154
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
155
- grid-template-columns: auto;
156
- justify-content: center;
157
- }
158
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
159
- grid-template-columns: 0;
160
- justify-content: end;
161
- }
162
- .v-data-table__tr--mobile > td {
163
- align-items: center;
164
- column-gap: 4px;
165
- display: grid;
166
- grid-template-columns: repeat(2, 1fr);
167
- min-height: var(--v-table-row-height);
168
- }
169
- .v-data-table__tr--mobile > td:not(:last-child) {
170
- border-bottom: 0 !important;
171
- }
172
-
173
- .v-data-table__td-title {
174
- font-weight: 500;
175
- text-align: start;
176
- }
177
-
178
- .v-data-table__td-value {
179
- text-align: end;
180
- }
181
-
182
- .v-data-table__td-sort-icon {
183
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
184
- }
185
- .v-data-table__td-sort-icon-active {
186
- color: rgba(var(--v-theme-on-surface));
1
+ @layer vuetify.components {
2
+ .v-data-table {
3
+ width: 100%;
4
+ }
5
+ .v-data-table__table {
6
+ width: 100%;
7
+ border-collapse: separate;
8
+ border-spacing: 0;
9
+ }
10
+ .v-data-table__tr--focus {
11
+ border: 1px dotted black;
12
+ }
13
+ .v-data-table__tr--clickable {
14
+ cursor: pointer;
15
+ }
16
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
17
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
18
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20
+ text-align: end;
21
+ }
22
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
23
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
24
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
25
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
26
+ flex-direction: row-reverse;
27
+ }
28
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
29
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
30
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
31
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
32
+ text-align: center;
33
+ }
34
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
35
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
36
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
37
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
38
+ justify-content: center;
39
+ }
40
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
41
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
42
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
43
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
44
+ padding: 0 8px;
45
+ }
46
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
47
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
48
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
49
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
50
+ text-overflow: ellipsis;
51
+ text-wrap: nowrap;
52
+ overflow: hidden;
53
+ }
54
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
55
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
56
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
57
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
58
+ display: contents;
59
+ }
60
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
61
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
62
+ align-items: center;
63
+ }
64
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
65
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
66
+ position: sticky;
67
+ }
68
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
69
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
70
+ cursor: pointer;
71
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
72
+ }
73
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
74
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
75
+ opacity: 0;
76
+ }
77
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
78
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
79
+ opacity: 0.5;
80
+ }
81
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
82
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
83
+ height: fit-content;
84
+ }
85
+ .v-data-table-column--fixed,
86
+ .v-data-table__th--sticky {
87
+ background: rgb(var(--v-theme-surface));
88
+ left: 0;
89
+ z-index: 1;
90
+ }
91
+ }
92
+ @layer vuetify.overrides {
93
+ .v-data-table-column--fixed,
94
+ .v-data-table__th--sticky {
95
+ position: sticky;
96
+ }
97
+ }
98
+ @layer vuetify.components {
99
+ .v-data-table-column--last-fixed {
100
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
101
+ }
102
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
103
+ z-index: 2;
104
+ }
105
+ .v-data-table-group-header-row td {
106
+ background: rgba(var(--v-theme-surface));
107
+ color: rgba(var(--v-theme-on-surface));
108
+ }
109
+ .v-data-table-group-header-row td > span {
110
+ padding-left: 5px;
111
+ }
112
+ .v-data-table--loading .v-data-table__td {
113
+ opacity: var(--v-disabled-opacity);
114
+ }
115
+ }
116
+ @layer vuetify.overrides {
117
+ .v-data-table-group-header-row__column {
118
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px);
119
+ }
120
+ }
121
+ @layer vuetify.components {
122
+ .v-data-table-header__content {
123
+ display: flex;
124
+ align-items: center;
125
+ }
126
+ .v-data-table-header__sort-badge {
127
+ display: inline-flex;
128
+ justify-content: center;
129
+ align-items: center;
130
+ font-size: 0.875rem;
131
+ padding: 4px;
132
+ border-radius: 50%;
133
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
134
+ min-width: 20px;
135
+ min-height: 20px;
136
+ width: 20px;
137
+ height: 20px;
138
+ }
139
+ }
140
+ @layer vuetify.overrides {
141
+ .v-data-table-progress > th {
142
+ border: none;
143
+ height: auto;
144
+ padding: 0;
145
+ }
146
+ }
147
+ @layer vuetify.components {
148
+ .v-data-table-progress__loader {
149
+ position: relative;
150
+ }
151
+ .v-data-table-rows-loading,
152
+ .v-data-table-rows-no-data {
153
+ text-align: center;
154
+ }
155
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
156
+ grid-template-columns: 0;
157
+ justify-content: center;
158
+ }
159
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
160
+ grid-template-columns: 0;
161
+ justify-content: end;
162
+ }
163
+ .v-data-table__tr--mobile > td {
164
+ align-items: center;
165
+ column-gap: 4px;
166
+ display: grid;
167
+ grid-template-columns: repeat(2, 1fr);
168
+ min-height: var(--v-table-row-height);
169
+ }
170
+ }
171
+ @layer vuetify.overrides {
172
+ .v-data-table__tr--mobile > td:not(:last-child) {
173
+ border-bottom: 0;
174
+ }
175
+ }
176
+ @layer vuetify.components {
177
+ .v-data-table__td-title {
178
+ font-weight: 500;
179
+ text-align: start;
180
+ }
181
+ .v-data-table__td-value {
182
+ text-align: end;
183
+ }
184
+ .v-data-table__td-sort-icon {
185
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
186
+ }
187
+ .v-data-table__td-sort-icon-active {
188
+ color: rgba(var(--v-theme-on-surface));
189
+ }
187
190
  }
@@ -77,10 +77,16 @@
77
77
  .v-data-table-column--fixed,
78
78
  .v-data-table__th--sticky
79
79
  background: $table-background
80
- position: sticky !important
81
80
  left: 0
82
81
  z-index: 1
83
82
 
83
+ @include tools.layer('overrides')
84
+ // Beat out relative on table > tbody > tr > td
85
+ // TODO: Use :where() for all those child combinators
86
+ // @scope would probably be even better but
87
+ // doesn't seem to be getting here any time soon
88
+ position: sticky
89
+
84
90
  .v-data-table-column--last-fixed
85
91
  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity))
86
92
 
@@ -99,8 +105,10 @@
99
105
  .v-data-table__td
100
106
  opacity: $data-table-loading-opacity
101
107
 
102
- .v-data-table-group-header-row__column
103
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important
108
+ @include tools.layer('overrides')
109
+ // Again, needs to beat all the child combinators
110
+ .v-data-table-group-header-row__column
111
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px)
104
112
 
105
113
  .v-data-table-header__content
106
114
  display: flex
@@ -119,11 +127,12 @@
119
127
  width: $data-table-header-sort-badge-size
120
128
  height: $data-table-header-sort-badge-size
121
129
 
122
- .v-data-table-progress
123
- > th
124
- border: none !important
125
- height: auto !important
126
- padding: 0 !important
130
+ @include tools.layer('overrides')
131
+ .v-data-table-progress
132
+ > th
133
+ border: none
134
+ height: auto
135
+ padding: 0
127
136
 
128
137
  .v-data-table-progress__loader
129
138
  position: relative
@@ -134,7 +143,7 @@
134
143
 
135
144
  .v-data-table__tr--mobile
136
145
  > .v-data-table__td--expanded-row
137
- grid-template-columns: auto
146
+ grid-template-columns: 0
138
147
  justify-content: center
139
148
 
140
149
  > .v-data-table__td--select-row
@@ -148,8 +157,9 @@
148
157
  grid-template-columns: repeat(2, 1fr)
149
158
  min-height: var(--v-table-row-height)
150
159
 
151
- &:not(:last-child)
152
- border-bottom: 0 !important
160
+ @include tools.layer('overrides')
161
+ &:not(:last-child)
162
+ border-bottom: 0
153
163
 
154
164
  .v-data-table__td-title
155
165
  font-weight: VTable.$table-header-font-weight
@@ -1,32 +1,34 @@
1
- .v-data-table-footer {
2
- align-items: center;
3
- display: flex;
4
- flex-wrap: wrap;
5
- justify-content: flex-end;
6
- padding: 8px 4px;
7
- }
8
- .v-data-table-footer__items-per-page {
9
- align-items: center;
10
- display: flex;
11
- justify-content: center;
12
- }
13
- .v-data-table-footer__items-per-page > span {
14
- padding-inline-end: 8px;
15
- }
16
- .v-data-table-footer__items-per-page > .v-select {
17
- width: 90px;
18
- }
19
- .v-data-table-footer__info {
20
- display: flex;
21
- justify-content: flex-end;
22
- min-width: 116px;
23
- padding: 0 16px;
24
- }
25
- .v-data-table-footer__paginationz {
26
- align-items: center;
27
- display: flex;
28
- margin-inline-start: 16px;
29
- }
30
- .v-data-table-footer__page {
31
- padding: 0 8px;
1
+ @layer vuetify.components {
2
+ .v-data-table-footer {
3
+ align-items: center;
4
+ display: flex;
5
+ flex-wrap: wrap;
6
+ justify-content: flex-end;
7
+ padding: 8px 4px;
8
+ }
9
+ .v-data-table-footer__items-per-page {
10
+ align-items: center;
11
+ display: flex;
12
+ justify-content: center;
13
+ }
14
+ .v-data-table-footer__items-per-page > span {
15
+ padding-inline-end: 8px;
16
+ }
17
+ .v-data-table-footer__items-per-page > .v-select {
18
+ width: 90px;
19
+ }
20
+ .v-data-table-footer__info {
21
+ display: flex;
22
+ justify-content: flex-end;
23
+ min-width: 116px;
24
+ padding: 0 16px;
25
+ }
26
+ .v-data-table-footer__paginationz {
27
+ align-items: center;
28
+ display: flex;
29
+ margin-inline-start: 16px;
30
+ }
31
+ .v-data-table-footer__page {
32
+ padding: 0 8px;
33
+ }
32
34
  }
@@ -1,7 +1,9 @@
1
- .v-date-picker {
2
- overflow: hidden;
3
- width: 328px;
4
- }
5
- .v-date-picker--show-week {
6
- width: 368px;
1
+ @layer vuetify.components {
2
+ .v-date-picker {
3
+ overflow: hidden;
4
+ width: 328px;
5
+ }
6
+ .v-date-picker--show-week {
7
+ width: 368px;
8
+ }
7
9
  }
@@ -241,10 +241,10 @@ export declare const makeVDatePickerProps: <Defaults extends {
241
241
  };
242
242
  firstDayOfWeek: unknown extends Defaults["firstDayOfWeek"] ? {
243
243
  type: (StringConstructor | NumberConstructor)[];
244
- default: undefined;
244
+ default: number;
245
245
  } : Omit<{
246
246
  type: (StringConstructor | NumberConstructor)[];
247
- default: undefined;
247
+ default: number;
248
248
  }, "type" | "default"> & {
249
249
  type: import("vue").PropType<unknown extends Defaults["firstDayOfWeek"] ? string | number : string | number | Defaults["firstDayOfWeek"]>;
250
250
  default: unknown extends Defaults["firstDayOfWeek"] ? string | number : NonNullable<string | number> | Defaults["firstDayOfWeek"];
@@ -378,6 +378,7 @@ export declare const VDatePicker: {
378
378
  showAdjacentMonths: boolean;
379
379
  weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
380
380
  weeksInMonth: "static" | "dynamic";
381
+ firstDayOfWeek: string | number;
381
382
  hideWeekdays: boolean;
382
383
  showWeek: boolean;
383
384
  } & {
@@ -404,7 +405,6 @@ export declare const VDatePicker: {
404
405
  bgColor?: string | undefined;
405
406
  controlHeight?: string | number | undefined;
406
407
  headerColor?: string | undefined;
407
- firstDayOfWeek?: string | number | undefined;
408
408
  allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
409
409
  } & {
410
410
  "onUpdate:month"?: ((date: any) => any) | undefined;
@@ -473,6 +473,7 @@ export declare const VDatePicker: {
473
473
  showAdjacentMonths: boolean;
474
474
  weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
475
475
  weeksInMonth: "static" | "dynamic";
476
+ firstDayOfWeek: string | number;
476
477
  hideWeekdays: boolean;
477
478
  showWeek: boolean;
478
479
  } & {
@@ -499,7 +500,6 @@ export declare const VDatePicker: {
499
500
  bgColor?: string | undefined;
500
501
  controlHeight?: string | number | undefined;
501
502
  headerColor?: string | undefined;
502
- firstDayOfWeek?: string | number | undefined;
503
503
  allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
504
504
  } & {
505
505
  "onUpdate:month"?: ((date: any) => any) | undefined;
@@ -552,6 +552,7 @@ export declare const VDatePicker: {
552
552
  showAdjacentMonths: boolean;
553
553
  weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
554
554
  weeksInMonth: "static" | "dynamic";
555
+ firstDayOfWeek: string | number;
555
556
  hideWeekdays: boolean;
556
557
  showWeek: boolean;
557
558
  } & {
@@ -578,7 +579,6 @@ export declare const VDatePicker: {
578
579
  bgColor?: string | undefined;
579
580
  controlHeight?: string | number | undefined;
580
581
  headerColor?: string | undefined;
581
- firstDayOfWeek?: string | number | undefined;
582
582
  allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
583
583
  } & {
584
584
  "onUpdate:month"?: ((date: any) => any) | undefined;
@@ -689,7 +689,7 @@ export declare const VDatePicker: {
689
689
  };
690
690
  firstDayOfWeek: {
691
691
  type: (StringConstructor | NumberConstructor)[];
692
- default: undefined;
692
+ default: number;
693
693
  };
694
694
  allowedDates: import("vue").PropType<unknown[] | ((date: unknown) => boolean)>;
695
695
  hideWeekdays: BooleanConstructor;
@@ -794,7 +794,7 @@ export declare const VDatePicker: {
794
794
  };
795
795
  firstDayOfWeek: {
796
796
  type: (StringConstructor | NumberConstructor)[];
797
- default: undefined;
797
+ default: number;
798
798
  };
799
799
  allowedDates: import("vue").PropType<unknown[] | ((date: unknown) => boolean)>;
800
800
  hideWeekdays: BooleanConstructor;