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

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 (217) hide show
  1. package/CHANGELOG.md +33 -32
  2. package/dist/json/attributes.json +653 -653
  3. package/dist/json/importMap-labs.json +16 -16
  4. package/dist/json/importMap.json +182 -182
  5. package/dist/json/web-types.json +1133 -1093
  6. package/dist/vuetify-labs.cjs +346 -197
  7. package/dist/vuetify-labs.css +26038 -27768
  8. package/dist/vuetify-labs.d.ts +244 -647
  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 +22491 -24217
  16. package/dist/vuetify.d.ts +316 -719
  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 +385 -408
  40. package/lib/components/VBtn/VBtn.sass +4 -4
  41. package/lib/components/VBtnGroup/VBtnGroup.css +63 -64
  42. package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
  43. package/lib/components/VCard/VCard.css +294 -302
  44. package/lib/components/VCarousel/VCarousel.css +63 -65
  45. package/lib/components/VCarousel/VCarousel.sass +1 -1
  46. package/lib/components/VCheckbox/VCheckbox.css +7 -5
  47. package/lib/components/VChip/VChip.css +378 -411
  48. package/lib/components/VChipGroup/VChipGroup.css +19 -18
  49. package/lib/components/VCode/VCode.css +10 -11
  50. package/lib/components/VCode/VCode.sass +0 -3
  51. package/lib/components/VColorPicker/VColorPicker.css +23 -23
  52. package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
  53. package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
  54. package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
  55. package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
  56. package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
  57. package/lib/components/VCombobox/VCombobox.css +85 -84
  58. package/lib/components/VCombobox/VCombobox.d.ts +18 -9
  59. package/lib/components/VCombobox/VCombobox.js +6 -3
  60. package/lib/components/VCombobox/VCombobox.js.map +1 -1
  61. package/lib/components/VCounter/VCounter.css +7 -5
  62. package/lib/components/VDataTable/VDataTable.css +189 -186
  63. package/lib/components/VDataTable/VDataTable.sass +21 -11
  64. package/lib/components/VDataTable/VDataTableFooter.css +33 -31
  65. package/lib/components/VDatePicker/VDatePicker.css +8 -6
  66. package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
  67. package/lib/components/VDatePicker/VDatePickerControls.css +55 -57
  68. package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
  69. package/lib/components/VDatePicker/VDatePickerMonth.css +51 -55
  70. package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
  71. package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
  72. package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
  73. package/lib/components/VDialog/VDialog.css +98 -98
  74. package/lib/components/VDivider/VDivider.css +52 -52
  75. package/lib/components/VEmptyState/VEmptyState.css +62 -67
  76. package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
  77. package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
  78. package/lib/components/VFab/VFab.css +78 -73
  79. package/lib/components/VFab/VFab.sass +5 -4
  80. package/lib/components/VField/VField.css +548 -589
  81. package/lib/components/VFileInput/VFileInput.css +30 -28
  82. package/lib/components/VFooter/VFooter.css +38 -36
  83. package/lib/components/VForm/VForm.d.ts +111 -531
  84. package/lib/components/VForm/VForm.js +11 -1
  85. package/lib/components/VForm/VForm.js.map +1 -1
  86. package/lib/components/VGrid/VGrid.css +565 -592
  87. package/lib/components/VIcon/VIcon.css +52 -53
  88. package/lib/components/VImg/VImg.css +50 -51
  89. package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
  90. package/lib/components/VInput/VInput.css +136 -147
  91. package/lib/components/VItemGroup/VItemGroup.css +7 -5
  92. package/lib/components/VKbd/VKbd.css +13 -11
  93. package/lib/components/VLabel/VLabel.css +16 -15
  94. package/lib/components/VLayout/VLayout.css +10 -8
  95. package/lib/components/VLayout/VLayoutItem.css +8 -7
  96. package/lib/components/VList/VList.css +104 -108
  97. package/lib/components/VList/VList.sass +1 -1
  98. package/lib/components/VList/VListItem.css +440 -452
  99. package/lib/components/VList/VListItem.sass +2 -1
  100. package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
  101. package/lib/components/VMain/VMain.css +32 -30
  102. package/lib/components/VMenu/VMenu.css +21 -19
  103. package/lib/components/VMessages/VMessages.css +17 -15
  104. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
  105. package/lib/components/VNumberInput/VNumberInput.css +48 -46
  106. package/lib/components/VOtpInput/VOtpInput.css +56 -58
  107. package/lib/components/VOverlay/VOverlay.css +61 -64
  108. package/lib/components/VOverlay/VOverlay.sass +14 -13
  109. package/lib/components/VPagination/VPagination.css +10 -8
  110. package/lib/components/VParallax/VParallax.css +8 -6
  111. package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
  112. package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
  113. package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
  114. package/lib/components/VRating/VRating.css +52 -53
  115. package/lib/components/VResponsive/VResponsive.css +25 -26
  116. package/lib/components/VSelect/VSelect.css +53 -51
  117. package/lib/components/VSelect/VSelect.d.ts +18 -9
  118. package/lib/components/VSelect/VSelect.js +6 -3
  119. package/lib/components/VSelect/VSelect.js.map +1 -1
  120. package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
  121. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
  122. package/lib/components/VSheet/VSheet.css +38 -36
  123. package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
  124. package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
  125. package/lib/components/VSlider/VSlider.css +53 -57
  126. package/lib/components/VSlider/VSliderThumb.css +142 -153
  127. package/lib/components/VSlider/VSliderTrack.css +155 -174
  128. package/lib/components/VSnackbar/VSnackbar.css +140 -140
  129. package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
  130. package/lib/components/VStepper/VStepper.css +55 -56
  131. package/lib/components/VStepper/VStepperItem.css +112 -115
  132. package/lib/components/VSwitch/VSwitch.css +129 -139
  133. package/lib/components/VSystemBar/VSystemBar.css +45 -43
  134. package/lib/components/VTable/VTable.css +140 -141
  135. package/lib/components/VTable/VTable.sass +4 -2
  136. package/lib/components/VTabs/VTab.css +30 -29
  137. package/lib/components/VTabs/VTabs.css +59 -65
  138. package/lib/components/VTextField/VTextField.css +77 -85
  139. package/lib/components/VTextarea/VTextarea.css +48 -40
  140. package/lib/components/VTextarea/VTextarea.sass +4 -2
  141. package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
  142. package/lib/components/VTimeline/VTimeline.css +388 -427
  143. package/lib/components/VToolbar/VToolbar.css +137 -144
  144. package/lib/components/VTooltip/VTooltip.css +27 -23
  145. package/lib/components/VTooltip/VTooltip.sass +8 -6
  146. package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
  147. package/lib/components/VWindow/VWindow.css +73 -70
  148. package/lib/composables/calendar.d.ts +2 -2
  149. package/lib/composables/calendar.js +7 -5
  150. package/lib/composables/calendar.js.map +1 -1
  151. package/lib/composables/date/DateAdapter.d.ts +0 -1
  152. package/lib/composables/date/DateAdapter.js.map +1 -1
  153. package/lib/composables/date/adapters/vuetify.d.ts +0 -1
  154. package/lib/composables/date/adapters/vuetify.js +160 -101
  155. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  156. package/lib/composables/date/date.d.ts +1 -1
  157. package/lib/composables/date/date.js +20 -0
  158. package/lib/composables/date/date.js.map +1 -1
  159. package/lib/composables/filter.js +1 -2
  160. package/lib/composables/filter.js.map +1 -1
  161. package/lib/composables/theme.d.ts +6 -1
  162. package/lib/composables/theme.js +98 -30
  163. package/lib/composables/theme.js.map +1 -1
  164. package/lib/composables/validation.js +0 -5
  165. package/lib/composables/validation.js.map +1 -1
  166. package/lib/composables/virtual.js +6 -1
  167. package/lib/composables/virtual.js.map +1 -1
  168. package/lib/directives/ripple/VRipple.css +38 -36
  169. package/lib/entry-bundler.d.ts +0 -1
  170. package/lib/entry-bundler.js +1 -1
  171. package/lib/entry-bundler.js.map +1 -1
  172. package/lib/framework.d.ts +71 -69
  173. package/lib/framework.js +1 -1
  174. package/lib/framework.js.map +1 -1
  175. package/lib/labs/VCalendar/VCalendar.css +219 -225
  176. package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
  177. package/lib/labs/VCalendar/VCalendarDay.css +33 -32
  178. package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
  179. package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
  180. package/lib/labs/VCalendar/VCalendarInterval.js +19 -25
  181. package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
  182. package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
  183. package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
  184. package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
  185. package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
  186. package/lib/labs/VFileUpload/VFileUpload.css +74 -77
  187. package/lib/labs/VIconBtn/VIconBtn.css +162 -164
  188. package/lib/labs/VPicker/VPicker.css +58 -63
  189. package/lib/labs/VTimePicker/VTimePicker.css +9 -7
  190. package/lib/labs/VTimePicker/VTimePickerClock.css +126 -129
  191. package/lib/labs/VTimePicker/VTimePickerControls.css +102 -103
  192. package/lib/labs/VTreeview/VTreeviewItem.css +30 -28
  193. package/lib/labs/VTreeview/VTreeviewItem.sass +3 -2
  194. package/lib/labs/entry-bundler.d.ts +0 -1
  195. package/lib/styles/elements/_global.sass +1 -1
  196. package/lib/styles/generic/_colors.scss +3 -3
  197. package/lib/styles/generic/_layers.scss +13 -1
  198. package/lib/styles/generic/_reset.scss +0 -1
  199. package/lib/styles/generic/_transitions.scss +32 -32
  200. package/lib/styles/main.css +14668 -16143
  201. package/lib/styles/settings/_utilities.scss +0 -5
  202. package/lib/styles/settings/_variables.scss +1 -2
  203. package/lib/styles/tools/_border.sass +4 -4
  204. package/lib/styles/tools/_display.sass +0 -10
  205. package/lib/styles/tools/_elevation.sass +2 -2
  206. package/lib/styles/tools/_index.sass +0 -2
  207. package/lib/styles/tools/_layer.scss +4 -2
  208. package/lib/styles/tools/_position.sass +2 -2
  209. package/lib/styles/tools/_rounded.sass +2 -2
  210. package/lib/styles/tools/_utilities.sass +1 -5
  211. package/lib/styles/utilities/_elevation.scss +1 -1
  212. package/lib/util/globals.d.ts +1 -0
  213. package/lib/util/globals.js +1 -0
  214. package/lib/util/globals.js.map +1 -1
  215. package/package.json +45 -46
  216. package/lib/styles/tools/_bootable.sass +0 -3
  217. package/lib/styles/tools/_radius.sass +0 -10
