@vuetify/nightly 3.9.0-master.2025-07-09 → 3.9.0-next.2025-07-09

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 (209) hide show
  1. package/CHANGELOG.md +20 -9
  2. package/dist/json/attributes.json +3539 -3539
  3. package/dist/json/importMap-labs.json +14 -14
  4. package/dist/json/importMap.json +130 -130
  5. package/dist/json/web-types.json +6434 -6398
  6. package/dist/vuetify-labs.cjs +55 -36
  7. package/dist/vuetify-labs.css +26440 -28193
  8. package/dist/vuetify-labs.d.ts +197 -590
  9. package/dist/vuetify-labs.esm.js +55 -36
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +55 -36
  12. package/dist/vuetify-labs.min.css +3 -4
  13. package/dist/vuetify.cjs +47 -28
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +22837 -24587
  16. package/dist/vuetify.d.ts +197 -590
  17. package/dist/vuetify.esm.js +47 -28
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +47 -28
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +3 -4
  22. package/dist/vuetify.min.js +18 -18
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VAlert/VAlert.css +211 -220
  25. package/lib/components/VApp/VApp.css +16 -15
  26. package/lib/components/VAppBar/VAppBar.css +14 -12
  27. package/lib/components/VAutocomplete/VAutocomplete.css +85 -84
  28. package/lib/components/VAutocomplete/VAutocomplete.d.ts +18 -9
  29. package/lib/components/VAutocomplete/VAutocomplete.js +6 -3
  30. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  31. package/lib/components/VAvatar/VAvatar.css +108 -106
  32. package/lib/components/VBadge/VBadge.css +77 -77
  33. package/lib/components/VBanner/VBanner.css +161 -166
  34. package/lib/components/VBottomNavigation/VBottomNavigation.css +65 -64
  35. package/lib/components/VBottomSheet/VBottomSheet.css +34 -31
  36. package/lib/components/VBreadcrumbs/VBreadcrumbs.css +54 -57
  37. package/lib/components/VBtn/VBtn.css +400 -436
  38. package/lib/components/VBtn/VBtn.sass +10 -23
  39. package/lib/components/VBtn/_variables.scss +1 -1
  40. package/lib/components/VBtnGroup/VBtnGroup.css +87 -88
  41. package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
  42. package/lib/components/VCard/VCard.css +294 -302
  43. package/lib/components/VCarousel/VCarousel.css +62 -64
  44. package/lib/components/VCarousel/VCarousel.sass +1 -1
  45. package/lib/components/VCheckbox/VCheckbox.css +7 -5
  46. package/lib/components/VChip/VChip.css +378 -411
  47. package/lib/components/VChipGroup/VChipGroup.css +19 -18
  48. package/lib/components/VCode/VCode.css +13 -11
  49. package/lib/components/VColorPicker/VColorPicker.css +23 -23
  50. package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
  51. package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
  52. package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
  53. package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
  54. package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
  55. package/lib/components/VCombobox/VCombobox.css +85 -84
  56. package/lib/components/VCombobox/VCombobox.d.ts +18 -9
  57. package/lib/components/VCombobox/VCombobox.js +6 -3
  58. package/lib/components/VCombobox/VCombobox.js.map +1 -1
  59. package/lib/components/VCounter/VCounter.css +7 -5
  60. package/lib/components/VDataTable/VDataTable.css +202 -200
  61. package/lib/components/VDataTable/VDataTable.sass +20 -10
  62. package/lib/components/VDataTable/VDataTableFooter.css +33 -31
  63. package/lib/components/VDataTable/VDataTableFooter.js +7 -7
  64. package/lib/components/VDataTable/VDataTableFooter.js.map +1 -1
  65. package/lib/components/VDatePicker/VDatePicker.css +8 -6
  66. package/lib/components/VDatePicker/VDatePickerControls.css +56 -58
  67. package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
  68. package/lib/components/VDatePicker/VDatePickerMonth.css +46 -50
  69. package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
  70. package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
  71. package/lib/components/VDialog/VDialog.css +98 -98
  72. package/lib/components/VDivider/VDivider.css +52 -52
  73. package/lib/components/VEmptyState/VEmptyState.css +62 -67
  74. package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
  75. package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
  76. package/lib/components/VFab/VFab.css +78 -73
  77. package/lib/components/VFab/VFab.sass +5 -4
  78. package/lib/components/VField/VField.css +541 -589
  79. package/lib/components/VField/VField.sass +4 -11
  80. package/lib/components/VField/_variables.scss +1 -1
  81. package/lib/components/VFileInput/VFileInput.css +34 -32
  82. package/lib/components/VFileInput/VFileInput.js +1 -1
  83. package/lib/components/VFileInput/VFileInput.js.map +1 -1
  84. package/lib/components/VFooter/VFooter.css +38 -36
  85. package/lib/components/VForm/VForm.d.ts +111 -531
  86. package/lib/components/VForm/VForm.js +11 -1
  87. package/lib/components/VForm/VForm.js.map +1 -1
  88. package/lib/components/VGrid/VGrid.css +565 -592
  89. package/lib/components/VIcon/VIcon.css +52 -53
  90. package/lib/components/VImg/VImg.css +50 -51
  91. package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
  92. package/lib/components/VInput/VInput.css +136 -147
  93. package/lib/components/VItemGroup/VItemGroup.css +7 -5
  94. package/lib/components/VKbd/VKbd.css +33 -31
  95. package/lib/components/VLabel/VLabel.css +16 -15
  96. package/lib/components/VLayout/VLayout.css +10 -8
  97. package/lib/components/VLayout/VLayoutItem.css +8 -7
  98. package/lib/components/VList/VList.css +104 -108
  99. package/lib/components/VList/VList.sass +1 -1
  100. package/lib/components/VList/VListItem.css +442 -454
  101. package/lib/components/VList/VListItem.sass +2 -1
  102. package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
  103. package/lib/components/VMain/VMain.css +32 -30
  104. package/lib/components/VMenu/VMenu.css +21 -19
  105. package/lib/components/VMessages/VMessages.css +17 -15
  106. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
  107. package/lib/components/VNumberInput/VNumberInput.css +59 -57
  108. package/lib/components/VOtpInput/VOtpInput.css +56 -58
  109. package/lib/components/VOtpInput/VOtpInput.js +2 -2
  110. package/lib/components/VOtpInput/VOtpInput.js.map +1 -1
  111. package/lib/components/VOverlay/VOverlay.css +61 -64
  112. package/lib/components/VOverlay/VOverlay.sass +14 -13
  113. package/lib/components/VPagination/VPagination.css +10 -8
  114. package/lib/components/VParallax/VParallax.css +8 -6
  115. package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
  116. package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
  117. package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
  118. package/lib/components/VRating/VRating.css +52 -53
  119. package/lib/components/VResponsive/VResponsive.css +25 -26
  120. package/lib/components/VSelect/VSelect.css +59 -57
  121. package/lib/components/VSelect/VSelect.d.ts +18 -9
  122. package/lib/components/VSelect/VSelect.js +6 -3
  123. package/lib/components/VSelect/VSelect.js.map +1 -1
  124. package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
  125. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
  126. package/lib/components/VSheet/VSheet.css +38 -36
  127. package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
  128. package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
  129. package/lib/components/VSlider/VSlider.css +53 -57
  130. package/lib/components/VSlider/VSliderThumb.css +142 -153
  131. package/lib/components/VSlider/VSliderTrack.css +155 -174
  132. package/lib/components/VSnackbar/VSnackbar.css +140 -140
  133. package/lib/components/VSnackbar/VSnackbar.js +1 -1
  134. package/lib/components/VSnackbar/VSnackbar.js.map +1 -1
  135. package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
  136. package/lib/components/VStepper/VStepper.css +55 -56
  137. package/lib/components/VStepper/VStepperItem.css +112 -115
  138. package/lib/components/VSwitch/VSwitch.css +129 -139
  139. package/lib/components/VSystemBar/VSystemBar.css +45 -43
  140. package/lib/components/VTable/VTable.css +142 -143
  141. package/lib/components/VTable/VTable.sass +4 -2
  142. package/lib/components/VTabs/VTab.css +30 -29
  143. package/lib/components/VTabs/VTabs.css +59 -65
  144. package/lib/components/VTextField/VTextField.css +77 -85
  145. package/lib/components/VTextarea/VTextarea.css +48 -40
  146. package/lib/components/VTextarea/VTextarea.sass +4 -2
  147. package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
  148. package/lib/components/VTimePicker/VTimePicker.css +4 -2
  149. package/lib/components/VTimePicker/VTimePickerClock.css +127 -130
  150. package/lib/components/VTimePicker/VTimePickerControls.css +103 -104
  151. package/lib/components/VTimeline/VTimeline.css +388 -427
  152. package/lib/components/VToolbar/VToolbar.css +137 -144
  153. package/lib/components/VTooltip/VTooltip.css +27 -23
  154. package/lib/components/VTooltip/VTooltip.sass +8 -6
  155. package/lib/components/VTreeview/VTreeview.js +1 -1
  156. package/lib/components/VTreeview/VTreeview.js.map +1 -1
  157. package/lib/components/VTreeview/VTreeviewItem.css +83 -85
  158. package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
  159. package/lib/components/VWindow/VWindow.css +88 -85
  160. package/lib/composables/theme.js +3 -3
  161. package/lib/composables/theme.js.map +1 -1
  162. package/lib/directives/ripple/VRipple.css +38 -36
  163. package/lib/entry-bundler.js +1 -1
  164. package/lib/entry-bundler.js.map +1 -1
  165. package/lib/framework.d.ts +45 -45
  166. package/lib/framework.js +1 -1
  167. package/lib/framework.js.map +1 -1
  168. package/lib/labs/VCalendar/VCalendar.css +219 -225
  169. package/lib/labs/VCalendar/VCalendarDay.css +40 -41
  170. package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
  171. package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
  172. package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
  173. package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
  174. package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
  175. package/lib/labs/VColorInput/VColorInput.css +5 -3
  176. package/lib/labs/VColorInput/VColorInput.js +1 -1
  177. package/lib/labs/VColorInput/VColorInput.js.map +1 -1
  178. package/lib/labs/VDateInput/VDateInput.js +1 -1
  179. package/lib/labs/VDateInput/VDateInput.js.map +1 -1
  180. package/lib/labs/VFileUpload/VFileUpload.css +74 -77
  181. package/lib/labs/VFileUpload/VFileUpload.js +1 -1
  182. package/lib/labs/VFileUpload/VFileUpload.js.map +1 -1
  183. package/lib/labs/VHotkey/VHotkey.css +242 -241
  184. package/lib/labs/VIconBtn/VIconBtn.css +162 -164
  185. package/lib/labs/VPicker/VPicker.css +62 -67
  186. package/lib/labs/VStepperVertical/VStepperVertical.js +4 -4
  187. package/lib/labs/VStepperVertical/VStepperVertical.js.map +1 -1
  188. package/lib/labs/VStepperVertical/VStepperVerticalItem.js +1 -1
  189. package/lib/labs/VStepperVertical/VStepperVerticalItem.js.map +1 -1
  190. package/lib/styles/elements/_global.sass +1 -1
  191. package/lib/styles/generic/_colors.scss +3 -3
  192. package/lib/styles/generic/_layers.scss +13 -1
  193. package/lib/styles/generic/_reset.scss +0 -1
  194. package/lib/styles/generic/_transitions.scss +32 -32
  195. package/lib/styles/main.css +14677 -16153
  196. package/lib/styles/settings/_utilities.scss +0 -5
  197. package/lib/styles/settings/_variables.scss +2 -3
  198. package/lib/styles/tools/_border.sass +4 -4
  199. package/lib/styles/tools/_display.sass +0 -10
  200. package/lib/styles/tools/_elevation.sass +2 -2
  201. package/lib/styles/tools/_index.sass +0 -2
  202. package/lib/styles/tools/_layer.scss +4 -2
  203. package/lib/styles/tools/_position.sass +2 -2
  204. package/lib/styles/tools/_rounded.sass +2 -2
  205. package/lib/styles/tools/_utilities.sass +1 -5
  206. package/lib/styles/utilities/_elevation.scss +1 -1
  207. package/package.json +1 -1
  208. package/lib/styles/tools/_bootable.sass +0 -3
  209. package/lib/styles/tools/_radius.sass +0 -10
