unocss-preset-quasar 0.2.2 → 0.2.3

package/dist/core/flex.unocss.js

@@ -21,7 +21,7 @@ const shortcuts = [
     [
         /^col(?:-)?(none|xs|sm|md|lg|xl|all|auto|grow)?(?:-)?([2-9]|1[0-2]?)?$/,
         ([, size, nr], { theme }) => {
-            const classes = ['w-auto max-w-full'];
+            const classes = ['max-w-full'];
             if (size && nr) {
                 classes.push(`${size}:basis-${nr}/12)`);
             }

package/dist/index.js

@@ -135,6 +135,19 @@ const QChipSafelist = [
     'q-chip--dense',
     'q-chip--square'
 ];
+const QRadioSafelist = [
+    'q-radio',
+    'q-radio__native',
+    'q-radio__bg',
+    'q-radio__icon-container',
+    'q-radio__icon',
+    'q-radio__check',
+    'q-radio__inner',
+    'q-radio__inner--truthy',
+    'q-radio--dark',
+    'q-radio--dense',
+    'q-radio__label'
+];
 const componentsSafelistMap = {
     QIcon: ['q-icon'],
     QTabPanel: ['q-panel', 'q-panel-parent'],
@@ -562,7 +575,7 @@ const componentsSafelistMap = {
         'q-linear-progress__stripe--with-transition'
     ],
     QMenu: QMenuSafelist,
-    QOptionGroup: ['q-option-group--inline'],
+    QOptionGroup: [...QRadioSafelist, 'q-option-group, q-option-group--inline'],
     QPagination: [
         'q-pagination',
         'q-pagination__content',
@@ -575,18 +588,7 @@ const componentsSafelistMap = {
         'q-pull-to-refresh__puller',
         'q-pull-to-refresh__puller--animating'
     ],
-    QRadio: [
-        'q-radio',
-        'q-radio__native',
-        'q-radio__bg',
-        'q-radio__icon-container',
-        'q-radio__icon',
-        'q-radio__check',
-        'q-radio__inner',
-        'q-radio__inner--truthy',
-        'q-radio--dark',
-        'q-radio--dense'
-    ],
+    QRadio: QRadioSafelist,
     QRange: QSliderSafelist,
     QRating: [
         'q-rating',
@@ -1002,7 +1004,8 @@ const pluginSafelistMap = {
         'q-option-group--inline',
         'q-spinner',
         'q-spinner-mat',
-        'fixed-full'
+        'fixed-full',
+        ...QRadioSafelist
     ],
     LoadingBar: [
         'q-loading-bar',

package/dist/styles/md2/components/QField.unocss.js

@@ -33,7 +33,7 @@ const shortcuts = [
     [
         /^q-field__marginal$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-field__marginal'] ??
-            `h-[56px] text-black/54 text-[24px] 
+            `text-black/54 text-[24px] 
 	[&_>_*_+_*]:(ml-[2px]) 
 	[&_.q-avatar]:(text-[32px])`
     ],

package/dist/styles/md2/components/QPagination.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-pagination$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-pagination'] ??
-            `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
+            `!flex-initial [&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
     ],
     [
         /^q-pagination__content$/,

package/dist/styles/md2/composables/panel.unocss.js

@@ -1,5 +1,5 @@
 const shortcuts = [
-    [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&_div]:(h-full w-full)`],
+    [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&>div]:(h-full w-full)`],
     [/^q-panel-parent$/, ([, c], { theme }) => `overflow-hidden relative`]
 ];
 export { shortcuts };

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

@@ -33,7 +33,7 @@ const shortcuts = [
     [
         /^q-field__marginal$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-field__marginal'] ??
-            `h-[56px] text-black/54 text-[24px] 
+            `text-black/54 text-[24px] 
 	[&_>_*_+_*]:(ml-[2px]) 
 	[&_.q-avatar]:(text-[32px])`
     ],

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

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-pagination$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-pagination'] ??
-            `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
+            `!flex-initial [&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
     ],
     [
         /^q-pagination__content$/,

package/dist/styles/md3/composables/panel.unocss.js

@@ -1,5 +1,5 @@
 const shortcuts = [
-    [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&_div]:(h-full w-full)`],
+    [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&>div]:(h-full w-full)`],
     [/^q-panel-parent$/, ([, c], { theme }) => `overflow-hidden relative`]
 ];
 export { shortcuts };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unocss-preset-quasar",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "UnoCSS preset for Quasar Framework",

package/src/core/flex.unocss.ts

@@ -29,7 +29,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^col(?:-)?(none|xs|sm|md|lg|xl|all|auto|grow)?(?:-)?([2-9]|1[0-2]?)?$/,
     ([, size, nr], { theme }) => {
-      const classes = ['w-auto max-w-full']
+      const classes = ['max-w-full']
       if (size && nr) {
         classes.push(`${size}:basis-${nr}/12)`)
       } else if (nr) {

package/src/index.ts

@@ -170,6 +170,21 @@ const QChipSafelist = [
   'q-chip--dense',
   'q-chip--square'
 ]
+
+const QRadioSafelist = [
+  'q-radio',
+  'q-radio__native',
+  'q-radio__bg',
+  'q-radio__icon-container',
+  'q-radio__icon',
+  'q-radio__check',
+  'q-radio__inner',
+  'q-radio__inner--truthy',
+  'q-radio--dark',
+  'q-radio--dense',
+  'q-radio__label'
+]
+
 const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
   {
     QIcon: ['q-icon'],
@@ -598,7 +613,7 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-linear-progress__stripe--with-transition'
     ],
     QMenu: QMenuSafelist,
-    QOptionGroup: ['q-option-group--inline'],
+    QOptionGroup: [...QRadioSafelist, 'q-option-group, q-option-group--inline'],
     QPagination: [
       'q-pagination',
       'q-pagination__content',
@@ -611,18 +626,7 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-pull-to-refresh__puller',
       'q-pull-to-refresh__puller--animating'
     ],
-    QRadio: [
-      'q-radio',
-      'q-radio__native',
-      'q-radio__bg',
-      'q-radio__icon-container',
-      'q-radio__icon',
-      'q-radio__check',
-      'q-radio__inner',
-      'q-radio__inner--truthy',
-      'q-radio--dark',
-      'q-radio--dense'
-    ],
+    QRadio: QRadioSafelist,
     QRange: QSliderSafelist,
     QRating: [
       'q-rating',
@@ -1039,7 +1043,8 @@ const pluginSafelistMap: Partial<Record<keyof QuasarPlugins, string[]>> = {
     'q-option-group--inline',
     'q-spinner',
     'q-spinner-mat',
-    'fixed-full'
+    'fixed-full',
+    ...QRadioSafelist
   ],
   LoadingBar: [
     'q-loading-bar',

package/src/styles/md2/components/QField.unocss.ts

@@ -41,7 +41,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-field__marginal$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-field__marginal'] ??
-      `h-[56px] text-black/54 text-[24px] 
+      `text-black/54 text-[24px] 
 	[&_>_*_+_*]:(ml-[2px]) 
 	[&_.q-avatar]:(text-[32px])`
   ],

package/src/styles/md2/components/QPagination.unocss.ts

@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-pagination$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-pagination'] ??
-      `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
+      `!flex-initial [&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
   ],
 
   [

package/src/styles/md2/composables/panel.unocss.ts

@@ -2,7 +2,7 @@ import type { UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&_div]:(h-full w-full)`],
+  [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&>div]:(h-full w-full)`],
   [/^q-panel-parent$/, ([, c], { theme }) => `overflow-hidden relative`]
 ]
 

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

@@ -41,7 +41,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-field__marginal$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-field__marginal'] ??
-      `h-[56px] text-black/54 text-[24px] 
+      `text-black/54 text-[24px] 
 	[&_>_*_+_*]:(ml-[2px]) 
 	[&_.q-avatar]:(text-[32px])`
   ],

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

@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-pagination$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-pagination'] ??
-      `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
+      `!flex-initial [&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
   ],
 
   [

package/src/styles/md3/composables/panel.unocss.ts

@@ -2,7 +2,7 @@ import type { UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&_div]:(h-full w-full)`],
+  [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&>div]:(h-full w-full)`],
   [/^q-panel-parent$/, ([, c], { theme }) => `overflow-hidden relative`]
 ]