@@ -1,145 +1,138 @@
1
- .v-toolbar {
2
- align-items: flex-start;
3
- display: flex;
4
- flex: none;
5
- flex-direction: column;
6
- justify-content: space-between;
7
- max-width: 100%;
8
- position: relative;
9
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
10
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
11
- width: 100%;
12
- }
13
- .v-toolbar {
14
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
15
- border-style: solid;
16
- border-width: 0;
17
- }
18
- .v-toolbar--border {
19
- border-width: thin;
20
- box-shadow: none;
21
- }
22
- .v-toolbar {
23
- 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));
24
- }
25
- .v-toolbar {
26
- border-radius: 0;
27
- }
28
- .v-toolbar {
29
- background: rgb(var(--v-theme-surface-light));
30
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
31
- }
32
- .v-toolbar--absolute {
33
- position: absolute;
34
- }
35
- .v-toolbar--collapse {
36
- max-width: 112px;
37
- overflow: hidden;
38
- border-end-end-radius: 24px;
39
- }
40
- .v-toolbar--collapse .v-toolbar-title {
41
- display: none;
42
- }
43
- .v-toolbar--flat {
44
- 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));
45
- }
46
- .v-toolbar--floating {
47
- display: inline-flex;
48
- width: auto;
49
- }
50
- .v-toolbar--rounded {
51
- border-radius: 4px;
52
- }
53
-
54
- .v-toolbar__content,
55
- .v-toolbar__extension {
56
- align-items: center;
57
- display: flex;
58
- flex: 0 0 auto;
59
- position: relative;
60
- transition: inherit;
61
- width: 100%;
62
- }
63
-
64
- .v-toolbar__content {
65
- overflow: hidden;
66
- }
67
- .v-toolbar__content > .v-btn:first-child {
68
- margin-inline-start: 4px;
69
- }
70
- .v-toolbar__content > .v-btn:last-child {
71
- margin-inline-end: 4px;
72
- }
73
- .v-toolbar__content > .v-toolbar-title {
74
- margin-inline-start: 20px;
75
- }
76
- .v-toolbar--density-prominent .v-toolbar__content {
77
- align-items: flex-start;
78
- }
79
-
80
- .v-toolbar__image {
81
- display: flex;
82
- opacity: var(--v-toolbar-image-opacity, 1);
83
- transition-property: opacity;
84
- }
85
- .v-toolbar__image {
86
- position: absolute;
87
- top: 0;
88
- left: 0;
89
- width: 100%;
90
- height: 100%;
91
- }
92
-
93
- .v-toolbar__prepend,
94
- .v-toolbar__append {
95
- align-items: center;
96
- align-self: stretch;
97
- display: flex;
98
- }
99
-
100
- .v-toolbar__prepend {
101
- margin-inline: 4px auto;
102
- }
103
-
104
- .v-toolbar__append {
105
- margin-inline: auto 4px;
106
- }
107
-
108
- .v-toolbar-title {
109
- flex: 1 1;
110
- font-size: 1.25rem;
111
- min-width: 0;
112
- }
113
- .v-toolbar-title {
114
- font-size: 1.25rem;
115
- font-weight: 400;
116
- letter-spacing: 0;
117
- line-height: 1.75rem;
118
- text-transform: none;
119
- }
120
- .v-toolbar--density-prominent .v-toolbar-title {
121
- align-self: flex-end;
122
- padding-bottom: 6px;
123
- }
124
- .v-toolbar--density-prominent .v-toolbar-title {
125
- font-size: 1.5rem;
126
- font-weight: 400;
127
- letter-spacing: 0;
128
- line-height: 2.25rem;
129
- text-transform: none;
130
- }
131
-
132
- .v-toolbar-title__placeholder {
133
- overflow: hidden;
134
- text-overflow: ellipsis;
135
- white-space: nowrap;
136
- }
137
-
138
- .v-toolbar-items {
139
- display: flex;
140
- height: inherit;
141
- align-self: stretch;
142
- }
143
- .v-toolbar-items > .v-btn {
144
- border-radius: 0;
1
+ @layer vuetify.components {
2
+ .v-toolbar {
3
+ align-items: flex-start;
4
+ display: flex;
5
+ flex: none;
6
+ flex-direction: column;
7
+ justify-content: space-between;
8
+ max-width: 100%;
9
+ position: relative;
10
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
11
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
12
+ width: 100%;
13
+ }
14
+ .v-toolbar {
15
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16
+ border-style: solid;
17
+ border-width: 0;
18
+ }
19
+ .v-toolbar--border {
20
+ border-width: thin;
21
+ box-shadow: none;
22
+ }
23
+ .v-toolbar {
24
+ 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));
25
+ }
26
+ .v-toolbar {
27
+ border-radius: 0;
28
+ }
29
+ .v-toolbar {
30
+ background: rgb(var(--v-theme-surface-light));
31
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
32
+ }
33
+ .v-toolbar--absolute {
34
+ position: absolute;
35
+ }
36
+ .v-toolbar--collapse {
37
+ max-width: 112px;
38
+ overflow: hidden;
39
+ border-end-end-radius: 24px;
40
+ }
41
+ .v-toolbar--collapse .v-toolbar-title {
42
+ display: none;
43
+ }
44
+ .v-toolbar--flat {
45
+ 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));
46
+ }
47
+ .v-toolbar--floating {
48
+ display: inline-flex;
49
+ width: auto;
50
+ }
51
+ .v-toolbar--rounded {
52
+ border-radius: 4px;
53
+ }
54
+ .v-toolbar__content,
55
+ .v-toolbar__extension {
56
+ align-items: center;
57
+ display: flex;
58
+ flex: 0 0 auto;
59
+ position: relative;
60
+ transition: inherit;
61
+ width: 100%;
62
+ }
63
+ .v-toolbar__content {
64
+ overflow: hidden;
65
+ }
66
+ .v-toolbar__content > .v-btn:first-child {
67
+ margin-inline-start: 4px;
68
+ }
69
+ .v-toolbar__content > .v-btn:last-child {
70
+ margin-inline-end: 4px;
71
+ }
72
+ .v-toolbar__content > .v-toolbar-title {
73
+ margin-inline-start: 20px;
74
+ }
75
+ .v-toolbar--density-prominent .v-toolbar__content {
76
+ align-items: flex-start;
77
+ }
78
+ .v-toolbar__image {
79
+ display: flex;
80
+ opacity: var(--v-toolbar-image-opacity, 1);
81
+ transition-property: opacity;
82
+ }
83
+ .v-toolbar__image {
84
+ position: absolute;
85
+ top: 0;
86
+ left: 0;
87
+ width: 100%;
88
+ height: 100%;
89
+ }
90
+ .v-toolbar__prepend,
91
+ .v-toolbar__append {
92
+ align-items: center;
93
+ align-self: stretch;
94
+ display: flex;
95
+ }
96
+ .v-toolbar__prepend {
97
+ margin-inline: 4px auto;
98
+ }
99
+ .v-toolbar__append {
100
+ margin-inline: auto 4px;
101
+ }
102
+ .v-toolbar-title {
103
+ flex: 1 1;
104
+ font-size: 1.25rem;
105
+ min-width: 0;
106
+ }
107
+ .v-toolbar-title {
108
+ font-size: 1.25rem;
109
+ font-weight: 400;
110
+ letter-spacing: 0;
111
+ line-height: 1.75rem;
112
+ text-transform: none;
113
+ }
114
+ .v-toolbar--density-prominent .v-toolbar-title {
115
+ align-self: flex-end;
116
+ padding-bottom: 6px;
117
+ }
118
+ .v-toolbar--density-prominent .v-toolbar-title {
119
+ font-size: 1.5rem;
120
+ font-weight: 400;
121
+ letter-spacing: 0;
122
+ line-height: 2.25rem;
123
+ text-transform: none;
124
+ }
125
+ .v-toolbar-title__placeholder {
126
+ overflow: hidden;
127
+ text-overflow: ellipsis;
128
+ white-space: nowrap;
129
+ }
130
+ .v-toolbar-items {
131
+ display: flex;
132
+ height: inherit;
133
+ align-self: stretch;
134
+ }
135
+ .v-toolbar-items > .v-btn {
136
+ border-radius: 0;
137
+ }
145
138
  }