@@ -1,226 +1,220 @@
1
- .v-calendar {
2
- background: rgb(var(--v-theme-background));
3
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
4
- }
5
-
6
- .v-calendar-weekly {
7
- width: 100%;
8
- height: 100%;
9
- display: flex;
10
- flex-direction: column;
11
- min-height: 0;
12
- }
13
-
14
- .v-calendar__container {
15
- border-top: thin solid #e0e0e0;
16
- border-left: thin solid #e0e0e0;
17
- border-right: thin solid #e0e0e0;
18
- }
19
-
20
- .v-calendar-weekly__head {
21
- display: grid;
22
- grid-template-columns: 24px repeat(7, 1fr);
23
- user-select: none;
24
- }
25
- .v-calendar-weekly__head.days__0 {
26
- grid-template-columns: 1fr;
27
- }
28
- .v-calendar-weekly__head.days__0.v-calendar-weekly__head-weeknumbers {
29
- grid-template-columns: 24px 1fr;
30
- }
31
- .v-calendar-weekly__head.days__1 {
32
- grid-template-columns: 1fr;
33
- }
34
- .v-calendar-weekly__head.days__1.v-calendar-weekly__head-weeknumbers {
35
- grid-template-columns: 24px 1fr;
36
- }
37
- .v-calendar-weekly__head.days__2 {
38
- grid-template-columns: repeat(2, 1fr);
39
- }
40
- .v-calendar-weekly__head.days__2.v-calendar-weekly__head-weeknumbers {
41
- grid-template-columns: 24px repeat(2, 1fr);
42
- }
43
- .v-calendar-weekly__head.days__3 {
44
- grid-template-columns: repeat(3, 1fr);
45
- }
46
- .v-calendar-weekly__head.days__3.v-calendar-weekly__head-weeknumbers {
47
- grid-template-columns: 24px repeat(3, 1fr);
48
- }
49
- .v-calendar-weekly__head.days__4 {
50
- grid-template-columns: repeat(4, 1fr);
51
- }
52
- .v-calendar-weekly__head.days__4.v-calendar-weekly__head-weeknumbers {
53
- grid-template-columns: 24px repeat(4, 1fr);
54
- }
55
- .v-calendar-weekly__head.days__5 {
56
- grid-template-columns: repeat(5, 1fr);
57
- }
58
- .v-calendar-weekly__head.days__5.v-calendar-weekly__head-weeknumbers {
59
- grid-template-columns: 24px repeat(5, 1fr);
60
- }
61
- .v-calendar-weekly__head.days__6 {
62
- grid-template-columns: repeat(6, 1fr);
63
- }
64
- .v-calendar-weekly__head.days__6.v-calendar-weekly__head-weeknumbers {
65
- grid-template-columns: 24px repeat(6, 1fr);
66
- }
67
- .v-calendar-weekly__head.days__7 {
68
- grid-template-columns: repeat(7, 1fr);
69
- }
70
- .v-calendar-weekly__head.days__7.v-calendar-weekly__head-weeknumbers {
71
- grid-template-columns: 24px repeat(7, 1fr);
72
- }
73
-
74
- .v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber {
75
- flex: 1 0 20px;
76
- user-select: none;
77
- padding: 8px 4px 0px 4px;
78
- font-size: 11px;
79
- overflow: hidden;
80
- text-align: center;
81
- text-overflow: ellipsis;
82
- text-transform: uppercase;
83
- white-space: nowrap;
84
- border-right: thin solid #e0e0e0;
85
- }
86
- .v-calendar-weekly__head-weekday:last-child, .v-calendar-weekly__head-weekday-with-weeknumber:last-child {
87
- border-right: none;
88
- }
89
- .v-calendar-weekly__head-weekday > div .v-btn, .v-calendar-weekly__head-weekday-with-weeknumber > div .v-btn {
90
- font-size: 1.5rem;
91
- }
92
-
93
- .v-calendar-weekly__head-weeknumber {
94
- background: rgb(var(--v-theme-surface-light));
95
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
96
- }
97
-
98
- .v-calendar-weekly__week {
99
- display: flex;
100
- flex: 1;
101
- height: unset;
102
- min-height: 0;
103
- }
104
-
105
- .v-calendar-month__weeknumber {
106
- padding-top: 6px;
107
- background: rgb(var(--v-theme-surface-light));
108
- border-bottom: thin solid #e0e0e0;
109
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
110
- text-align: center;
111
- font-size: 12px;
112
- font-weight: 500;
113
- }
114
-
115
- .v-calendar-month__days {
116
- display: grid;
117
- flex: 1 1;
118
- }
119
- .v-calendar-month__days > .v-calendar-month__day {
120
- min-height: 150px;
121
- }
122
- .v-calendar-month__days.days__0 {
123
- grid-template-columns: 1fr;
124
- }
125
- .v-calendar-month__days.days__0 > .v-calendar-month__day {
126
- border-right: none;
127
- }
128
- .v-calendar-month__days.days__1 {
129
- grid-template-columns: 1fr;
130
- }
131
- .v-calendar-month__days.days__1 > .v-calendar-month__day {
132
- border-right: none;
133
- }
134
- .v-calendar-month__days.days__2 {
135
- grid-template-columns: repeat(2, 1fr);
136
- }
137
- .v-calendar-month__days.days__2 > .v-calendar-month__day:nth-child(2n) {
138
- border-right: none;
139
- }
140
- .v-calendar-month__days.days__3 {
141
- grid-template-columns: repeat(3, 1fr);
142
- }
143
- .v-calendar-month__days.days__3 > .v-calendar-month__day:nth-child(3n) {
144
- border-right: none;
145
- }
146
- .v-calendar-month__days.days__4 {
147
- grid-template-columns: repeat(4, 1fr);
148
- }
149
- .v-calendar-month__days.days__4 > .v-calendar-month__day:nth-child(4n) {
150
- border-right: none;
151
- }
152
- .v-calendar-month__days.days__5 {
153
- grid-template-columns: repeat(5, 1fr);
154
- }
155
- .v-calendar-month__days.days__5 > .v-calendar-month__day:nth-child(5n) {
156
- border-right: none;
157
- }
158
- .v-calendar-month__days.days__6 {
159
- grid-template-columns: repeat(6, 1fr);
160
- }
161
- .v-calendar-month__days.days__6 > .v-calendar-month__day:nth-child(6n) {
162
- border-right: none;
163
- }
164
- .v-calendar-month__days.days__6.v-calendar-month__weeknumbers {
165
- grid-template-columns: 24px repeat(6, 1fr);
166
- }
167
- .v-calendar-month__days.days__7 {
168
- grid-template-columns: repeat(7, 1fr);
169
- }
170
- .v-calendar-month__days.days__7 > .v-calendar-month__day:nth-child(7n) {
171
- border-right: none;
172
- }
173
- .v-calendar-month__days.days-with-weeknumbers__0 {
174
- grid-template-columns: 24px 1fr;
175
- }
176
- .v-calendar-month__days.days-with-weeknumbers__0 > .v-calendar-month__day {
177
- border-right: none;
178
- }
179
- .v-calendar-month__days.days-with-weeknumbers__1 {
180
- grid-template-columns: 24px 1fr;
181
- }
182
- .v-calendar-month__days.days-with-weeknumbers__1 > .v-calendar-month__day {
183
- border-right: none;
184
- }
185
- .v-calendar-month__days.days-with-weeknumbers__2 {
186
- grid-template-columns: 24px repeat(2, 1fr);
187
- }
188
- .v-calendar-month__days.days-with-weeknumbers__2 > .v-calendar-month__day:nth-child(3n) {
189
- border-right: none;
190
- }
191
- .v-calendar-month__days.days-with-weeknumbers__3 {
192
- grid-template-columns: 24px repeat(3, 1fr);
193
- }
194
- .v-calendar-month__days.days-with-weeknumbers__3 > .v-calendar-month__day:nth-child(4n) {
195
- border-right: none;
196
- }
197
- .v-calendar-month__days.days-with-weeknumbers__4 {
198
- grid-template-columns: 24px repeat(4, 1fr);
199
- }
200
- .v-calendar-month__days.days-with-weeknumbers__4 > .v-calendar-month__day:nth-child(5n) {
201
- border-right: none;
202
- }
203
- .v-calendar-month__days.days-with-weeknumbers__5 {
204
- grid-template-columns: 24px repeat(5, 1fr);
205
- }
206
- .v-calendar-month__days.days-with-weeknumbers__5 > .v-calendar-month__day:nth-child(6n) {
207
- border-right: none;
208
- }
209
- .v-calendar-month__days.days-with-weeknumbers__6 {
210
- grid-template-columns: 24px repeat(6, 1fr);
211
- }
212
- .v-calendar-month__days.days-with-weeknumbers__6 > .v-calendar-month__day:nth-child(7n) {
213
- border-right: none;
214
- }
215
- .v-calendar-month__days.days-with-weeknumbers__7 {
216
- grid-template-columns: 24px repeat(7, 1fr);
217
- }
218
- .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(7n) {
219
- border-right: thin solid thin;
220
- }
221
- .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
222
- border-right: none;
223
- }
224
- .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
225
- border-right: none;
1
+ @layer vuetify.components {
2
+ .v-calendar {
3
+ background: rgb(var(--v-theme-background));
4
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
5
+ }
6
+ .v-calendar-weekly {
7
+ width: 100%;
8
+ height: 100%;
9
+ display: flex;
10
+ flex-direction: column;
11
+ min-height: 0;
12
+ }
13
+ .v-calendar__container {
14
+ border-top: thin solid #e0e0e0;
15
+ border-left: thin solid #e0e0e0;
16
+ border-right: thin solid #e0e0e0;
17
+ }
18
+ .v-calendar-weekly__head {
19
+ display: grid;
20
+ grid-template-columns: 24px repeat(7, 1fr);
21
+ user-select: none;
22
+ }
23
+ .v-calendar-weekly__head.days__0 {
24
+ grid-template-columns: 1fr;
25
+ }
26
+ .v-calendar-weekly__head.days__0.v-calendar-weekly__head-weeknumbers {
27
+ grid-template-columns: 24px 1fr;
28
+ }
29
+ .v-calendar-weekly__head.days__1 {
30
+ grid-template-columns: 1fr;
31
+ }
32
+ .v-calendar-weekly__head.days__1.v-calendar-weekly__head-weeknumbers {
33
+ grid-template-columns: 24px 1fr;
34
+ }
35
+ .v-calendar-weekly__head.days__2 {
36
+ grid-template-columns: repeat(2, 1fr);
37
+ }
38
+ .v-calendar-weekly__head.days__2.v-calendar-weekly__head-weeknumbers {
39
+ grid-template-columns: 24px repeat(2, 1fr);
40
+ }
41
+ .v-calendar-weekly__head.days__3 {
42
+ grid-template-columns: repeat(3, 1fr);
43
+ }
44
+ .v-calendar-weekly__head.days__3.v-calendar-weekly__head-weeknumbers {
45
+ grid-template-columns: 24px repeat(3, 1fr);
46
+ }
47
+ .v-calendar-weekly__head.days__4 {
48
+ grid-template-columns: repeat(4, 1fr);
49
+ }
50
+ .v-calendar-weekly__head.days__4.v-calendar-weekly__head-weeknumbers {
51
+ grid-template-columns: 24px repeat(4, 1fr);
52
+ }
53
+ .v-calendar-weekly__head.days__5 {
54
+ grid-template-columns: repeat(5, 1fr);
55
+ }
56
+ .v-calendar-weekly__head.days__5.v-calendar-weekly__head-weeknumbers {
57
+ grid-template-columns: 24px repeat(5, 1fr);
58
+ }
59
+ .v-calendar-weekly__head.days__6 {
60
+ grid-template-columns: repeat(6, 1fr);
61
+ }
62
+ .v-calendar-weekly__head.days__6.v-calendar-weekly__head-weeknumbers {
63
+ grid-template-columns: 24px repeat(6, 1fr);
64
+ }
65
+ .v-calendar-weekly__head.days__7 {
66
+ grid-template-columns: repeat(7, 1fr);
67
+ }
68
+ .v-calendar-weekly__head.days__7.v-calendar-weekly__head-weeknumbers {
69
+ grid-template-columns: 24px repeat(7, 1fr);
70
+ }
71
+ .v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber {
72
+ flex: 1 0 20px;
73
+ user-select: none;
74
+ padding: 8px 4px 0px 4px;
75
+ font-size: 11px;
76
+ overflow: hidden;
77
+ text-align: center;
78
+ text-overflow: ellipsis;
79
+ text-transform: uppercase;
80
+ white-space: nowrap;
81
+ border-right: thin solid #e0e0e0;
82
+ }
83
+ .v-calendar-weekly__head-weekday:last-child, .v-calendar-weekly__head-weekday-with-weeknumber:last-child {
84
+ border-right: none;
85
+ }
86
+ .v-calendar-weekly__head-weekday > div .v-btn, .v-calendar-weekly__head-weekday-with-weeknumber > div .v-btn {
87
+ font-size: 1.5rem;
88
+ }
89
+ .v-calendar-weekly__head-weeknumber {
90
+ background: rgb(var(--v-theme-surface-light));
91
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
92
+ }
93
+ .v-calendar-weekly__week {
94
+ display: flex;
95
+ flex: 1;
96
+ height: unset;
97
+ min-height: 0;
98
+ }
99
+ .v-calendar-month__weeknumber {
100
+ padding-top: 6px;
101
+ background: rgb(var(--v-theme-surface-light));
102
+ border-bottom: thin solid #e0e0e0;
103
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
104
+ text-align: center;
105
+ font-size: 12px;
106
+ font-weight: 500;
107
+ }
108
+ .v-calendar-month__days {
109
+ display: grid;
110
+ flex: 1 1;
111
+ }
112
+ .v-calendar-month__days > .v-calendar-month__day {
113
+ min-height: 150px;
114
+ }
115
+ .v-calendar-month__days.days__0 {
116
+ grid-template-columns: 1fr;
117
+ }
118
+ .v-calendar-month__days.days__0 > .v-calendar-month__day {
119
+ border-right: none;
120
+ }
121
+ .v-calendar-month__days.days__1 {
122
+ grid-template-columns: 1fr;
123
+ }
124
+ .v-calendar-month__days.days__1 > .v-calendar-month__day {
125
+ border-right: none;
126
+ }
127
+ .v-calendar-month__days.days__2 {
128
+ grid-template-columns: repeat(2, 1fr);
129
+ }
130
+ .v-calendar-month__days.days__2 > .v-calendar-month__day:nth-child(2n) {
131
+ border-right: none;
132
+ }
133
+ .v-calendar-month__days.days__3 {
134
+ grid-template-columns: repeat(3, 1fr);
135
+ }
136
+ .v-calendar-month__days.days__3 > .v-calendar-month__day:nth-child(3n) {
137
+ border-right: none;
138
+ }
139
+ .v-calendar-month__days.days__4 {
140
+ grid-template-columns: repeat(4, 1fr);
141
+ }
142
+ .v-calendar-month__days.days__4 > .v-calendar-month__day:nth-child(4n) {
143
+ border-right: none;
144
+ }
145
+ .v-calendar-month__days.days__5 {
146
+ grid-template-columns: repeat(5, 1fr);
147
+ }
148
+ .v-calendar-month__days.days__5 > .v-calendar-month__day:nth-child(5n) {
149
+ border-right: none;
150
+ }
151
+ .v-calendar-month__days.days__6 {
152
+ grid-template-columns: repeat(6, 1fr);
153
+ }
154
+ .v-calendar-month__days.days__6 > .v-calendar-month__day:nth-child(6n) {
155
+ border-right: none;
156
+ }
157
+ .v-calendar-month__days.days__6.v-calendar-month__weeknumbers {
158
+ grid-template-columns: 24px repeat(6, 1fr);
159
+ }
160
+ .v-calendar-month__days.days__7 {
161
+ grid-template-columns: repeat(7, 1fr);
162
+ }
163
+ .v-calendar-month__days.days__7 > .v-calendar-month__day:nth-child(7n) {
164
+ border-right: none;
165
+ }
166
+ .v-calendar-month__days.days-with-weeknumbers__0 {
167
+ grid-template-columns: 24px 1fr;
168
+ }
169
+ .v-calendar-month__days.days-with-weeknumbers__0 > .v-calendar-month__day {
170
+ border-right: none;
171
+ }
172
+ .v-calendar-month__days.days-with-weeknumbers__1 {
173
+ grid-template-columns: 24px 1fr;
174
+ }
175
+ .v-calendar-month__days.days-with-weeknumbers__1 > .v-calendar-month__day {
176
+ border-right: none;
177
+ }
178
+ .v-calendar-month__days.days-with-weeknumbers__2 {
179
+ grid-template-columns: 24px repeat(2, 1fr);
180
+ }
181
+ .v-calendar-month__days.days-with-weeknumbers__2 > .v-calendar-month__day:nth-child(3n) {
182
+ border-right: none;
183
+ }
184
+ .v-calendar-month__days.days-with-weeknumbers__3 {
185
+ grid-template-columns: 24px repeat(3, 1fr);
186
+ }
187
+ .v-calendar-month__days.days-with-weeknumbers__3 > .v-calendar-month__day:nth-child(4n) {
188
+ border-right: none;
189
+ }
190
+ .v-calendar-month__days.days-with-weeknumbers__4 {
191
+ grid-template-columns: 24px repeat(4, 1fr);
192
+ }
193
+ .v-calendar-month__days.days-with-weeknumbers__4 > .v-calendar-month__day:nth-child(5n) {
194
+ border-right: none;
195
+ }
196
+ .v-calendar-month__days.days-with-weeknumbers__5 {
197
+ grid-template-columns: 24px repeat(5, 1fr);
198
+ }
199
+ .v-calendar-month__days.days-with-weeknumbers__5 > .v-calendar-month__day:nth-child(6n) {
200
+ border-right: none;
201
+ }
202
+ .v-calendar-month__days.days-with-weeknumbers__6 {
203
+ grid-template-columns: 24px repeat(6, 1fr);
204
+ }
205
+ .v-calendar-month__days.days-with-weeknumbers__6 > .v-calendar-month__day:nth-child(7n) {
206
+ border-right: none;
207
+ }
208
+ .v-calendar-month__days.days-with-weeknumbers__7 {
209
+ grid-template-columns: 24px repeat(7, 1fr);
210
+ }
211
+ .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(7n) {
212
+ border-right: thin solid thin;
213
+ }
214
+ .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
215
+ border-right: none;
216
+ }
217
+ .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
218
+ border-right: none;
219
+ }
226
220
  }
