unocss-preset-quasar 0.2.6 → 0.2.8
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/index.js +18 -16
- package/dist/styles/md2/components/QDialog.unocss.js +1 -1
- package/dist/styles/md3/components/QDialog.unocss.js +1 -1
- package/dist/styles/md3/components/QDrawer.unocss.js +2 -2
- package/dist/styles/md3/components/QTabs.unocss.js +1 -1
- package/package.json +12 -12
- package/src/index.ts +19 -16
- package/src/styles/md2/components/QDialog.unocss.ts +1 -1
- package/src/styles/md3/components/QDialog.unocss.ts +1 -1
- package/src/styles/md3/components/QDrawer.unocss.ts +2 -2
- package/src/styles/md3/components/QTabs.unocss.ts +1 -1
package/dist/index.js
CHANGED
|
@@ -20,6 +20,21 @@ const clearAndUpper = (text) => {
|
|
|
20
20
|
const toPascalCase = (text) => {
|
|
21
21
|
return text.replace(/(^\w|-\w)/g, clearAndUpper);
|
|
22
22
|
};
|
|
23
|
+
const QCheckboxSafelist = [
|
|
24
|
+
'q-checkbox',
|
|
25
|
+
'q-checkbox__native',
|
|
26
|
+
'q-checkbox__bg',
|
|
27
|
+
'q-checkbox__icon-container',
|
|
28
|
+
'q-checkbox__icon',
|
|
29
|
+
'q-checkbox__svg',
|
|
30
|
+
'q-checkbox__truthy',
|
|
31
|
+
'q-checkbox__indet',
|
|
32
|
+
'q-checkbox__inner',
|
|
33
|
+
'q-checkbox__inner--truthy',
|
|
34
|
+
'q-checkbox__inner--indet',
|
|
35
|
+
'q-checkbox--dark',
|
|
36
|
+
'q-checkbox--dense'
|
|
37
|
+
];
|
|
23
38
|
const QPageStickySafelist = [
|
|
24
39
|
'relative-position',
|
|
25
40
|
'fixed',
|
|
@@ -269,21 +284,7 @@ const componentsSafelistMap = {
|
|
|
269
284
|
'q-message-text-content--sent',
|
|
270
285
|
'q-message-text'
|
|
271
286
|
],
|
|
272
|
-
QCheckbox:
|
|
273
|
-
'q-checkbox',
|
|
274
|
-
'q-checkbox__native',
|
|
275
|
-
'q-checkbox__bg',
|
|
276
|
-
'q-checkbox__icon-container',
|
|
277
|
-
'q-checkbox__icon',
|
|
278
|
-
'q-checkbox__svg',
|
|
279
|
-
'q-checkbox__truthy',
|
|
280
|
-
'q-checkbox__indet',
|
|
281
|
-
'q-checkbox__inner',
|
|
282
|
-
'q-checkbox__inner--truthy',
|
|
283
|
-
'q-checkbox__inner--indet',
|
|
284
|
-
'q-checkbox--dark',
|
|
285
|
-
'q-checkbox--dense'
|
|
286
|
-
],
|
|
287
|
+
QCheckbox: QCheckboxSafelist,
|
|
287
288
|
QChip: QChipSafelist,
|
|
288
289
|
QCircularProgress: [
|
|
289
290
|
'q-circular-progress',
|
|
@@ -745,7 +746,8 @@ const componentsSafelistMap = {
|
|
|
745
746
|
'q-table--horizontal-separator',
|
|
746
747
|
'q-table--cell-separator',
|
|
747
748
|
'q-table--vertical-separator',
|
|
748
|
-
'q-table--dense'
|
|
749
|
+
'q-table--dense',
|
|
750
|
+
...QCheckboxSafelist
|
|
749
751
|
],
|
|
750
752
|
QTab: QTabSafelist,
|
|
751
753
|
QRouteTab: QTabSafelist,
|
|
@@ -36,7 +36,7 @@ const shortcuts = [
|
|
|
36
36
|
[
|
|
37
37
|
/^q-dialog__title$/,
|
|
38
38
|
([, c], { theme }) => theme.quasar?.components?.['q-dialog__title'] ??
|
|
39
|
-
`text-1.25rem font-500 lh-
|
|
39
|
+
`text-1.25rem font-500 lh-1rem tracking-0.0125em`
|
|
40
40
|
],
|
|
41
41
|
[/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
|
|
42
42
|
[
|
|
@@ -36,7 +36,7 @@ const shortcuts = [
|
|
|
36
36
|
[
|
|
37
37
|
/^q-dialog__title$/,
|
|
38
38
|
([, c], { theme }) => theme.quasar?.components?.['q-dialog__title'] ??
|
|
39
|
-
`text-1.25rem font-500 lh-
|
|
39
|
+
`text-1.25rem font-500 lh-1rem tracking-0.0125em`
|
|
40
40
|
],
|
|
41
41
|
[/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
|
|
42
42
|
[
|
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[
|
|
3
3
|
/^q-drawer$/,
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
|
|
5
|
-
`
|
|
5
|
+
`absolute top-[0] bottom-[0] bg-$light-surface-container-low dark:bg-$dark-surface-container-low z-${theme.quasar.z['side']}`
|
|
6
6
|
],
|
|
7
7
|
[
|
|
8
8
|
/^q-drawer--on-top$/,
|
|
@@ -52,7 +52,7 @@ const shortcuts = [
|
|
|
52
52
|
[
|
|
53
53
|
/^q-drawer--mobile$/,
|
|
54
54
|
([, c], { theme }) => theme.quasar?.components?.['q-drawer--mobile'] ??
|
|
55
|
-
`[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
|
|
55
|
+
`[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden) rounded-e-$shape-corner-large`
|
|
56
56
|
],
|
|
57
57
|
[
|
|
58
58
|
/^q-drawer__backdrop$/,
|
|
@@ -4,7 +4,7 @@ const shortcuts = [
|
|
|
4
4
|
([, c], { theme }) => theme.quasar?.components?.['q-tab'] ??
|
|
5
5
|
`px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] whitespace-nowrap [color:inherit] no-underline
|
|
6
6
|
[&_.q-badge]:(top-[3px] -right-[12px])
|
|
7
|
-
[&_>_.q-focus-helper]:(!absolute !h-
|
|
7
|
+
[&_>_.q-focus-helper]:(!absolute !h-[calc(80%)] !w-[calc(80%)] !top-[calc(10%)] !left-[calc(10%)] !rounded-$shape-corner-large)
|
|
8
8
|
`
|
|
9
9
|
],
|
|
10
10
|
[
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "unocss-preset-quasar",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Stefan van Herwijnen",
|
|
6
6
|
"description": "UnoCSS preset for Quasar Framework",
|
|
@@ -34,23 +34,23 @@
|
|
|
34
34
|
"homepage": "https://github.com/simsustech/unocss-preset-quasar/tree/main/#readme",
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@material/material-color-utilities": "^0.3.0",
|
|
37
|
-
"@unocss/core": "^66.
|
|
38
|
-
"@unocss/preset-uno": "^66.
|
|
39
|
-
"@unocss/preset-web-fonts": "66.
|
|
40
|
-
"@unocss/preset-wind": "^66.
|
|
37
|
+
"@unocss/core": "^66.5.2",
|
|
38
|
+
"@unocss/preset-uno": "^66.5.2",
|
|
39
|
+
"@unocss/preset-web-fonts": "66.5.2",
|
|
40
|
+
"@unocss/preset-wind": "^66.5.2",
|
|
41
41
|
"animated-unocss": "^0.0.6",
|
|
42
|
-
"unocss": "66.
|
|
42
|
+
"unocss": "66.5.2"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@iconify-json/mdi": "^1.2.3",
|
|
46
|
-
"@quasar/extras": "^1.
|
|
46
|
+
"@quasar/extras": "^1.17.0",
|
|
47
47
|
"@quasar/quasar-ui-qmarkdown": "^2.0.5",
|
|
48
48
|
"@quasar/quasar-ui-qmediaplayer": "^2.0.0-beta.0",
|
|
49
|
-
"@types/node": "^
|
|
50
|
-
"@unocss/preset-icons": "^66.
|
|
51
|
-
"@unocss/preset-mini": "66.
|
|
52
|
-
"quasar": "^2.18.
|
|
53
|
-
"typescript": "^5.
|
|
49
|
+
"@types/node": "^24.5.2",
|
|
50
|
+
"@unocss/preset-icons": "^66.5.2",
|
|
51
|
+
"@unocss/preset-mini": "66.5.2",
|
|
52
|
+
"quasar": "^2.18.5",
|
|
53
|
+
"typescript": "^5.9.2"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"quasar": "^2.18.1"
|
package/src/index.ts
CHANGED
|
@@ -53,6 +53,22 @@ const toPascalCase = (text: string) => {
|
|
|
53
53
|
return text.replace(/(^\w|-\w)/g, clearAndUpper)
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
+
const QCheckboxSafelist = [
|
|
57
|
+
'q-checkbox',
|
|
58
|
+
'q-checkbox__native',
|
|
59
|
+
'q-checkbox__bg',
|
|
60
|
+
'q-checkbox__icon-container',
|
|
61
|
+
'q-checkbox__icon',
|
|
62
|
+
'q-checkbox__svg',
|
|
63
|
+
'q-checkbox__truthy',
|
|
64
|
+
'q-checkbox__indet',
|
|
65
|
+
'q-checkbox__inner',
|
|
66
|
+
'q-checkbox__inner--truthy',
|
|
67
|
+
'q-checkbox__inner--indet',
|
|
68
|
+
'q-checkbox--dark',
|
|
69
|
+
'q-checkbox--dense'
|
|
70
|
+
]
|
|
71
|
+
|
|
56
72
|
const QPageStickySafelist = [
|
|
57
73
|
'relative-position',
|
|
58
74
|
'fixed',
|
|
@@ -307,21 +323,7 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
|
|
|
307
323
|
'q-message-text-content--sent',
|
|
308
324
|
'q-message-text'
|
|
309
325
|
],
|
|
310
|
-
QCheckbox:
|
|
311
|
-
'q-checkbox',
|
|
312
|
-
'q-checkbox__native',
|
|
313
|
-
'q-checkbox__bg',
|
|
314
|
-
'q-checkbox__icon-container',
|
|
315
|
-
'q-checkbox__icon',
|
|
316
|
-
'q-checkbox__svg',
|
|
317
|
-
'q-checkbox__truthy',
|
|
318
|
-
'q-checkbox__indet',
|
|
319
|
-
'q-checkbox__inner',
|
|
320
|
-
'q-checkbox__inner--truthy',
|
|
321
|
-
'q-checkbox__inner--indet',
|
|
322
|
-
'q-checkbox--dark',
|
|
323
|
-
'q-checkbox--dense'
|
|
324
|
-
],
|
|
326
|
+
QCheckbox: QCheckboxSafelist,
|
|
325
327
|
QChip: QChipSafelist,
|
|
326
328
|
QCircularProgress: [
|
|
327
329
|
'q-circular-progress',
|
|
@@ -783,7 +785,8 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
|
|
|
783
785
|
'q-table--horizontal-separator',
|
|
784
786
|
'q-table--cell-separator',
|
|
785
787
|
'q-table--vertical-separator',
|
|
786
|
-
'q-table--dense'
|
|
788
|
+
'q-table--dense',
|
|
789
|
+
...QCheckboxSafelist
|
|
787
790
|
],
|
|
788
791
|
QTab: QTabSafelist,
|
|
789
792
|
QRouteTab: QTabSafelist,
|
|
@@ -41,7 +41,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
41
41
|
/^q-dialog__title$/,
|
|
42
42
|
([, c], { theme }) =>
|
|
43
43
|
theme.quasar?.components?.['q-dialog__title'] ??
|
|
44
|
-
`text-1.25rem font-500 lh-
|
|
44
|
+
`text-1.25rem font-500 lh-1rem tracking-0.0125em`
|
|
45
45
|
],
|
|
46
46
|
[/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
|
|
47
47
|
[
|
|
@@ -41,7 +41,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
41
41
|
/^q-dialog__title$/,
|
|
42
42
|
([, c], { theme }) =>
|
|
43
43
|
theme.quasar?.components?.['q-dialog__title'] ??
|
|
44
|
-
`text-1.25rem font-500 lh-
|
|
44
|
+
`text-1.25rem font-500 lh-1rem tracking-0.0125em`
|
|
45
45
|
],
|
|
46
46
|
[/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
|
|
47
47
|
[
|
|
@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
6
6
|
/^q-drawer$/,
|
|
7
7
|
([, c], { theme }) =>
|
|
8
8
|
theme.quasar?.components?.['q-drawer'] ??
|
|
9
|
-
`
|
|
9
|
+
`absolute top-[0] bottom-[0] bg-$light-surface-container-low dark:bg-$dark-surface-container-low z-${theme.quasar.z['side']}`
|
|
10
10
|
],
|
|
11
11
|
|
|
12
12
|
[
|
|
@@ -72,7 +72,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
72
72
|
/^q-drawer--mobile$/,
|
|
73
73
|
([, c], { theme }) =>
|
|
74
74
|
theme.quasar?.components?.['q-drawer--mobile'] ??
|
|
75
|
-
`[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
|
|
75
|
+
`[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden) rounded-e-$shape-corner-large`
|
|
76
76
|
],
|
|
77
77
|
|
|
78
78
|
[
|
|
@@ -8,7 +8,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
8
8
|
theme.quasar?.components?.['q-tab'] ??
|
|
9
9
|
`px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] whitespace-nowrap [color:inherit] no-underline
|
|
10
10
|
[&_.q-badge]:(top-[3px] -right-[12px])
|
|
11
|
-
[&_>_.q-focus-helper]:(!absolute !h-
|
|
11
|
+
[&_>_.q-focus-helper]:(!absolute !h-[calc(80%)] !w-[calc(80%)] !top-[calc(10%)] !left-[calc(10%)] !rounded-$shape-corner-large)
|
|
12
12
|
`
|
|
13
13
|
],
|
|
14
14
|
|