@@ -1,25 +1,29 @@
1
- .v-tooltip > .v-overlay__content {
2
- background: rgb(var(--v-theme-surface-variant));
3
- color: rgb(var(--v-theme-on-surface-variant));
4
- border-radius: 4px;
5
- font-size: 0.875rem;
6
- line-height: 1.6;
7
- display: inline-block;
8
- padding: 5px 16px;
9
- text-transform: initial;
10
- width: auto;
11
- opacity: 1;
12
- transition-property: opacity, transform;
13
- overflow-wrap: break-word;
1
+ @layer vuetify.components {
2
+ .v-tooltip > .v-overlay__content {
3
+ background: rgb(var(--v-theme-surface-variant));
4
+ color: rgb(var(--v-theme-on-surface-variant));
5
+ border-radius: 4px;
6
+ font-size: 0.875rem;
7
+ line-height: 1.6;
8
+ display: inline-block;
9
+ padding: 5px 16px;
10
+ text-transform: initial;
11
+ width: auto;
12
+ opacity: 1;
13
+ transition-property: opacity, transform;
14
+ overflow-wrap: break-word;
15
+ }
14
16
  }
15
- .v-tooltip > .v-overlay__content[class*=enter-active] {
16
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
17
- transition-duration: 150ms;
18
- }
19
- .v-tooltip > .v-overlay__content[class*=leave-active] {
20
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
21
- transition-duration: 75ms;
22
- }
23
- .v-tooltip:not(.v-tooltip--interactive) > .v-overlay__content {
24
- pointer-events: none;
17
+ @layer vuetify.overrides {
18
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
19
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
20
+ transition-duration: 150ms;
21
+ }
22
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
23
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24
+ transition-duration: 75ms;
25
+ }
26
+ .v-tooltip > .v-overlay__content:not(.v-tooltip--interactive) > .v-overlay__content {
27
+ pointer-events: none;
28
+ }
25
29
  }