@@ -1,42 +1,41 @@
1
- .v-calendar-day {
2
- position: relative;
3
- display: flex;
4
- flex-direction: column;
5
- }
6
-
7
- .v-calendar-weekly .v-calendar__container {
8
- display: grid;
9
- }
10
- .v-calendar-weekly .v-calendar__container.days__7 {
11
- grid-template-columns: repeat(7, 1fr);
12
- }
13
- .v-calendar-weekly .v-calendar__container.days__6 {
14
- grid-template-columns: repeat(6, 1fr);
15
- }
16
- .v-calendar-weekly .v-calendar__container.days__5 {
17
- grid-template-columns: repeat(5, 1fr);
18
- }
19
- .v-calendar-weekly .v-calendar__container.days__4 {
20
- grid-template-columns: repeat(4, 1fr);
21
- }
22
- .v-calendar-weekly .v-calendar__container.days__3 {
23
- grid-template-columns: repeat(3, 1fr);
24
- }
25
- .v-calendar-weekly .v-calendar__container.days__2 {
26
- grid-template-columns: repeat(2, 1fr);
27
- }
28
- .v-calendar-weekly .v-calendar__container.days__1 {
29
- grid-template-columns: repeat(1, 1fr);
30
- }
31
- .v-calendar-weekly .v-calendar__container.days__0 {
32
- grid-template-columns: repeat(1, 1fr);
33
- }
34
-
35
- .v-calendar-weekly__head-weekday {
36
- padding-bottom: 4px;
37
- }
38
-
39
- .v-calendar-weekly__head-weekday .v-calendar-day-label__today {
40
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
41
- color: rgb(var(--v-theme-on-surface-variant));
1
+ @layer vuetify.components {
2
+ .v-calendar-day {
3
+ position: relative;
4
+ display: flex;
5
+ flex-direction: column;
6
+ }
7
+ .v-calendar-weekly .v-calendar__container {
8
+ display: grid;
9
+ }
10
+ .v-calendar-weekly .v-calendar__container.days__7 {
11
+ grid-template-columns: repeat(7, 1fr);
12
+ }
13
+ .v-calendar-weekly .v-calendar__container.days__6 {
14
+ grid-template-columns: repeat(6, 1fr);
15
+ }
16
+ .v-calendar-weekly .v-calendar__container.days__5 {
17
+ grid-template-columns: repeat(5, 1fr);
18
+ }
19
+ .v-calendar-weekly .v-calendar__container.days__4 {
20
+ grid-template-columns: repeat(4, 1fr);
21
+ }
22
+ .v-calendar-weekly .v-calendar__container.days__3 {
23
+ grid-template-columns: repeat(3, 1fr);
24
+ }
25
+ .v-calendar-weekly .v-calendar__container.days__2 {
26
+ grid-template-columns: repeat(2, 1fr);
27
+ }
28
+ .v-calendar-weekly .v-calendar__container.days__1 {
29
+ grid-template-columns: repeat(1, 1fr);
30
+ }
31
+ .v-calendar-weekly .v-calendar__container.days__0 {
32
+ grid-template-columns: repeat(1, 1fr);
33
+ }
34
+ .v-calendar-weekly__head-weekday {
35
+ padding-bottom: 4px;
36
+ }
37
+ .v-calendar-weekly__head-weekday .v-calendar-day-label__today {
38
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
39
+ color: rgb(var(--v-theme-on-surface-variant));
40
+ }
42
41
  }
@@ -1,14 +1,14 @@
1
- .v-calendar-header {
2
- align-items: center;
3
- display: flex;
4
- min-height: 64px;
5
- }
6
-
7
- .v-calendar-header__today {
8
- margin-inline-end: 24px;
9
- }
10
-
11
- .v-calendar-header__title {
12
- font-size: 1.5rem;
13
- margin-inline-start: 24px;
1
+ @layer vuetify.components {
2
+ .v-calendar-header {
3
+ align-items: center;
4
+ display: flex;
5
+ min-height: 64px;
6
+ }
7
+ .v-calendar-header__today {
8
+ margin-inline-end: 24px;
9
+ }
10
+ .v-calendar-header__title {
11
+ font-size: 1.5rem;
12
+ margin-inline-start: 24px;
13
+ }
14
14
  }
@@ -1,43 +1,44 @@
1
- .v-calendar-day__row-with-label {
2
- display: grid;
3
- grid-template-columns: 48px 8px 1fr;
4
- border-right: thin solid #e0e0e0;
5
- }
6
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
7
- position: relative;
8
- border-right: thin solid #e0e0e0;
9
- }
10
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
11
- content: "";
12
- border-bottom: thin solid #e0e0e0;
13
- position: absolute;
14
- width: 100%;
15
- margin-top: -1px;
16
- z-index: 3;
17
- pointer-events: none;
18
- }
19
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
20
- font-size: 10px;
21
- text-align: center;
22
- position: relative;
23
- top: -8px;
24
- }
25
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
26
- border-bottom: thin solid #e0e0e0;
27
- }
28
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
29
- border-bottom: none;
30
- }
31
-
32
- .v-calendar-day__row-without-label {
33
- display: grid;
34
- grid-template-columns: 1fr;
35
- border-right: thin solid #e0e0e0;
36
- }
37
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
38
- overflow: hidden;
39
- border-bottom: thin solid #e0e0e0;
40
- }
41
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
42
- border-bottom: none;
1
+ @layer vuetify.components {
2
+ .v-calendar-day__row-with-label {
3
+ display: grid;
4
+ grid-template-columns: 48px 8px 1fr;
5
+ border-right: thin solid #e0e0e0;
6
+ }
7
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
8
+ position: relative;
9
+ border-right: thin solid #e0e0e0;
10
+ }
11
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
12
+ content: "";
13
+ border-bottom: thin solid #e0e0e0;
14
+ position: absolute;
15
+ width: 100%;
16
+ margin-top: -1px;
17
+ z-index: 3;
18
+ pointer-events: none;
19
+ }
20
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
21
+ font-size: 10px;
22
+ text-align: center;
23
+ position: relative;
24
+ top: -8px;
25
+ }
26
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
27
+ border-bottom: thin solid #e0e0e0;
28
+ }
29
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
30
+ border-bottom: none;
31
+ }
32
+ .v-calendar-day__row-without-label {
33
+ display: grid;
34
+ grid-template-columns: 1fr;
35
+ border-right: thin solid #e0e0e0;
36
+ }
37
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
38
+ overflow: hidden;
39
+ border-bottom: thin solid #e0e0e0;
40
+ }
41
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
42
+ border-bottom: none;
43
+ }
43
44
  }