@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.
- package/CHANGELOG.md +33 -32
- package/dist/json/attributes.json +653 -653
- package/dist/json/importMap-labs.json +16 -16
- package/dist/json/importMap.json +182 -182
- package/dist/json/web-types.json +1133 -1093
- package/dist/vuetify-labs.cjs +346 -197
- package/dist/vuetify-labs.css +26038 -27768
- package/dist/vuetify-labs.d.ts +244 -647
- package/dist/vuetify-labs.esm.js +347 -198
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +346 -197
- package/dist/vuetify-labs.min.css +3 -4
- package/dist/vuetify.cjs +328 -173
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +22491 -24217
- package/dist/vuetify.d.ts +316 -719
- package/dist/vuetify.esm.js +329 -174
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +328 -173
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +3 -4
- package/dist/vuetify.min.js +1152 -1161
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/md3.js +5 -18
- package/lib/blueprints/md3.js.map +1 -1
- package/lib/components/VAlert/VAlert.css +207 -215
- package/lib/components/VApp/VApp.css +16 -15
- package/lib/components/VAppBar/VAppBar.css +14 -12
- package/lib/components/VAutocomplete/VAutocomplete.css +85 -84
- package/lib/components/VAutocomplete/VAutocomplete.d.ts +18 -9
- package/lib/components/VAutocomplete/VAutocomplete.js +6 -3
- package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
- package/lib/components/VAvatar/VAvatar.css +108 -106
- package/lib/components/VBadge/VBadge.css +77 -77
- package/lib/components/VBanner/VBanner.css +161 -166
- package/lib/components/VBottomNavigation/VBottomNavigation.css +65 -64
- package/lib/components/VBottomSheet/VBottomSheet.css +34 -31
- package/lib/components/VBreadcrumbs/VBreadcrumbs.css +54 -57
- package/lib/components/VBtn/VBtn.css +385 -408
- package/lib/components/VBtn/VBtn.sass +4 -4
- package/lib/components/VBtnGroup/VBtnGroup.css +63 -64
- package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
- package/lib/components/VCard/VCard.css +294 -302
- package/lib/components/VCarousel/VCarousel.css +63 -65
- package/lib/components/VCarousel/VCarousel.sass +1 -1
- package/lib/components/VCheckbox/VCheckbox.css +7 -5
- package/lib/components/VChip/VChip.css +378 -411
- package/lib/components/VChipGroup/VChipGroup.css +19 -18
- package/lib/components/VCode/VCode.css +10 -11
- package/lib/components/VCode/VCode.sass +0 -3
- package/lib/components/VColorPicker/VColorPicker.css +23 -23
- package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
- package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
- package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
- package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
- package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
- package/lib/components/VCombobox/VCombobox.css +85 -84
- package/lib/components/VCombobox/VCombobox.d.ts +18 -9
- package/lib/components/VCombobox/VCombobox.js +6 -3
- package/lib/components/VCombobox/VCombobox.js.map +1 -1
- package/lib/components/VCounter/VCounter.css +7 -5
- package/lib/components/VDataTable/VDataTable.css +189 -186
- package/lib/components/VDataTable/VDataTable.sass +21 -11
- package/lib/components/VDataTable/VDataTableFooter.css +33 -31
- package/lib/components/VDatePicker/VDatePicker.css +8 -6
- package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
- package/lib/components/VDatePicker/VDatePickerControls.css +55 -57
- package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
- package/lib/components/VDatePicker/VDatePickerMonth.css +51 -55
- package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
- package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
- package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
- package/lib/components/VDialog/VDialog.css +98 -98
- package/lib/components/VDivider/VDivider.css +52 -52
- package/lib/components/VEmptyState/VEmptyState.css +62 -67
- package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
- package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
- package/lib/components/VFab/VFab.css +78 -73
- package/lib/components/VFab/VFab.sass +5 -4
- package/lib/components/VField/VField.css +548 -589
- package/lib/components/VFileInput/VFileInput.css +30 -28
- package/lib/components/VFooter/VFooter.css +38 -36
- package/lib/components/VForm/VForm.d.ts +111 -531
- package/lib/components/VForm/VForm.js +11 -1
- package/lib/components/VForm/VForm.js.map +1 -1
- package/lib/components/VGrid/VGrid.css +565 -592
- package/lib/components/VIcon/VIcon.css +52 -53
- package/lib/components/VImg/VImg.css +50 -51
- package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
- package/lib/components/VInput/VInput.css +136 -147
- package/lib/components/VItemGroup/VItemGroup.css +7 -5
- package/lib/components/VKbd/VKbd.css +13 -11
- package/lib/components/VLabel/VLabel.css +16 -15
- package/lib/components/VLayout/VLayout.css +10 -8
- package/lib/components/VLayout/VLayoutItem.css +8 -7
- package/lib/components/VList/VList.css +104 -108
- package/lib/components/VList/VList.sass +1 -1
- package/lib/components/VList/VListItem.css +440 -452
- package/lib/components/VList/VListItem.sass +2 -1
- package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
- package/lib/components/VMain/VMain.css +32 -30
- package/lib/components/VMenu/VMenu.css +21 -19
- package/lib/components/VMessages/VMessages.css +17 -15
- package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
- package/lib/components/VNumberInput/VNumberInput.css +48 -46
- package/lib/components/VOtpInput/VOtpInput.css +56 -58
- package/lib/components/VOverlay/VOverlay.css +61 -64
- package/lib/components/VOverlay/VOverlay.sass +14 -13
- package/lib/components/VPagination/VPagination.css +10 -8
- package/lib/components/VParallax/VParallax.css +8 -6
- package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
- package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
- package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
- package/lib/components/VRating/VRating.css +52 -53
- package/lib/components/VResponsive/VResponsive.css +25 -26
- package/lib/components/VSelect/VSelect.css +53 -51
- package/lib/components/VSelect/VSelect.d.ts +18 -9
- package/lib/components/VSelect/VSelect.js +6 -3
- package/lib/components/VSelect/VSelect.js.map +1 -1
- package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
- package/lib/components/VSheet/VSheet.css +38 -36
- package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
- package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
- package/lib/components/VSlider/VSlider.css +53 -57
- package/lib/components/VSlider/VSliderThumb.css +142 -153
- package/lib/components/VSlider/VSliderTrack.css +155 -174
- package/lib/components/VSnackbar/VSnackbar.css +140 -140
- package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
- package/lib/components/VStepper/VStepper.css +55 -56
- package/lib/components/VStepper/VStepperItem.css +112 -115
- package/lib/components/VSwitch/VSwitch.css +129 -139
- package/lib/components/VSystemBar/VSystemBar.css +45 -43
- package/lib/components/VTable/VTable.css +140 -141
- package/lib/components/VTable/VTable.sass +4 -2
- package/lib/components/VTabs/VTab.css +30 -29
- package/lib/components/VTabs/VTabs.css +59 -65
- package/lib/components/VTextField/VTextField.css +77 -85
- package/lib/components/VTextarea/VTextarea.css +48 -40
- package/lib/components/VTextarea/VTextarea.sass +4 -2
- package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
- package/lib/components/VTimeline/VTimeline.css +388 -427
- package/lib/components/VToolbar/VToolbar.css +137 -144
- package/lib/components/VTooltip/VTooltip.css +27 -23
- package/lib/components/VTooltip/VTooltip.sass +8 -6
- package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
- package/lib/components/VWindow/VWindow.css +73 -70
- package/lib/composables/calendar.d.ts +2 -2
- package/lib/composables/calendar.js +7 -5
- package/lib/composables/calendar.js.map +1 -1
- package/lib/composables/date/DateAdapter.d.ts +0 -1
- package/lib/composables/date/DateAdapter.js.map +1 -1
- package/lib/composables/date/adapters/vuetify.d.ts +0 -1
- package/lib/composables/date/adapters/vuetify.js +160 -101
- package/lib/composables/date/adapters/vuetify.js.map +1 -1
- package/lib/composables/date/date.d.ts +1 -1
- package/lib/composables/date/date.js +20 -0
- package/lib/composables/date/date.js.map +1 -1
- package/lib/composables/filter.js +1 -2
- package/lib/composables/filter.js.map +1 -1
- package/lib/composables/theme.d.ts +6 -1
- package/lib/composables/theme.js +98 -30
- package/lib/composables/theme.js.map +1 -1
- package/lib/composables/validation.js +0 -5
- package/lib/composables/validation.js.map +1 -1
- package/lib/composables/virtual.js +6 -1
- package/lib/composables/virtual.js.map +1 -1
- package/lib/directives/ripple/VRipple.css +38 -36
- package/lib/entry-bundler.d.ts +0 -1
- package/lib/entry-bundler.js +1 -1
- package/lib/entry-bundler.js.map +1 -1
- package/lib/framework.d.ts +71 -69
- package/lib/framework.js +1 -1
- package/lib/framework.js.map +1 -1
- package/lib/labs/VCalendar/VCalendar.css +219 -225
- package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
- package/lib/labs/VCalendar/VCalendarDay.css +33 -32
- package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
- package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
- package/lib/labs/VCalendar/VCalendarInterval.js +19 -25
- package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
- package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
- package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
- package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
- package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
- package/lib/labs/VFileUpload/VFileUpload.css +74 -77
- package/lib/labs/VIconBtn/VIconBtn.css +162 -164
- package/lib/labs/VPicker/VPicker.css +58 -63
- package/lib/labs/VTimePicker/VTimePicker.css +9 -7
- package/lib/labs/VTimePicker/VTimePickerClock.css +126 -129
- package/lib/labs/VTimePicker/VTimePickerControls.css +102 -103
- package/lib/labs/VTreeview/VTreeviewItem.css +30 -28
- package/lib/labs/VTreeview/VTreeviewItem.sass +3 -2
- package/lib/labs/entry-bundler.d.ts +0 -1
- package/lib/styles/elements/_global.sass +1 -1
- package/lib/styles/generic/_colors.scss +3 -3
- package/lib/styles/generic/_layers.scss +13 -1
- package/lib/styles/generic/_reset.scss +0 -1
- package/lib/styles/generic/_transitions.scss +32 -32
- package/lib/styles/main.css +14668 -16143
- package/lib/styles/settings/_utilities.scss +0 -5
- package/lib/styles/settings/_variables.scss +1 -2
- package/lib/styles/tools/_border.sass +4 -4
- package/lib/styles/tools/_display.sass +0 -10
- package/lib/styles/tools/_elevation.sass +2 -2
- package/lib/styles/tools/_index.sass +0 -2
- package/lib/styles/tools/_layer.scss +4 -2
- package/lib/styles/tools/_position.sass +2 -2
- package/lib/styles/tools/_rounded.sass +2 -2
- package/lib/styles/tools/_utilities.sass +1 -5
- package/lib/styles/utilities/_elevation.scss +1 -1
- package/lib/util/globals.d.ts +1 -0
- package/lib/util/globals.js +1 -0
- package/lib/util/globals.js.map +1 -1
- package/package.json +45 -46
- package/lib/styles/tools/_bootable.sass +0 -3
- package/lib/styles/tools/_radius.sass +0 -10
package/lib/blueprints/md3.js
CHANGED
@@ -6,7 +6,7 @@ export const md3 = {
|
|
6
6
|
flat: true
|
7
7
|
},
|
8
8
|
VAutocomplete: {
|
9
|
-
variant: '
|
9
|
+
variant: 'filled'
|
10
10
|
},
|
11
11
|
VBanner: {
|
12
12
|
color: 'primary'
|
@@ -35,10 +35,7 @@ export const md3 = {
|
|
35
35
|
rounded: 'sm'
|
36
36
|
},
|
37
37
|
VCombobox: {
|
38
|
-
variant: '
|
39
|
-
},
|
40
|
-
VDateInput: {
|
41
|
-
variant: 'outlined'
|
38
|
+
variant: 'filled'
|
42
39
|
},
|
43
40
|
VDatePicker: {
|
44
41
|
controlHeight: 48,
|
@@ -52,9 +49,6 @@ export const md3 = {
|
|
52
49
|
rounded: 'circle'
|
53
50
|
}
|
54
51
|
},
|
55
|
-
VFileInput: {
|
56
|
-
variant: 'outlined'
|
57
|
-
},
|
58
52
|
VNavigationDrawer: {
|
59
53
|
// VList: {
|
60
54
|
// nav: true,
|
@@ -63,15 +57,8 @@ export const md3 = {
|
|
63
57
|
// },
|
64
58
|
// },
|
65
59
|
},
|
66
|
-
VNumberInput: {
|
67
|
-
variant: 'outlined',
|
68
|
-
VBtn: {
|
69
|
-
color: undefined,
|
70
|
-
rounded: undefined
|
71
|
-
}
|
72
|
-
},
|
73
60
|
VSelect: {
|
74
|
-
variant: '
|
61
|
+
variant: 'filled'
|
75
62
|
},
|
76
63
|
VSlider: {
|
77
64
|
color: 'primary'
|
@@ -80,10 +67,10 @@ export const md3 = {
|
|
80
67
|
color: 'primary'
|
81
68
|
},
|
82
69
|
VTextarea: {
|
83
|
-
variant: '
|
70
|
+
variant: 'filled'
|
84
71
|
},
|
85
72
|
VTextField: {
|
86
|
-
variant: '
|
73
|
+
variant: 'filled'
|
87
74
|
},
|
88
75
|
VToolbar: {
|
89
76
|
VBtn: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"md3.js","names":["mdi","md3","defaults","VAppBar","flat","VAutocomplete","variant","VBanner","color","VBottomSheet","contentClass","VBtn","rounded","VBtnGroup","VCard","VCheckbox","inset","VChip","VCombobox","
|
1
|
+
{"version":3,"file":"md3.js","names":["mdi","md3","defaults","VAppBar","flat","VAutocomplete","variant","VBanner","color","VBottomSheet","contentClass","VBtn","rounded","VBtnGroup","VCard","VCheckbox","inset","VChip","VCombobox","VDatePicker","controlHeight","divided","headerColor","elevation","VNavigationDrawer","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","tertiary","error","surface"],"sources":["../../src/blueprints/md3.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md3: Blueprint = {\n defaults: {\n VAppBar: {\n flat: true,\n },\n VAutocomplete: {\n variant: 'filled',\n },\n VBanner: {\n color: 'primary',\n },\n VBottomSheet: {\n contentClass: 'rounded-t-xl overflow-hidden',\n },\n VBtn: {\n color: 'primary',\n rounded: 'xl',\n },\n VBtnGroup: {\n rounded: 'xl',\n VBtn: { rounded: null },\n },\n VCard: {\n rounded: 'lg',\n },\n VCheckbox: {\n color: 'secondary',\n inset: true,\n },\n VChip: {\n rounded: 'sm',\n },\n VCombobox: {\n variant: 'filled',\n },\n VDatePicker: {\n controlHeight: 48,\n color: 'primary',\n divided: true,\n headerColor: '',\n elevation: 3,\n rounded: 'xl',\n\n VBtn: {\n color: 'high-emphasis',\n rounded: 'circle',\n },\n },\n VNavigationDrawer: {\n // VList: {\n // nav: true,\n // VListItem: {\n // rounded: 'xl',\n // },\n // },\n },\n VSelect: {\n variant: 'filled',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'filled',\n },\n VTextField: {\n variant: 'filled',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#6750a4',\n secondary: '#b4b0bb',\n tertiary: '#7d5260',\n error: '#b3261e',\n surface: '#fffbfe',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJH,KAAK,EAAE,SAAS;MAChBI,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACTD,OAAO,EAAE,IAAI;MACbD,IAAI,EAAE;QAAEC,OAAO,EAAE;MAAK;IACxB,CAAC;IACDE,KAAK,EAAE;MACLF,OAAO,EAAE;IACX,CAAC;IACDG,SAAS,EAAE;MACTP,KAAK,EAAE,WAAW;MAClBQ,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLL,OAAO,EAAE;IACX,CAAC;IACDM,SAAS,EAAE;MACTZ,OAAO,EAAE;IACX,CAAC;IACDa,WAAW,EAAE;MACXC,aAAa,EAAE,EAAE;MACjBZ,KAAK,EAAE,SAAS;MAChBa,OAAO,EAAE,IAAI;MACbC,WAAW,EAAE,EAAE;MACfC,SAAS,EAAE,CAAC;MACZX,OAAO,EAAE,IAAI;MAEbD,IAAI,EAAE;QACJH,KAAK,EAAE,eAAe;QACtBI,OAAO,EAAE;MACX;IACF,CAAC;IACDY,iBAAiB,EAAE;MACjB;MACA;MACA;MACA;MACA;MACA;IAAA,CACD;IACDC,OAAO,EAAE;MACPnB,OAAO,EAAE;IACX,CAAC;IACDoB,OAAO,EAAE;MACPlB,KAAK,EAAE;IACT,CAAC;IACDmB,KAAK,EAAE;MACLnB,KAAK,EAAE;IACT,CAAC;IACDoB,SAAS,EAAE;MACTtB,OAAO,EAAE;IACX,CAAC;IACDuB,UAAU,EAAE;MACVvB,OAAO,EAAE;IACX,CAAC;IACDwB,QAAQ,EAAE;MACRnB,IAAI,EAAE;QACJH,KAAK,EAAE;MACT;IACF;EACF,CAAC;EACDuB,KAAK,EAAE;IACLC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;MACJjC;IACF;EACF,CAAC;EACDkC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SAAS;UAClBC,SAAS,EAAE,SAAS;UACpBC,QAAQ,EAAE,SAAS;UACnBC,KAAK,EAAE,SAAS;UAChBC,OAAO,EAAE;QACX;MACF;IACF;EACF;AACF,CAAC","ignoreList":[]}
|
@@ -1,216 +1,208 @@
|
|
1
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
.v-alert--density-comfortable {
|
92
|
-
|
93
|
-
|
94
|
-
}
|
95
|
-
.v-alert--density-comfortable.v-alert--border-top {
|
96
|
-
|
97
|
-
}
|
98
|
-
.v-alert--density-comfortable.v-alert--border-bottom {
|
99
|
-
|
100
|
-
}
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
border
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
border-
|
135
|
-
|
136
|
-
|
137
|
-
border-
|
138
|
-
|
139
|
-
|
140
|
-
border-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
.v-alert__append
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
.v-alert__prepend {
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
}
|
178
|
-
.v-alert--
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
.v-alert__underlay {
|
183
|
-
|
184
|
-
|
185
|
-
}
|
186
|
-
.v-alert--border-
|
187
|
-
|
188
|
-
|
189
|
-
}
|
190
|
-
.v-alert--border-
|
191
|
-
|
192
|
-
|
193
|
-
}
|
194
|
-
.v-alert
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
font-weight: 500;
|
209
|
-
hyphens: auto;
|
210
|
-
letter-spacing: 0.0125em;
|
211
|
-
line-height: 1.75rem;
|
212
|
-
overflow-wrap: normal;
|
213
|
-
text-transform: none;
|
214
|
-
word-break: normal;
|
215
|
-
word-wrap: break-word;
|
1
|
+
@layer vuetify.components {
|
2
|
+
.v-alert {
|
3
|
+
display: grid;
|
4
|
+
flex: 1 1;
|
5
|
+
grid-template-areas: "prepend content append close" ". content . .";
|
6
|
+
grid-template-columns: max-content auto max-content max-content;
|
7
|
+
position: relative;
|
8
|
+
padding: 16px;
|
9
|
+
overflow: hidden;
|
10
|
+
--v-border-color: currentColor;
|
11
|
+
}
|
12
|
+
.v-alert--absolute {
|
13
|
+
position: absolute;
|
14
|
+
}
|
15
|
+
.v-alert--fixed {
|
16
|
+
position: fixed;
|
17
|
+
}
|
18
|
+
.v-alert--sticky {
|
19
|
+
position: sticky;
|
20
|
+
}
|
21
|
+
.v-alert {
|
22
|
+
border-radius: 4px;
|
23
|
+
}
|
24
|
+
.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
|
25
|
+
background: transparent;
|
26
|
+
color: inherit;
|
27
|
+
}
|
28
|
+
.v-alert--variant-plain {
|
29
|
+
opacity: 0.62;
|
30
|
+
}
|
31
|
+
.v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
|
32
|
+
opacity: 1;
|
33
|
+
}
|
34
|
+
.v-alert--variant-plain .v-alert__overlay {
|
35
|
+
display: none;
|
36
|
+
}
|
37
|
+
.v-alert--variant-elevated, .v-alert--variant-flat {
|
38
|
+
background: rgb(var(--v-theme-surface-light));
|
39
|
+
color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
|
40
|
+
}
|
41
|
+
.v-alert--variant-elevated {
|
42
|
+
box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
|
43
|
+
}
|
44
|
+
.v-alert--variant-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-alert--variant-outlined {
|
48
|
+
border: thin solid currentColor;
|
49
|
+
}
|
50
|
+
.v-alert--variant-text .v-alert__overlay {
|
51
|
+
background: currentColor;
|
52
|
+
}
|
53
|
+
.v-alert--variant-tonal .v-alert__underlay {
|
54
|
+
background: currentColor;
|
55
|
+
opacity: var(--v-activated-opacity);
|
56
|
+
border-radius: inherit;
|
57
|
+
top: 0;
|
58
|
+
right: 0;
|
59
|
+
bottom: 0;
|
60
|
+
left: 0;
|
61
|
+
pointer-events: none;
|
62
|
+
}
|
63
|
+
.v-alert .v-alert__underlay {
|
64
|
+
position: absolute;
|
65
|
+
}
|
66
|
+
.v-alert--prominent {
|
67
|
+
grid-template-areas: "prepend content append close" "prepend content . .";
|
68
|
+
}
|
69
|
+
.v-alert.v-alert--border {
|
70
|
+
--v-border-opacity: 0.38;
|
71
|
+
}
|
72
|
+
.v-alert.v-alert--border.v-alert--border-start {
|
73
|
+
padding-inline-start: 24px;
|
74
|
+
}
|
75
|
+
.v-alert.v-alert--border.v-alert--border-end {
|
76
|
+
padding-inline-end: 24px;
|
77
|
+
}
|
78
|
+
.v-alert--variant-plain {
|
79
|
+
transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
80
|
+
}
|
81
|
+
.v-alert--density-default {
|
82
|
+
padding-bottom: 16px;
|
83
|
+
padding-top: 16px;
|
84
|
+
}
|
85
|
+
.v-alert--density-default.v-alert--border-top {
|
86
|
+
padding-top: 24px;
|
87
|
+
}
|
88
|
+
.v-alert--density-default.v-alert--border-bottom {
|
89
|
+
padding-bottom: 24px;
|
90
|
+
}
|
91
|
+
.v-alert--density-comfortable {
|
92
|
+
padding-bottom: 12px;
|
93
|
+
padding-top: 12px;
|
94
|
+
}
|
95
|
+
.v-alert--density-comfortable.v-alert--border-top {
|
96
|
+
padding-top: 20px;
|
97
|
+
}
|
98
|
+
.v-alert--density-comfortable.v-alert--border-bottom {
|
99
|
+
padding-bottom: 20px;
|
100
|
+
}
|
101
|
+
.v-alert--density-compact {
|
102
|
+
padding-bottom: 8px;
|
103
|
+
padding-top: 8px;
|
104
|
+
}
|
105
|
+
.v-alert--density-compact.v-alert--border-top {
|
106
|
+
padding-top: 16px;
|
107
|
+
}
|
108
|
+
.v-alert--density-compact.v-alert--border-bottom {
|
109
|
+
padding-bottom: 16px;
|
110
|
+
}
|
111
|
+
.v-alert__border {
|
112
|
+
border-radius: inherit;
|
113
|
+
bottom: 0;
|
114
|
+
left: 0;
|
115
|
+
opacity: var(--v-border-opacity);
|
116
|
+
position: absolute;
|
117
|
+
pointer-events: none;
|
118
|
+
right: 0;
|
119
|
+
top: 0;
|
120
|
+
width: 100%;
|
121
|
+
}
|
122
|
+
.v-alert__border {
|
123
|
+
border-color: currentColor;
|
124
|
+
border-style: solid;
|
125
|
+
border-width: 0;
|
126
|
+
}
|
127
|
+
.v-alert__border--border {
|
128
|
+
border-width: 8px;
|
129
|
+
box-shadow: none;
|
130
|
+
}
|
131
|
+
.v-alert--border-start .v-alert__border {
|
132
|
+
border-inline-start-width: 8px;
|
133
|
+
}
|
134
|
+
.v-alert--border-end .v-alert__border {
|
135
|
+
border-inline-end-width: 8px;
|
136
|
+
}
|
137
|
+
.v-alert--border-top .v-alert__border {
|
138
|
+
border-top-width: 8px;
|
139
|
+
}
|
140
|
+
.v-alert--border-bottom .v-alert__border {
|
141
|
+
border-bottom-width: 8px;
|
142
|
+
}
|
143
|
+
.v-alert__close {
|
144
|
+
flex: 0 1 auto;
|
145
|
+
grid-area: close;
|
146
|
+
}
|
147
|
+
.v-alert__content {
|
148
|
+
align-self: center;
|
149
|
+
grid-area: content;
|
150
|
+
overflow: hidden;
|
151
|
+
}
|
152
|
+
.v-alert__append,
|
153
|
+
.v-alert__close {
|
154
|
+
align-self: flex-start;
|
155
|
+
margin-inline-start: 16px;
|
156
|
+
}
|
157
|
+
.v-alert__append {
|
158
|
+
align-self: flex-start;
|
159
|
+
grid-area: append;
|
160
|
+
}
|
161
|
+
.v-alert__append + .v-alert__close {
|
162
|
+
margin-inline-start: 16px;
|
163
|
+
}
|
164
|
+
.v-alert__prepend {
|
165
|
+
align-self: flex-start;
|
166
|
+
display: flex;
|
167
|
+
align-items: center;
|
168
|
+
grid-area: prepend;
|
169
|
+
margin-inline-end: 16px;
|
170
|
+
}
|
171
|
+
.v-alert--prominent .v-alert__prepend {
|
172
|
+
align-self: center;
|
173
|
+
}
|
174
|
+
.v-alert__underlay {
|
175
|
+
grid-area: none;
|
176
|
+
position: absolute;
|
177
|
+
}
|
178
|
+
.v-alert--border-start .v-alert__underlay {
|
179
|
+
border-top-left-radius: 0;
|
180
|
+
border-bottom-left-radius: 0;
|
181
|
+
}
|
182
|
+
.v-alert--border-end .v-alert__underlay {
|
183
|
+
border-top-right-radius: 0;
|
184
|
+
border-bottom-right-radius: 0;
|
185
|
+
}
|
186
|
+
.v-alert--border-top .v-alert__underlay {
|
187
|
+
border-top-left-radius: 0;
|
188
|
+
border-top-right-radius: 0;
|
189
|
+
}
|
190
|
+
.v-alert--border-bottom .v-alert__underlay {
|
191
|
+
border-bottom-left-radius: 0;
|
192
|
+
border-bottom-right-radius: 0;
|
193
|
+
}
|
194
|
+
.v-alert-title {
|
195
|
+
align-items: center;
|
196
|
+
align-self: center;
|
197
|
+
display: flex;
|
198
|
+
font-size: 1.25rem;
|
199
|
+
font-weight: 500;
|
200
|
+
hyphens: auto;
|
201
|
+
letter-spacing: 0.0125em;
|
202
|
+
line-height: 1.75rem;
|
203
|
+
overflow-wrap: normal;
|
204
|
+
text-transform: none;
|
205
|
+
word-break: normal;
|
206
|
+
word-wrap: break-word;
|
207
|
+
}
|
216
208
|
}
|
@@ -1,16 +1,17 @@
|
|
1
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
.v-application__wrap {
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
@layer vuetify.components {
|
2
|
+
.v-application {
|
3
|
+
display: flex;
|
4
|
+
background: rgb(var(--v-theme-background));
|
5
|
+
color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
|
6
|
+
}
|
7
|
+
.v-application__wrap {
|
8
|
+
backface-visibility: hidden;
|
9
|
+
display: flex;
|
10
|
+
flex-direction: column;
|
11
|
+
flex: 1 1 auto;
|
12
|
+
max-width: 100%;
|
13
|
+
min-height: 100vh;
|
14
|
+
min-height: 100dvh;
|
15
|
+
position: relative;
|
16
|
+
}
|
16
17
|
}
|
@@ -1,13 +1,15 @@
|
|
1
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
1
|
+
@layer vuetify.components {
|
2
|
+
.v-app-bar {
|
3
|
+
display: flex;
|
4
|
+
}
|
5
|
+
.v-app-bar.v-toolbar {
|
6
|
+
background: rgb(var(--v-theme-surface));
|
7
|
+
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
8
|
+
}
|
9
|
+
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
|
10
|
+
box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
|
11
|
+
}
|
12
|
+
.v-app-bar:not(.v-toolbar--absolute) {
|
13
|
+
padding-inline-end: var(--v-scrollbar-offset);
|
14
|
+
}
|
13
15
|
}
|