unocss-preset-quasar 0.2.7 → 0.2.8

package/dist/index.js

@@ -20,6 +20,21 @@ const clearAndUpper = (text) => {
 const toPascalCase = (text) => {
     return text.replace(/(^\w|-\w)/g, clearAndUpper);
 };
+const QCheckboxSafelist = [
+    'q-checkbox',
+    'q-checkbox__native',
+    'q-checkbox__bg',
+    'q-checkbox__icon-container',
+    'q-checkbox__icon',
+    'q-checkbox__svg',
+    'q-checkbox__truthy',
+    'q-checkbox__indet',
+    'q-checkbox__inner',
+    'q-checkbox__inner--truthy',
+    'q-checkbox__inner--indet',
+    'q-checkbox--dark',
+    'q-checkbox--dense'
+];
 const QPageStickySafelist = [
     'relative-position',
     'fixed',
@@ -269,21 +284,7 @@ const componentsSafelistMap = {
         'q-message-text-content--sent',
         'q-message-text'
     ],
-    QCheckbox: [
-        'q-checkbox',
-        'q-checkbox__native',
-        'q-checkbox__bg',
-        'q-checkbox__icon-container',
-        'q-checkbox__icon',
-        'q-checkbox__svg',
-        'q-checkbox__truthy',
-        'q-checkbox__indet',
-        'q-checkbox__inner',
-        'q-checkbox__inner--truthy',
-        'q-checkbox__inner--indet',
-        'q-checkbox--dark',
-        'q-checkbox--dense'
-    ],
+    QCheckbox: QCheckboxSafelist,
     QChip: QChipSafelist,
     QCircularProgress: [
         'q-circular-progress',
@@ -745,7 +746,8 @@ const componentsSafelistMap = {
         'q-table--horizontal-separator',
         'q-table--cell-separator',
         'q-table--vertical-separator',
-        'q-table--dense'
+        'q-table--dense',
+        ...QCheckboxSafelist
     ],
     QTab: QTabSafelist,
     QRouteTab: QTabSafelist,

package/dist/styles/md3/components/QDrawer.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-drawer$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
-            `rounded-$shape-corner-large absolute top-[0] bottom-[0] bg-$light-surface-container-low dark:bg-$dark-surface-container-low z-${theme.quasar.z['side']}`
+            `absolute top-[0] bottom-[0] bg-$light-surface-container-low dark:bg-$dark-surface-container-low z-${theme.quasar.z['side']}`
     ],
     [
         /^q-drawer--on-top$/,
@@ -52,7 +52,7 @@ const shortcuts = [
     [
         /^q-drawer--mobile$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-drawer--mobile'] ??
-            `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
+            `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden) rounded-e-$shape-corner-large`
     ],
     [
         /^q-drawer__backdrop$/,

package/dist/styles/md3/components/QTabs.unocss.js

@@ -4,7 +4,7 @@ const shortcuts = [
         ([, c], { theme }) => theme.quasar?.components?.['q-tab'] ??
             `px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] whitespace-nowrap [color:inherit] no-underline
       [&_.q-badge]:(top-[3px] -right-[12px])
-      [&_>_.q-focus-helper]:(!absolute !h-32px !w-52px !top-[calc(50%-23px)] !left-[calc(50%-26px)] !rounded-$shape-corner-large)
+      [&_>_.q-focus-helper]:(!absolute !h-[calc(80%)] !w-[calc(80%)] !top-[calc(10%)] !left-[calc(10%)] !rounded-$shape-corner-large)
       `
     ],
     [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unocss-preset-quasar",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "UnoCSS preset for Quasar Framework",
@@ -34,23 +34,23 @@
   "homepage": "https://github.com/simsustech/unocss-preset-quasar/tree/main/#readme",
   "dependencies": {
     "@material/material-color-utilities": "^0.3.0",
-    "@unocss/core": "^66.1.1",
-    "@unocss/preset-uno": "^66.1.1",
-    "@unocss/preset-web-fonts": "66.1.1",
-    "@unocss/preset-wind": "^66.1.1",
+    "@unocss/core": "^66.5.2",
+    "@unocss/preset-uno": "^66.5.2",
+    "@unocss/preset-web-fonts": "66.5.2",
+    "@unocss/preset-wind": "^66.5.2",
     "animated-unocss": "^0.0.6",
-    "unocss": "66.1.1"
+    "unocss": "66.5.2"
   },
   "devDependencies": {
     "@iconify-json/mdi": "^1.2.3",
-    "@quasar/extras": "^1.16.17",
+    "@quasar/extras": "^1.17.0",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",
     "@quasar/quasar-ui-qmediaplayer": "^2.0.0-beta.0",
-    "@types/node": "^22.15.17",
-    "@unocss/preset-icons": "^66.1.1",
-    "@unocss/preset-mini": "66.1.1",
-    "quasar": "^2.18.1",
-    "typescript": "^5.8.3"
+    "@types/node": "^24.5.2",
+    "@unocss/preset-icons": "^66.5.2",
+    "@unocss/preset-mini": "66.5.2",
+    "quasar": "^2.18.5",
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "quasar": "^2.18.1"

package/src/index.ts

@@ -53,6 +53,22 @@ const toPascalCase = (text: string) => {
   return text.replace(/(^\w|-\w)/g, clearAndUpper)
 }
 
+const QCheckboxSafelist = [
+  'q-checkbox',
+  'q-checkbox__native',
+  'q-checkbox__bg',
+  'q-checkbox__icon-container',
+  'q-checkbox__icon',
+  'q-checkbox__svg',
+  'q-checkbox__truthy',
+  'q-checkbox__indet',
+  'q-checkbox__inner',
+  'q-checkbox__inner--truthy',
+  'q-checkbox__inner--indet',
+  'q-checkbox--dark',
+  'q-checkbox--dense'
+]
+
 const QPageStickySafelist = [
   'relative-position',
   'fixed',
@@ -307,21 +323,7 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-message-text-content--sent',
       'q-message-text'
     ],
-    QCheckbox: [
-      'q-checkbox',
-      'q-checkbox__native',
-      'q-checkbox__bg',
-      'q-checkbox__icon-container',
-      'q-checkbox__icon',
-      'q-checkbox__svg',
-      'q-checkbox__truthy',
-      'q-checkbox__indet',
-      'q-checkbox__inner',
-      'q-checkbox__inner--truthy',
-      'q-checkbox__inner--indet',
-      'q-checkbox--dark',
-      'q-checkbox--dense'
-    ],
+    QCheckbox: QCheckboxSafelist,
     QChip: QChipSafelist,
     QCircularProgress: [
       'q-circular-progress',
@@ -783,7 +785,8 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-table--horizontal-separator',
       'q-table--cell-separator',
       'q-table--vertical-separator',
-      'q-table--dense'
+      'q-table--dense',
+      ...QCheckboxSafelist
     ],
     QTab: QTabSafelist,
     QRouteTab: QTabSafelist,

package/src/styles/md3/components/QDrawer.unocss.ts

@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-drawer$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-drawer'] ??
-      `rounded-$shape-corner-large absolute top-[0] bottom-[0] bg-$light-surface-container-low dark:bg-$dark-surface-container-low z-${theme.quasar.z['side']}`
+      `absolute top-[0] bottom-[0] bg-$light-surface-container-low dark:bg-$dark-surface-container-low z-${theme.quasar.z['side']}`
   ],
 
   [
@@ -72,7 +72,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-drawer--mobile$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-drawer--mobile'] ??
-      `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
+      `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden) rounded-e-$shape-corner-large`
   ],
 
   [

package/src/styles/md3/components/QTabs.unocss.ts

@@ -8,7 +8,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
       theme.quasar?.components?.['q-tab'] ??
       `px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] whitespace-nowrap [color:inherit] no-underline
       [&_.q-badge]:(top-[3px] -right-[12px])
-      [&_>_.q-focus-helper]:(!absolute !h-32px !w-52px !top-[calc(50%-23px)] !left-[calc(50%-26px)] !rounded-$shape-corner-large)
+      [&_>_.q-focus-helper]:(!absolute !h-[calc(80%)] !w-[calc(80%)] !top-[calc(10%)] !left-[calc(10%)] !rounded-$shape-corner-large)
       `
   ],