@@ -18,13 +18,15 @@
18
18
  transition-property: opacity, transform
19
19
  overflow-wrap: $tooltip-overflow-wrap
20
20
 
21
- &[class*="enter-active"]
22
- transition-timing-function: settings.$decelerated-easing
23
- transition-duration: $tooltip-transition-enter-duration
21
+ @include tools.layer('overrides')
22
+ .v-tooltip > .v-overlay__content
23
+ &[class*="enter-active"]
24
+ transition-timing-function: settings.$decelerated-easing
25
+ transition-duration: $tooltip-transition-enter-duration
24
26
 
25
- &[class*="leave-active"]
26
- transition-timing-function: settings.$accelerated-easing
27
- transition-duration: $tooltip-transition-leave-duration
27
+ &[class*="leave-active"]
28
+ transition-timing-function: settings.$accelerated-easing
29
+ transition-duration: $tooltip-transition-leave-duration
28
30
 
29
31
  &:not(.v-tooltip--interactive)
30
32
  > .v-overlay__content
@@ -1,10 +1,12 @@
1
- .v-virtual-scroll {
2
- display: block;
3
- flex: 1 1 auto;
4
- max-width: 100%;
5
- overflow: auto;
6
- position: relative;
7
- }
8
- .v-virtual-scroll__container {
9
- display: block;
1
+ @layer vuetify.components {
2
+ .v-virtual-scroll {
3
+ display: block;
4
+ flex: 1 1 auto;
5
+ max-width: 100%;
6
+ overflow: auto;
7
+ position: relative;
8
+ }
9
+ .v-virtual-scroll__container {
10
+ display: block;
11
+ }
10
12
  }
@@ -1,71 +1,74 @@
1
- .v-window {
2
- overflow: hidden;
3
- }
4
- .v-window__container {
5
- display: flex;
6
- flex-direction: column;
7
- height: inherit;
8
- position: relative;
9
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
10
- }
11
- .v-window__controls {
12
- position: absolute;
13
- left: 0;
14
- top: 0;
15
- width: 100%;
16
- height: 100%;
17
- display: flex;
18
- align-items: center;
19
- justify-content: space-between;
20
- padding: 0 16px;
21
- pointer-events: none;
22
- }
23
- .v-window__controls > * {
24
- pointer-events: auto;
25
- }
26
- .v-window--show-arrows-on-hover {
27
- overflow: hidden;
28
- }
29
- .v-window--show-arrows-on-hover .v-window__left {
30
- transform: translateX(-200%);
31
- }
32
- .v-window--show-arrows-on-hover .v-window__right {
33
- transform: translateX(200%);
34
- }
35
- .v-window--show-arrows-on-hover:hover .v-window__left,
36
- .v-window--show-arrows-on-hover:hover .v-window__right {
37
- transform: translateX(0);
38
- }
39
-
40
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
41
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
42
- }
43
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
44
- position: absolute !important;
45
- top: 0;
46
- width: 100%;
47
- }
48
- .v-window-x-transition-enter-from {
49
- transform: translateX(100%);
50
- }
51
- .v-window-x-transition-leave-to {
52
- transform: translateX(-100%);
53
- }
54
- .v-window-x-reverse-transition-enter-from {
55
- transform: translateX(-100%);
56
- }
57
- .v-window-x-reverse-transition-leave-to {
58
- transform: translateX(100%);
59
- }
60
- .v-window-y-transition-enter-from {
61
- transform: translateY(100%);
62
- }
63
- .v-window-y-transition-leave-to {
64
- transform: translateY(-100%);
65
- }
66
- .v-window-y-reverse-transition-enter-from {
67
- transform: translateY(-100%);
68
- }
69
- .v-window-y-reverse-transition-leave-to {
70
- transform: translateY(100%);
1
+ @layer vuetify.components {
2
+ .v-window {
3
+ overflow: hidden;
4
+ }
5
+ .v-window__container {
6
+ display: flex;
7
+ flex-direction: column;
8
+ height: inherit;
9
+ position: relative;
10
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
11
+ }
12
+ .v-window__controls {
13
+ position: absolute;
14
+ left: 0;
15
+ top: 0;
16
+ width: 100%;
17
+ height: 100%;
18
+ display: flex;
19
+ align-items: center;
20
+ justify-content: space-between;
21
+ padding: 0 16px;
22
+ pointer-events: none;
23
+ }
24
+ .v-window__controls > * {
25
+ pointer-events: auto;
26
+ }
27
+ .v-window--show-arrows-on-hover {
28
+ overflow: hidden;
29
+ }
30
+ .v-window--show-arrows-on-hover .v-window__left {
31
+ transform: translateX(-200%);
32
+ }
33
+ .v-window--show-arrows-on-hover .v-window__right {
34
+ transform: translateX(200%);
35
+ }
36
+ .v-window--show-arrows-on-hover:hover .v-window__left,
37
+ .v-window--show-arrows-on-hover:hover .v-window__right {
38
+ transform: translateX(0);
39
+ }
40
+ }
41
+ @layer vuetify.transitions {
42
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
43
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
44
+ }
45
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
46
+ position: absolute !important;
47
+ top: 0;
48
+ width: 100%;
49
+ }
50
+ .v-window-x-transition-enter-from {
51
+ transform: translateX(100%);
52
+ }
53
+ .v-window-x-transition-leave-to {
54
+ transform: translateX(-100%);
55
+ }
56
+ .v-window-x-reverse-transition-enter-from {
57
+ transform: translateX(-100%);
58
+ }
59
+ .v-window-x-reverse-transition-leave-to {
60
+ transform: translateX(100%);
61
+ }
62
+ .v-window-y-transition-enter-from {
63
+ transform: translateY(100%);
64
+ }
65
+ .v-window-y-transition-leave-to {
66
+ transform: translateY(-100%);
67
+ }
68
+ .v-window-y-reverse-transition-enter-from {
69
+ transform: translateY(-100%);
70
+ }
71
+ .v-window-y-reverse-transition-leave-to {
72
+ transform: translateY(100%);
73
+ }
71
74
  }
