vitrify 0.17.0 → 0.17.2

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.
@@ -12,8 +12,8 @@ export const prerender = async ({ outDir, templatePath, manifestPath, entryServe
12
12
  path: outDir,
13
13
  logLevel: 'info',
14
14
  external: true,
15
- inlineFonts: true,
16
- preloadFonts: true
15
+ fonts: true,
16
+ compress: false
17
17
  });
18
18
  for (const url of paths) {
19
19
  const directoryUrl = new URL(url.split('/').slice(0, -1).join('/'), `file://${outDir}`);
package/dist/index.js CHANGED
@@ -260,7 +260,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
260
260
  return (await preset).name === 'quasar';
261
261
  }
262
262
  })) {
263
- unoCssContentPipelineInclude.push(/quasar\/src\/.*\.js/);
263
+ // unoCssContentPipelineInclude.push(/quasar\/src\/.*\.js/)
264
264
  }
265
265
  const plugins = [
266
266
  {
@@ -388,7 +388,11 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
388
388
  }),
389
389
  UnoCSS({
390
390
  ...vitrifyConfig.vitrify?.unocss,
391
- content: unoCssContentPipelineInclude
391
+ content: {
392
+ pipeline: {
393
+ include: unoCssContentPipelineInclude
394
+ }
395
+ }
392
396
  })
393
397
  ];
394
398
  if (isPwa) {
@@ -1,57 +1,33 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-card$/,
4
- ([, c], { theme }) => `shadow-black border-rd-4px v-top bg-white relative
5
- [&>div:not(.q--avoid-card-border)]:(border-t-0 border-t-0 border-b-0 border-b-0)
6
- [&>img:not(.q--avoid-card-border)]:(border-t-0 border-t-0 border-b-0 border-b-0)
7
- [&>div:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-0 border-t-inherit border-t-inherit)
8
- [&>img:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-0 border-t-inherit border-t-inherit)
9
- [&>div:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-b-0 border-b-inherit border-b-inherit)
10
- [&>img:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-b-0 border-b-inherit border-b-inherit)
11
- [&>div:not(.q--avoid-card-border)]:(border-l-0 border-r-0 shadow-none)
12
- [&>img]:(block w-full max-w-full border-none)
13
- `
4
+ ([, 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] align-top bg-[#fff] relative [&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-left:0] [border-right:0] [box-shadow:none]) [&_>_img]:(block w-full max-w-full border-[0])`
14
5
  ],
15
6
  [
16
7
  /^q-card--bordered$/,
17
- ([, c], { theme }) => `border-solid border-black border-op-120`
8
+ ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
18
9
  ],
19
10
  [
20
11
  /^q-card--dark$/,
21
- ([, c], { theme }) => `border-white border-op-280 shadow-black`
12
+ ([, c], { theme }) => `border-[rgba(255,_255,_255,_0.28)] [box-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)]`
22
13
  ],
23
14
  [/^q-card__section$/, ([, c], { theme }) => `relative`],
24
- [/^q-card__section--vert$/, ([, c], { theme }) => `p-16px`],
15
+ [/^q-card__section--vert$/, ([, c], { theme }) => `p-[16px]`],
25
16
  [
26
17
  /^q-card__section--horiz$/,
27
- ([, c], { theme }) => `[&>div:not(.q--avoid-card-border)]:(border-t-0 border-b-0 border-t-0 border-b-0)
28
- [&>img:not(.q--avoid-card-border)]:(border-t-0 border-b-0 border-t-0 border-b-0)
29
- [&>div:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
30
- [&>img:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
31
- [&>div:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
32
- [&>img:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
33
- [&>div:not(.q--avoid-card-border)]:(border-t-0 border-b-0 shadow-none)
34
- `
18
+ ([, c], { theme }) => `[&_>_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] [box-shadow:none])`
35
19
  ],
36
20
  [
37
- /^q--card__actions$/,
38
- ([, c], { theme }) => `p-8px items-center
39
- [&_.q-btn--rectangle]:(px-8px py-0)`
21
+ /^q-card__actions$/,
22
+ ([, c], { theme }) => `p-[8px] items-center [&_.q-btn--rectangle]:(px-[8px] py-[0])`
40
23
  ],
41
24
  [
42
- /^q--card__actions--horiz$/,
43
- ([, c], { theme }) => `[&>.q-btn-item+.q-btn-item]:(ml-8px)
44
- [&>.q-btn-group+.q-btn-item]:(ml-8px)
45
- [&>.q-btn-item+.q-btn-group]:(ml-8px)`
25
+ /^q-card__actions--horiz$/,
26
+ ([, c], { theme }) => `[&_>_.q-btn-item_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-group_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-item_+_.q-btn-group]:(ml-[8px])`
46
27
  ],
47
28
  [
48
- /^q--card__actions--vert$/,
49
- ([, c], { theme }) => `[&>.q-btn-item.q-btn--round]:(self-center)
50
- [&>.q-btn-item+.q-btn-item]:(mt-4px)
51
- [&>.q-btn-group+.q-btn-item]:(mt-4px)
52
- [&>.q-btn-item+.q-btn-group]:(mt-4px)
53
- [&>.q-btn-group>.q-btn-item]:(flex-grow)
54
- `
29
+ /^q-card__actions--vert$/,
30
+ ([, c], { theme }) => `[&_>_.q-btn-item.q-btn--round]:(self-center) [&_>_.q-btn-item_+_.q-btn-item]:(mt-[4px]) [&_>_.q-btn-group_+_.q-btn-item]:(mt-[4px]) [&_>_.q-btn-item_+_.q-btn-group]:(mt-[4px]) [&_>_.q-btn-group_>_.q-btn-item]:(flex-grow)`
55
31
  ]
56
32
  ];
57
33
  export { shortcuts };
@@ -12,7 +12,7 @@ const sizes = ['sm', 'md', 'lg', 'xl'];
12
12
  const shortcuts = [
13
13
  [
14
14
  /^row$/,
15
- ([, c], { theme }) => `flex flex-row flex-wrap
15
+ ([, c], { theme }) => `flex flex-row flex-wrap
16
16
  [&_>_.col]:(grow)
17
17
  ${sizes
18
18
  .map((size) => `[&_>_.col-${size}]:(${size}:basis-auto ${size}:grow)`)
@@ -16,9 +16,9 @@ const preflights = [
16
16
  ];
17
17
  const shortcuts = [
18
18
  [/^non-selectable$/, ([, c], { theme }) => `!select-none`],
19
- [/^scroll$/, ([, c], { theme }) => `overflow-auto `],
20
- [/^scroll-x$/, ([, c], { theme }) => ` overflow-x-auto`],
21
- [/^scroll-y$/, ([, c], { theme }) => ` overflow-y-auto`],
19
+ [/^scroll$/, ([, c], { theme }) => `overflow-auto`],
20
+ [/^scroll-x$/, ([, c], { theme }) => `overflow-x-auto`],
21
+ [/^scroll-y$/, ([, c], { theme }) => `overflow-y-auto`],
22
22
  [/^no-scroll$/, ([, c], { theme }) => `!overflow-hidden`],
23
23
  [/^no-pointer-events$/, ([, c], { theme }) => `!pointer-events-none`],
24
24
  [