vitrify 0.17.10 → 0.17.12

package/dist/plugins/quasar/unocss/components/QAjaxBar.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-loading-bar$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-loading-bar'] ??
-            `fixed z-9998 transition-transform bg-red`
+            `fixed z-${theme.quasar.z['max']} transition-transform bg-red`
     ],
     [/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
     [

package/dist/plugins/quasar/unocss/components/QBanner.unocss.js

@@ -1,27 +1,24 @@
 const shortcuts = [
-    [/^q-banner$/, ([, c], { theme }) => `min-h-54px px-16px py-8px bg-white`],
-    [/^q-banner--top-padding$/, ([, c], { theme }) => ``],
-    [/^q-banner--top-padding$/, ([, c], { theme }) => `pt-14px`],
+    [
+        /^q-banner$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-banner'] ??
+            `min-h-[54px] px-[16px] py-[8px] bg-[#fff]`
+    ],
+    [/^q-banner--top-padding$/, ([, c], { theme }) => `pt-[14px]`],
     [
         /^q-banner__avatar$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-banner__avatar'] ??
-            `min-w-1px! [&.q-avatar]:(text-46px) 
-    [&.q-icon]:(text-40px) 
-    [&:not(:empty)+.q-banner\\_\\_content]:(pl-16px)`
+            `!min-w-[1px] [&_>_.q-avatar]:(text-[46px]) [&_>_.q-icon]:(text-[40px]) [&:not(:empty)_+_.q-banner\\_\\_content]:(pl-[16px])`
     ],
     [
         /^q-banner__actions$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-banner__actions'] ??
-            `[&.col-auto]:(pl-16px)
-        [&.col-all_.q.btn-item]:(mt-4px mb-0 ml-4px mr-0)`
+            `[&.col-auto]:(pl-[16px]) [&.col-all_.q-btn-item]:(mt-[4px] mr-[0] mb-[0] ml-[4px])`
     ],
     [
         /^q-banner--dense$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-banner--dense'] ??
-            `min-h-32px p-8px
-          [&_.q-banner\\_\\_avatar>.q-avatar,.q-banner--dense_.q-banner\\_\\_avatar>.q-icon]:(text-28px)
-      [&_.q-banner\\_\\_avatar:not(:empty)+.q-banner\\_\\_content]:(pl-8px)
-      [&_.q-banner\\_\\_actions.col-auto]:(pl-8px)`
+            `min-h-[32px] p-[8px] [&.q-banner--top-padding]:(pt-[12px]) [&_.q-banner\\_\\_avatar_>_.q-avatar]:(text-[28px]) [&_.q-banner\\_\\_avatar_>_.q-icon]:(text-[28px]) [&_.q-banner\\_\\_avatar:not(:empty)_+_.q-banner\\_\\_content]:(pl-[8px]) [&_.q-banner\\_\\_actions.col-auto]:(pl-[8px])`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBar.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-bar$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-bar'] ??
-            `bg-black op-20
+            `bg-black/20
     [&>.q-icon]:(ml-2px)
     [&>div]:(ml-8px)
     [&>div+.q-icon]:(ml-8px)
@@ -24,6 +24,6 @@ const shortcuts = [
             `px-8px py-0 h-24px text-14px
     [&_.q-btn]:(text-8px)`
     ],
-    [/^q-bar--dark$/, ([, c], { theme }) => `bg-white op-15`]
+    [/^q-bar--dark$/, ([, c], { theme }) => `bg-white/20`]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBtn.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-btn$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-btn'] ??
-            `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)])`
+            `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)])`
         // inline-flex flex-col
     ],
     [
@@ -47,12 +47,14 @@ const shortcuts = [
     [
         /^q-btn--fab$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-btn--fab'] ??
-            `[&_.q-icon]:(text-[24px]) p-[16px] min-h-[56px] min-w-[56px] [&_.q-icon]:(m-auto)`
+            `[&_.q-icon]:(text-[24px]) p-[16px] [&_.q-icon]:(m-auto) pb-0`
+        // min-h-[56px] min-w-[56px]
     ],
     [
         /^q-btn--fab-mini$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-btn--fab-mini'] ??
-            `[&_.q-icon]:(text-[24px]) p-[8px] min-h-[40px] min-w-[40px]`
+            `[&_.q-icon]:(text-[24px]) p-[8px] pb-0`
+        // min-h-[40px] min-w-[40px]
     ],
     [/^q-btn__content$/, ([, c], { theme }) => `[transition:opacity_0.3s] z-0`],
     [

package/dist/plugins/quasar/unocss/components/QCard.unocss.js

@@ -2,24 +2,32 @@ const shortcuts = [
     [
         /^q-card$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card'] ??
-            `[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])`
+            `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] shadow-none)
+      [&_>_img]:(block w-full max-w-full border-[0])`
     ],
     [
         /^q-card--bordered$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card--bordered'] ??
-            `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+            `border-1px border-solid border-black/12`
     ],
     [
         /^q-card--dark$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card--dark'] ??
-            `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)]`
+            `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)]`
     ],
     [/^q-card__section$/, ([, c], { theme }) => `relative`],
     [/^q-card__section--vert$/, ([, c], { theme }) => `p-[16px]`],
     [
         /^q-card__section--horiz$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card__section--horiz'] ??
-            `[&_>_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])`
+            `[&_>_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)`
     ],
     [
         /^q-card__actions$/,

package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js

@@ -24,7 +24,8 @@ const shortcuts = [
     [
         /^q-message-text--received$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-message-text--received'] ??
-            `text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0] [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
+            `text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0]
+      [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
     ],
     [/^q-message-text-content--received$/, ([, c], { theme }) => `text-[#000]`],
     [/^q-message-name--sent$/, ([, c], { theme }) => `text-right`],
@@ -39,7 +40,11 @@ const shortcuts = [
     [
         /^q-message-text$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-message-text'] ??
-            `bg-current p-[8px] leading-[1.2] relative [&_+_.q-message-text]:(mt-[3px]) [&:last-child]:(min-h-[48px]) [&:last-child_.q-message-stamp]:(block) [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
+            `bg-current p-[8px] leading-[1.2] relative
+      [&_+_.q-message-text]:(mt-[3px])
+      [&:last-child]:(min-h-[48px])
+      [&:last-child_.q-message-stamp]:(block)
+      [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js

@@ -24,7 +24,11 @@ body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
     }
 ];
 const shortcuts = [
-    [/^q-checkbox$/, ([, c], { theme }) => `align-middle`],
+    [
+        /^q-checkbox$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-checkbox'] ??
+            `align-middle [&.disabled]:(!opacity-75)`
+    ],
     [/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
     [
         /^q-checkbox__bg$/,
@@ -37,7 +41,7 @@ const shortcuts = [
     [
         /^q-checkbox__truthy$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox__truthy'] ??
-            `stroke-current stroke-[3.12px]`
+            `stroke-current stroke-[3.12px] stroke-offset-[29.78334] stroke-dash-[29.78334]`
     ],
     [
         /^q-checkbox__indet$/,
@@ -47,12 +51,14 @@ const shortcuts = [
     [
         /^q-checkbox__inner$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner'] ??
-            `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
+            `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] layer-dismiss:text-[rgba(0,_0,_0,_0.54)]`
     ],
     [
         /^q-checkbox__inner--truthy$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner--truthy'] ??
-            `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_path]:([transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
+            `text-primary
+      [&_.q-checkbox\\_\\_bg]:(bg-current)
+      [&_path]:(stroke-offset-none [transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
     ],
     [
         /^q-checkbox__inner--indet$/,
@@ -62,12 +68,18 @@ const shortcuts = [
     [
         /^q-checkbox--dark$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dark'] ??
-            `[&_.q-checkbox\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-checkbox\\_\\_inner--truthy]:(text-primary) [&_.q-checkbox\\_\\_inner--indet]:(text-primary)`
+            `[&_.q-checkbox\\_\\_inner]:(layer-dismiss:text-[rgba(255,_255,_255,_0.7)])
+       [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32])
+       [&_.q-checkbox\\_\\_inner--truthy]:(layer-dismiss:text-primary)
+       [&_.q-checkbox\\_\\_inner--indet]:(layer-dismiss:text-primary)`
     ],
     [
         /^q-checkbox--dense$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dense'] ??
-            `[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%]) [&_.q-checkbox\\_\\_label]:(pl-[0.5em])`
+            `[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em])
+       [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%])
+       [&_.q-checkbox\\_\\_label]:(pl-[0.5em])
+       [&.reverse_.q-checkbox\\_\\_label]:(pl-0 pr-[0.5em])`
     ]
 ];
 export { preflights, shortcuts };

package/dist/plugins/quasar/unocss/components/QDate.unocss.js

@@ -39,8 +39,8 @@ const shortcuts = [
     ],
     [
         /^q-date__view$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-date__view'] ??
-            `h-full w-full min-h-[290px] p-[16px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__view'] ?? `min-h-[290px] p-[16px]`
+        // h-full w-full
     ],
     [
         /^q-date__navigation$/,
@@ -132,7 +132,9 @@ const shortcuts = [
     [
         /^q-date--landscape$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-date--landscape'] ??
-            `flex-row items-stretch min-w-[420px] [&_>_div]:(flex flex-col) [&_.q-date\\_\\_content]:(h-full)`
+            `flex-row items-stretch min-w-[420px]
+      [&_>_div]:(flex flex-auto flex-col)
+      [&_.q-date\\_\\_content]:(h-full)`
     ],
     [
         /^q-date--landscape-standard$/,

package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js

@@ -2,11 +2,12 @@ const shortcuts = [
     [
         /^q-drawer$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
-            `absolute top-[0] bottom-[0] bg-[#fff]`
+            `absolute top-[0] bottom-[0] bg-[#fff] z-${theme.quasar.z['side']}`
     ],
     [
         /^q-drawer--on-top$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ?? ``
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ??
+            `z-${theme.quasar.z['top']}`
     ],
     [
         /^q-drawer--left$/,
@@ -45,12 +46,13 @@ const shortcuts = [
     ],
     [
         /^q-drawer__backdrop$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ?? ``
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ??
+            `z-${theme.quasar.z['top'] - 1}`
     ],
     [
         /^q-drawer__opener$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-drawer__opener'] ??
-            `h-full w-[15px] select-none`
+            `h-full w-[15px] select-none z-${theme.quasar.z['marginals'] + 1}`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QFab.unocss.js

@@ -2,20 +2,20 @@ const shortcuts = [
     [/^z-fab$/, ([, c], { theme }) => ``],
     [
         /^q-fab$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-fab'] ??
-            `relative align-middle [&_>_.q-btn]:(w-full)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-fab'] ?? `relative align-middle`
+        // [&_>_.q-btn]:(w-full)
     ],
     [/^q-fab--form-rounded$/, ([, c], { theme }) => `rounded-[28px]`],
     [/^q-fab--form-square$/, ([, c], { theme }) => `rounded-[4px]`],
     [
         /^q-fab__icon$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-fab__icon'] ??
-            `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0`
+            `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0 relative!`
     ],
     [
         /^q-fab__active-icon$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-fab__active-icon'] ??
-            `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180`
+            `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180 relative! !left--20px !mr--20px`
     ],
     [
         /^q-fab__label--external$/,
@@ -72,7 +72,8 @@ const shortcuts = [
     [
         /^q-fab__icon-holder$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-fab__icon-holder'] ??
-            `min-w-[24px] min-h-[24px] relative`
+            `[&:before]:(content-empty)`
+        // min-w-[24px] min-h-[24px] relative
     ],
     [
         /^q-fab__icon-holder--opened$/,