@@ -95,10 +95,10 @@ export declare const makeCalendarProps: <Defaults extends {
95
95
  };
96
96
  firstDayOfWeek: unknown extends Defaults["firstDayOfWeek"] ? {
97
97
  type: (StringConstructor | NumberConstructor)[];
98
- default: undefined;
98
+ default: number;
99
99
  } : Omit<{
100
100
  type: (StringConstructor | NumberConstructor)[];
101
- default: undefined;
101
+ default: number;
102
102
  }, "type" | "default"> & {
103
103
  type: PropType<unknown extends Defaults["firstDayOfWeek"] ? string | number : string | number | Defaults["firstDayOfWeek"]>;
104
104
  default: unknown extends Defaults["firstDayOfWeek"] ? string | number : NonNullable<string | number> | Defaults["firstDayOfWeek"];
@@ -1,5 +1,5 @@
1
1
  // Composables
2
- import { useDate } from "./date/date.js";
2
+ import { getWeek, useDate } from "./date/date.js";
3
3
  import { useProxiedModel } from "./proxiedModel.js"; // Utilities
4
4
  import { computed } from 'vue';
5
5
  import { propsFactory, wrapInArray } from "../util/index.js"; // Types
@@ -28,7 +28,7 @@ export const makeCalendarProps = propsFactory({
28
28
  },
29
29
  firstDayOfWeek: {
30
30
  type: [Number, String],
31
- default: undefined
31
+ default: 0
32
32
  }
33
33
  }, 'calendar');
34
34
  export function useCalendar(props) {
@@ -51,12 +51,14 @@ export function useCalendar(props) {
51
51
  return adapter.setMonth(date, value);
52
52
  }, v => adapter.getMonth(v));
53
53
  const weekDays = computed(() => {
54
- const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
54
+ const firstDayOfWeek = Number(props.firstDayOfWeek);
55
+
55
56
  // Always generate all days, regardless of props.weekdays
56
57
  return [0, 1, 2, 3, 4, 5, 6].map(day => (day + firstDayOfWeek) % 7);
57
58
  });
58
59
  const weeksInMonth = computed(() => {
59
- const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
60
+ const firstDayOfWeek = Number(props.firstDayOfWeek);
61
+ const weeks = adapter.getWeekArray(month.value, firstDayOfWeek);
60
62
  const days = weeks.flat();
61
63
 
62
64
  // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -120,7 +122,7 @@ export function useCalendar(props) {
120
122
  });
121
123
  const weekNumbers = computed(() => {
122
124
  return weeksInMonth.value.map(week => {
123
- return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek) : null;
125
+ return week.length ? getWeek(adapter, week[0]) : null;
124
126
  });
125
127
  });
126
128
  function isDisabled(value) {