vitrify 0.17.10 → 0.17.11
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/dist/plugins/quasar/unocss/components/QAjaxBar.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QBar.unocss.js +2 -2
- package/dist/plugins/quasar/unocss/components/QBtn.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QCard.unocss.js +12 -4
- package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js +7 -2
- package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js +18 -6
- package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js +6 -4
- package/dist/plugins/quasar/unocss/components/QFooter.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QMenu.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QTabPanel.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QTooltip.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/core/colors.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/core/flex.unocss.js +11 -4
- package/dist/plugins/quasar/unocss/core/position.unocss.js +2 -1
- package/dist/plugins/quasar/unocss/directives/QRipple.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/index.js +95 -67
- package/dist/plugins/quasar/unocss/plugins/QLoading.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/plugins/QNotify.unocss.js +20 -20
- package/dist/plugins/quasar/unocss/theme.js +1 -1
- package/dist/types/plugins/quasar/unocss/index.d.ts +2 -1
- package/dist/types/plugins/quasar/unocss/theme.d.ts +1 -1
- package/package.json +1 -1
- package/src/node/plugins/quasar/unocss/components/QAjaxBar.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QBar.unocss.ts +2 -2
- package/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QCard.unocss.ts +12 -4
- package/src/node/plugins/quasar/unocss/components/QChatMessage.unocss.ts +7 -2
- package/src/node/plugins/quasar/unocss/components/QCheckbox.unocss.ts +19 -6
- package/src/node/plugins/quasar/unocss/components/QDrawer.unocss.ts +8 -4
- package/src/node/plugins/quasar/unocss/components/QFooter.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QMenu.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QTabPanel.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QTooltip.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/core/colors.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/core/flex.unocss.ts +13 -5
- package/src/node/plugins/quasar/unocss/core/position.unocss.ts +3 -1
- package/src/node/plugins/quasar/unocss/directives/QRipple.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/index.ts +224 -195
- package/src/node/plugins/quasar/unocss/plugins/QLoading.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/plugins/QNotify.unocss.ts +38 -20
- package/src/node/plugins/quasar/unocss/theme.ts +2 -2
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-loading-bar$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-loading-bar'] ??
|
|
5
|
-
`fixed z
|
|
5
|
+
`fixed z-${theme.quasar.z['max']} transition-transform bg-red`
|
|
6
6
|
],
|
|
7
7
|
[/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
|
|
8
8
|
[
|
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-bar$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-bar'] ??
|
|
5
|
-
`bg-black
|
|
5
|
+
`bg-black/20
|
|
6
6
|
[&>.q-icon]:(ml-2px)
|
|
7
7
|
[&>div]:(ml-8px)
|
|
8
8
|
[&>div+.q-icon]:(ml-8px)
|
|
@@ -24,6 +24,6 @@ const shortcuts = [
|
|
|
24
24
|
`px-8px py-0 h-24px text-14px
|
|
25
25
|
[&_.q-btn]:(text-8px)`
|
|
26
26
|
],
|
|
27
|
-
[/^q-bar--dark$/, ([, c], { theme }) => `bg-white
|
|
27
|
+
[/^q-bar--dark$/, ([, c], { theme }) => `bg-white/20`]
|
|
28
28
|
];
|
|
29
29
|
export { shortcuts };
|
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-btn$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-btn'] ??
|
|
5
|
-
`items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)])`
|
|
5
|
+
`font-medium items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)])`
|
|
6
6
|
// inline-flex flex-col
|
|
7
7
|
],
|
|
8
8
|
[
|
|
@@ -2,24 +2,32 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-card$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-card'] ??
|
|
5
|
-
`[
|
|
5
|
+
`shadow-[0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative
|
|
6
|
+
[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none)
|
|
7
|
+
[&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none)
|
|
8
|
+
[&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit])
|
|
9
|
+
[&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit])
|
|
10
|
+
[&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit])
|
|
11
|
+
[&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit])
|
|
12
|
+
[&_>_div:not(.q--avoid-card-border)]:([border-left:0] [border-right:0] shadow-none)
|
|
13
|
+
[&_>_img]:(block w-full max-w-full border-[0])`
|
|
6
14
|
],
|
|
7
15
|
[
|
|
8
16
|
/^q-card--bordered$/,
|
|
9
17
|
([, c], { theme }) => theme.quasar?.components?.['q-card--bordered'] ??
|
|
10
|
-
`border-
|
|
18
|
+
`border-1px border-solid border-black/12`
|
|
11
19
|
],
|
|
12
20
|
[
|
|
13
21
|
/^q-card--dark$/,
|
|
14
22
|
([, c], { theme }) => theme.quasar?.components?.['q-card--dark'] ??
|
|
15
|
-
`border-
|
|
23
|
+
`border-white/28 shadow-[0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
|
|
16
24
|
],
|
|
17
25
|
[/^q-card__section$/, ([, c], { theme }) => `relative`],
|
|
18
26
|
[/^q-card__section--vert$/, ([, c], { theme }) => `p-[16px]`],
|
|
19
27
|
[
|
|
20
28
|
/^q-card__section--horiz$/,
|
|
21
29
|
([, c], { theme }) => theme.quasar?.components?.['q-card__section--horiz'] ??
|
|
22
|
-
`[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-top:0] [border-bottom:0]
|
|
30
|
+
`[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-top:0] [border-bottom:0] shadow-none)`
|
|
23
31
|
],
|
|
24
32
|
[
|
|
25
33
|
/^q-card__actions$/,
|
|
@@ -24,7 +24,8 @@ const shortcuts = [
|
|
|
24
24
|
[
|
|
25
25
|
/^q-message-text--received$/,
|
|
26
26
|
([, c], { theme }) => theme.quasar?.components?.['q-message-text--received'] ??
|
|
27
|
-
`text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0]
|
|
27
|
+
`text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0]
|
|
28
|
+
[&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
|
|
28
29
|
],
|
|
29
30
|
[/^q-message-text-content--received$/, ([, c], { theme }) => `text-[#000]`],
|
|
30
31
|
[/^q-message-name--sent$/, ([, c], { theme }) => `text-right`],
|
|
@@ -39,7 +40,11 @@ const shortcuts = [
|
|
|
39
40
|
[
|
|
40
41
|
/^q-message-text$/,
|
|
41
42
|
([, c], { theme }) => theme.quasar?.components?.['q-message-text'] ??
|
|
42
|
-
`bg-current p-[8px] leading-[1.2] relative
|
|
43
|
+
`bg-current p-[8px] leading-[1.2] relative
|
|
44
|
+
[&_+_.q-message-text]:(mt-[3px])
|
|
45
|
+
[&:last-child]:(min-h-[48px])
|
|
46
|
+
[&:last-child_.q-message-stamp]:(block)
|
|
47
|
+
[&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
|
|
43
48
|
]
|
|
44
49
|
];
|
|
45
50
|
export { shortcuts };
|
|
@@ -24,7 +24,11 @@ body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
|
|
|
24
24
|
}
|
|
25
25
|
];
|
|
26
26
|
const shortcuts = [
|
|
27
|
-
[
|
|
27
|
+
[
|
|
28
|
+
/^q-checkbox$/,
|
|
29
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox'] ??
|
|
30
|
+
`align-middle [&.disabled]:(!opacity-75)`
|
|
31
|
+
],
|
|
28
32
|
[/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
|
|
29
33
|
[
|
|
30
34
|
/^q-checkbox__bg$/,
|
|
@@ -37,7 +41,7 @@ const shortcuts = [
|
|
|
37
41
|
[
|
|
38
42
|
/^q-checkbox__truthy$/,
|
|
39
43
|
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__truthy'] ??
|
|
40
|
-
`stroke-current stroke-[3.12px]`
|
|
44
|
+
`stroke-current stroke-[3.12px] stroke-offset-[29.78334] stroke-dash-[29.78334]`
|
|
41
45
|
],
|
|
42
46
|
[
|
|
43
47
|
/^q-checkbox__indet$/,
|
|
@@ -47,12 +51,14 @@ const shortcuts = [
|
|
|
47
51
|
[
|
|
48
52
|
/^q-checkbox__inner$/,
|
|
49
53
|
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner'] ??
|
|
50
|
-
`text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
|
|
54
|
+
`text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] layer-dismiss:text-[rgba(0,_0,_0,_0.54)]`
|
|
51
55
|
],
|
|
52
56
|
[
|
|
53
57
|
/^q-checkbox__inner--truthy$/,
|
|
54
58
|
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner--truthy'] ??
|
|
55
|
-
`text-primary
|
|
59
|
+
`text-primary
|
|
60
|
+
[&_.q-checkbox\\_\\_bg]:(bg-current)
|
|
61
|
+
[&_path]:(stroke-offset-none [transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
|
|
56
62
|
],
|
|
57
63
|
[
|
|
58
64
|
/^q-checkbox__inner--indet$/,
|
|
@@ -62,12 +68,18 @@ const shortcuts = [
|
|
|
62
68
|
[
|
|
63
69
|
/^q-checkbox--dark$/,
|
|
64
70
|
([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dark'] ??
|
|
65
|
-
`[&_.q-checkbox\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)])
|
|
71
|
+
`[&_.q-checkbox\\_\\_inner]:(layer-dismiss:text-[rgba(255,_255,_255,_0.7)])
|
|
72
|
+
[&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32])
|
|
73
|
+
[&_.q-checkbox\\_\\_inner--truthy]:(layer-dismiss:text-primary)
|
|
74
|
+
[&_.q-checkbox\\_\\_inner--indet]:(layer-dismiss:text-primary)`
|
|
66
75
|
],
|
|
67
76
|
[
|
|
68
77
|
/^q-checkbox--dense$/,
|
|
69
78
|
([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dense'] ??
|
|
70
|
-
`[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em])
|
|
79
|
+
`[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em])
|
|
80
|
+
[&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%])
|
|
81
|
+
[&_.q-checkbox\\_\\_label]:(pl-[0.5em])
|
|
82
|
+
[&.reverse_.q-checkbox\\_\\_label]:(pl-0 pr-[0.5em])`
|
|
71
83
|
]
|
|
72
84
|
];
|
|
73
85
|
export { preflights, shortcuts };
|
|
@@ -2,11 +2,12 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-drawer$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
|
|
5
|
-
`absolute top-[0] bottom-[0] bg-[#fff]`
|
|
5
|
+
`absolute top-[0] bottom-[0] bg-[#fff] z-${theme.quasar.z['side']}`
|
|
6
6
|
],
|
|
7
7
|
[
|
|
8
8
|
/^q-drawer--on-top$/,
|
|
9
|
-
([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ??
|
|
9
|
+
([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ??
|
|
10
|
+
`z-${theme.quasar.z['top']}`
|
|
10
11
|
],
|
|
11
12
|
[
|
|
12
13
|
/^q-drawer--left$/,
|
|
@@ -45,12 +46,13 @@ const shortcuts = [
|
|
|
45
46
|
],
|
|
46
47
|
[
|
|
47
48
|
/^q-drawer__backdrop$/,
|
|
48
|
-
([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ??
|
|
49
|
+
([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ??
|
|
50
|
+
`z-${theme.quasar.z['top'] - 1}`
|
|
49
51
|
],
|
|
50
52
|
[
|
|
51
53
|
/^q-drawer__opener$/,
|
|
52
54
|
([, c], { theme }) => theme.quasar?.components?.['q-drawer__opener'] ??
|
|
53
|
-
`h-full w-[15px] select-none`
|
|
55
|
+
`h-full w-[15px] select-none z-${theme.quasar.z['marginals'] + 1}`
|
|
54
56
|
]
|
|
55
57
|
];
|
|
56
58
|
export { shortcuts };
|
|
@@ -8,7 +8,7 @@ const shortcuts = [
|
|
|
8
8
|
[
|
|
9
9
|
/^q-footer$/,
|
|
10
10
|
([, c], { theme }) => theme.quasar?.components?.['q-footer'] ??
|
|
11
|
-
`[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px]) relative z
|
|
11
|
+
`[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px]) relative z-${theme.quasar.z['marginals']}`
|
|
12
12
|
]
|
|
13
13
|
];
|
|
14
14
|
export { shortcuts };
|
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-menu$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-menu'] ??
|
|
5
|
-
`!fixed inline-block max-w-[95vw] max-h-[65vh] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z
|
|
5
|
+
`!fixed inline-block max-w-[95vw] max-h-[65vh] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-${theme.quasar.z['menu']}`
|
|
6
6
|
],
|
|
7
7
|
[/^q-menu--square$/, ([, c], { theme }) => `rounded-none`],
|
|
8
8
|
[
|
|
@@ -7,7 +7,7 @@ const shortcuts = [
|
|
|
7
7
|
[
|
|
8
8
|
/^q-tooltip$/,
|
|
9
9
|
([, c], { theme }) => theme.quasar?.components?.['q-tooltip'] ??
|
|
10
|
-
`z
|
|
10
|
+
`z-${theme.quasar.z['tooltip']} !fixed overflow-y-auto overflow-x-hidden px-[10px] py-[6px] max-w-[95vw] max-h-[65vh] sm:(text-14px pt-8px pb-8px pl-16px pr-16px)`
|
|
11
11
|
]
|
|
12
12
|
];
|
|
13
13
|
export { shortcuts };
|
|
@@ -9,7 +9,7 @@ const preflights = [
|
|
|
9
9
|
--q-negative: ${theme.colors.negative};
|
|
10
10
|
--q-info: ${theme.colors.info};
|
|
11
11
|
--q-warning: ${theme.colors.warning};
|
|
12
|
-
--q-dark: ${theme.colors['
|
|
12
|
+
--q-dark: ${theme.colors['dark']};
|
|
13
13
|
--q-dark-page: ${theme.colors['dark-page']};
|
|
14
14
|
}`
|
|
15
15
|
}
|
|
@@ -8,10 +8,15 @@ const colGutter = {
|
|
|
8
8
|
lg: 6,
|
|
9
9
|
xl: 12
|
|
10
10
|
};
|
|
11
|
-
const sizes = ['sm', 'md', 'lg', 'xl'];
|
|
12
11
|
const shortcuts = [
|
|
13
|
-
[
|
|
14
|
-
|
|
12
|
+
[
|
|
13
|
+
/^row$/,
|
|
14
|
+
([, c], { theme }) => `flex flex-row flex-wrap [&.reverse]:(flex-row-reverse)`
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
/^column$/,
|
|
18
|
+
([, c], { theme }) => `flex flex-col flex-wrap [&.reverse]:(flex-col-reverse)`
|
|
19
|
+
],
|
|
15
20
|
[
|
|
16
21
|
/^col(?:-)?(none|xs|sm|md|lg|xl)?(?:-)?([2-9]|1[0-2]?)?$/,
|
|
17
22
|
([, size, nr], { theme }) => {
|
|
@@ -57,6 +62,8 @@ const shortcuts = [
|
|
|
57
62
|
],
|
|
58
63
|
[/^wrap$/, ([, size], { theme }) => `flex-wrap`],
|
|
59
64
|
[/^no-wrap$/, ([, size], { theme }) => `flex-nowrap`],
|
|
60
|
-
[/^reverse-wrap$/, ([, size], { theme }) => `flex-wrap-reverse`]
|
|
65
|
+
[/^reverse-wrap$/, ([, size], { theme }) => `flex-wrap-reverse`],
|
|
66
|
+
[/^flex-center$/, ([, c], { theme }) => 'justify-center items-center'],
|
|
67
|
+
[/^inline$/, ([, c], { theme }) => 'flex-inline!']
|
|
61
68
|
];
|
|
62
69
|
export { shortcuts };
|
|
@@ -43,6 +43,7 @@ const shortcuts = [
|
|
|
43
43
|
[/^vertical-bottom$/, ([, c], { theme }) => `!align-bottom`],
|
|
44
44
|
[/^on-left$/, ([, c], { theme }) => `mr-[12px]`],
|
|
45
45
|
[/^on-right$/, ([, c], { theme }) => `ml-[12px]`],
|
|
46
|
-
[/^q-position-engine$/, ([, c], { theme }) => `!mt-0 !ml-0`]
|
|
46
|
+
[/^q-position-engine$/, ([, c], { theme }) => `!mt-0 !ml-0`],
|
|
47
|
+
[/^relative-position$/, ([, c], { theme }) => `relative`]
|
|
47
48
|
];
|
|
48
49
|
export { shortcuts };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-ripple$/,
|
|
4
|
-
([, c], { theme }) => `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden`
|
|
4
|
+
([, c], { theme }) => `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden z-0`
|
|
5
5
|
],
|
|
6
6
|
[
|
|
7
7
|
/^q-ripple__inner$/,
|
|
@@ -283,6 +283,9 @@ const pluginSafelistMap = {
|
|
|
283
283
|
]
|
|
284
284
|
};
|
|
285
285
|
const baseSafelist = [
|
|
286
|
+
'relative-position',
|
|
287
|
+
'q-panel-parent',
|
|
288
|
+
'inline',
|
|
286
289
|
'bg-primary',
|
|
287
290
|
'col',
|
|
288
291
|
'row',
|
|
@@ -1487,13 +1490,17 @@ const generateSafelist = ({ plugins, iconSet }) => {
|
|
|
1487
1490
|
return safelist;
|
|
1488
1491
|
};
|
|
1489
1492
|
export default definePreset((options = {}) => {
|
|
1490
|
-
return
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1493
|
+
return [
|
|
1494
|
+
presetUno(),
|
|
1495
|
+
animatedUno(),
|
|
1496
|
+
presetIcons({}),
|
|
1497
|
+
{
|
|
1498
|
+
name: 'quasar',
|
|
1499
|
+
presets: [presetUno(), animatedUno(), presetIcons({})],
|
|
1500
|
+
safelist: generateSafelist(options),
|
|
1501
|
+
preflights: [
|
|
1502
|
+
{
|
|
1503
|
+
getCSS: ({ theme }) => `/* beasties:include start */
|
|
1497
1504
|
/* Document
|
|
1498
1505
|
* ========================================================================== */
|
|
1499
1506
|
|
|
@@ -1751,69 +1758,90 @@ export default definePreset((options = {}) => {
|
|
|
1751
1758
|
:where(summary) {
|
|
1752
1759
|
display: list-item;
|
|
1753
1760
|
}
|
|
1761
|
+
|
|
1762
|
+
/* * Change font properties to \`inherit\` in all browsers (opinionated).
|
|
1763
|
+
* */
|
|
1764
|
+
button,
|
|
1765
|
+
input,
|
|
1766
|
+
optgroup,
|
|
1767
|
+
select,
|
|
1768
|
+
textarea {
|
|
1769
|
+
font: inherit;
|
|
1770
|
+
font-family: inherit;
|
|
1771
|
+
margin: 0;
|
|
1772
|
+
}
|
|
1773
|
+
|
|
1754
1774
|
/* beasties:include end */`
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
matches
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1775
|
+
}
|
|
1776
|
+
].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights, SizePreflights),
|
|
1777
|
+
rules: [].concat(MouseRules, HelperRules, ElevationRules, VisibilityRules),
|
|
1778
|
+
shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts, ElevationShortcuts),
|
|
1779
|
+
layers: {
|
|
1780
|
+
dismiss: -1,
|
|
1781
|
+
default: 1
|
|
1782
|
+
},
|
|
1783
|
+
theme: defaultTheme,
|
|
1784
|
+
variants: [
|
|
1785
|
+
// ...
|
|
1786
|
+
],
|
|
1787
|
+
extractors: [
|
|
1788
|
+
{
|
|
1789
|
+
name: 'quasar-extractor',
|
|
1790
|
+
order: 0,
|
|
1791
|
+
extract({ code }) {
|
|
1792
|
+
const kebabMatch = code.matchAll(/q-(\w)([\w-]*)/g);
|
|
1793
|
+
const pascalMatch = code.matchAll(/Q([A-Z][a-z0-9]+)+/g);
|
|
1794
|
+
const transitionMatch = code.matchAll(/(transition|transition-show|transition-hide|transition-prev|transition-next)="(\S*)"/g);
|
|
1795
|
+
const colorMatch = code.matchAll(/color="(\S*)"/g);
|
|
1796
|
+
const matches = [];
|
|
1797
|
+
for (const match of kebabMatch)
|
|
1798
|
+
matches.push(match[0]);
|
|
1799
|
+
for (const match of pascalMatch) {
|
|
1800
|
+
matches.push(toKebabCase(match[0]));
|
|
1801
|
+
}
|
|
1802
|
+
const transitionClasses = [];
|
|
1803
|
+
for (const match of transitionMatch) {
|
|
1804
|
+
transitionClasses.push(...[
|
|
1805
|
+
'enter-from',
|
|
1806
|
+
'enter-active',
|
|
1807
|
+
'enter-to',
|
|
1808
|
+
'leave-from',
|
|
1809
|
+
'leave-active',
|
|
1810
|
+
'leave-to'
|
|
1811
|
+
].map((v) => `q-transition--${match[2]}-${v}`));
|
|
1812
|
+
}
|
|
1813
|
+
const colorClasses = [];
|
|
1814
|
+
for (const match of colorMatch) {
|
|
1815
|
+
colorClasses.push(`text-${match[1]}`, `bg-${match[1]}`);
|
|
1816
|
+
}
|
|
1817
|
+
const classes = qClasses.filter((c) => matches.some((component) => {
|
|
1818
|
+
component = component.replaceAll('q-chat-message', 'q-message');
|
|
1819
|
+
return c.includes(component);
|
|
1820
|
+
}));
|
|
1821
|
+
classes.push(...transitionClasses, ...colorClasses);
|
|
1822
|
+
return classes;
|
|
1792
1823
|
}
|
|
1793
|
-
const classes = qClasses.filter((c) => matches.some((component) => c.includes(component)));
|
|
1794
|
-
classes.push(...transitionClasses, ...colorClasses);
|
|
1795
|
-
return classes;
|
|
1796
1824
|
}
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1825
|
+
],
|
|
1826
|
+
transformers: [
|
|
1827
|
+
transformerVariantGroup()
|
|
1828
|
+
// {
|
|
1829
|
+
// name: 'find-classes-in-quasar-src',
|
|
1830
|
+
// enforce: 'pre', // enforce before other transformers
|
|
1831
|
+
// idFilter(id) {
|
|
1832
|
+
// return id.match(/quasar\/src\/.*\.js/)
|
|
1833
|
+
// },
|
|
1834
|
+
// async transform(code, id, { uno }) {
|
|
1835
|
+
// for (const c of baseSafelist) {
|
|
1836
|
+
// if (code.toString().includes(c)) console.log(c)
|
|
1837
|
+
// }
|
|
1838
|
+
// return code
|
|
1839
|
+
// // code is a MagicString instance
|
|
1840
|
+
// }
|
|
1841
|
+
// }
|
|
1842
|
+
]
|
|
1843
|
+
}
|
|
1844
|
+
];
|
|
1817
1845
|
});
|
|
1818
1846
|
export const defaultSplitRE = /[\\:]?[\s'"`;{}]+/g;
|
|
1819
1847
|
export const splitWithVariantGroupRE = /([\\:]?[\s"'`;<>]|:\(|\)"|\)\s)/g;
|
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[/^q-loading$/, ([, c], { theme }) => `text-[#000] !fixed`],
|
|
3
3
|
[
|
|
4
4
|
/^q-loading__backdrop$/,
|
|
5
|
-
([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0 opacity-50 bg-[#000] [transition:background-color_0.28s]`
|
|
5
|
+
([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0 opacity-50 bg-[#000] [transition:background-color_0.28s] z--1`
|
|
6
6
|
],
|
|
7
7
|
[
|
|
8
8
|
/^q-loading__box$/,
|
|
@@ -38,7 +38,7 @@ body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notific
|
|
|
38
38
|
const shortcuts = [
|
|
39
39
|
[
|
|
40
40
|
/^q-notifications__list$/,
|
|
41
|
-
([, c], { theme }) => `pointer-events-none left-0 right-0 mb-[10px] relative z
|
|
41
|
+
([, c], { theme }) => `pointer-events-none left-0 right-0 mb-[10px] relative z-${theme.quasar.z['notify']}`
|
|
42
42
|
],
|
|
43
43
|
[/^q-notifications__list--center$/, ([, c], { theme }) => `top-0 bottom-0`],
|
|
44
44
|
[/^q-notifications__list--top$/, ([, c], { theme }) => `top-0`],
|
|
@@ -46,7 +46,7 @@ const shortcuts = [
|
|
|
46
46
|
[
|
|
47
47
|
/^q-notification$/,
|
|
48
48
|
([, c], { theme }) => `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] inline-flex mt-[10px] mx-[10px] mb-[0] [transition:transform_1s,_opacity_1s] flex-shrink-0 max-w-[95vw] bg-[#323232] text-[#fff] text-[14px]
|
|
49
|
-
sm:max-w-65vw z
|
|
49
|
+
sm:max-w-65vw z-${theme.quasar.z['notify']} pointer-events-all`
|
|
50
50
|
],
|
|
51
51
|
[
|
|
52
52
|
/^q-notification__icon$/,
|
|
@@ -97,75 +97,75 @@ const shortcuts = [
|
|
|
97
97
|
],
|
|
98
98
|
[
|
|
99
99
|
/^q-notification--top-left-enter-from$/,
|
|
100
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
100
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
101
101
|
],
|
|
102
102
|
[
|
|
103
103
|
/^q-notification--top-left-leave-to$/,
|
|
104
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
104
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
105
105
|
],
|
|
106
106
|
[
|
|
107
107
|
/^q-notification--top-enter-from$/,
|
|
108
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
108
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
109
109
|
],
|
|
110
110
|
[
|
|
111
111
|
/^q-notification--top-leave-to$/,
|
|
112
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
112
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
113
113
|
],
|
|
114
114
|
[
|
|
115
115
|
/^q-notification--top-right-enter-from$/,
|
|
116
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
116
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
117
117
|
],
|
|
118
118
|
[
|
|
119
119
|
/^q-notification--top-right-leave-to$/,
|
|
120
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
120
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
121
121
|
],
|
|
122
122
|
[
|
|
123
123
|
/^q-notification--left-enter-from$/,
|
|
124
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
124
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
125
125
|
],
|
|
126
126
|
[
|
|
127
127
|
/^q-notification--left-leave-to$/,
|
|
128
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
128
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
129
129
|
],
|
|
130
130
|
[
|
|
131
131
|
/^q-notification--center-enter-from$/,
|
|
132
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
132
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
133
133
|
],
|
|
134
134
|
[
|
|
135
135
|
/^q-notification--center-leave-to$/,
|
|
136
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
136
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
137
137
|
],
|
|
138
138
|
[
|
|
139
139
|
/^q-notification--right-enter-from$/,
|
|
140
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
140
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
141
141
|
],
|
|
142
142
|
[
|
|
143
143
|
/^q-notification--right-leave-to$/,
|
|
144
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
144
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
145
145
|
],
|
|
146
146
|
[
|
|
147
147
|
/^q-notification--bottom-left-enter-from$/,
|
|
148
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
148
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
149
149
|
],
|
|
150
150
|
[
|
|
151
151
|
/^q-notification--bottom-left-leave-to$/,
|
|
152
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
152
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
153
153
|
],
|
|
154
154
|
[
|
|
155
155
|
/^q-notification--bottom-enter-from$/,
|
|
156
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
156
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
157
157
|
],
|
|
158
158
|
[
|
|
159
159
|
/^q-notification--bottom-leave-to$/,
|
|
160
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
160
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
161
161
|
],
|
|
162
162
|
[
|
|
163
163
|
/^q-notification--bottom-right-enter-from$/,
|
|
164
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
164
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
165
165
|
],
|
|
166
166
|
[
|
|
167
167
|
/^q-notification--bottom-right-leave-to$/,
|
|
168
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
168
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
169
169
|
],
|
|
170
170
|
[
|
|
171
171
|
/^q-notification--top-left-leave-active$/,
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { type Preset } from 'unocss';
|
|
1
2
|
import { type QuasarIconSet, type QuasarPlugins } from 'quasar';
|
|
2
3
|
export interface QuasarPresetOptions {
|
|
3
4
|
plugins?: (keyof QuasarPlugins)[];
|
|
4
5
|
iconSet?: QuasarIconSet;
|
|
5
6
|
}
|
|
6
|
-
declare const _default:
|
|
7
|
+
declare const _default: Preset<object>;
|
|
7
8
|
export default _default;
|
|
8
9
|
export declare const defaultSplitRE: RegExp;
|
|
9
10
|
export declare const splitWithVariantGroupRE: RegExp;
|