unocss-preset-quasar 0.2.9 → 0.2.10

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.
Files changed (9) hide show
  1. package/dist/styles/md3/components/QBtnToggle.unocss.js +0 -1
  2. package/dist/styles/md3/components/QDialog.unocss.js +1 -3
  3. package/dist/styles/md3/components/QField.unocss.js +3 -13
  4. package/dist/styles/md3/components/QToggle.unocss.js +1 -2
  5. package/package.json +1 -1
  6. package/src/styles/md3/components/QBtnToggle.unocss.ts +0 -1
  7. package/src/styles/md3/components/QDialog.unocss.ts +1 -3
  8. package/src/styles/md3/components/QField.unocss.ts +3 -13
  9. package/src/styles/md3/components/QToggle.unocss.ts +1 -2
package/dist/styles/md3/components/QBtnToggle.unocss.js CHANGED
@@ -15,7 +15,6 @@ const shortcuts = [
15
15
  [&_>_.q-btn-group]:([box-shadow:none])
16
16
  [&_>_.q-btn-group:first-child_>_.q-btn--active]:(!bg-$light-secondary-container dark:!bg-$dark-secondary-container)
17
17
  [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit])
18
- [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:()
19
18
  [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child]:(border-rd-l-0)
20
19
  [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0])
21
20
  [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none)
package/dist/styles/md3/components/QDialog.unocss.js CHANGED
@@ -68,9 +68,7 @@ const shortcuts = [
68
68
  [
69
69
  /^q-dialog__inner--top$/,
70
70
  ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--top'] ??
71
- `pt-0! pb-0!
72
- [&:not(.q-dialog\\_\\_inner--animating)>div]:()
73
-
71
+ `pt-0! pb-0!
74
72
  `
75
73
  ],
76
74
  [
package/dist/styles/md3/components/QField.unocss.js CHANGED
@@ -102,7 +102,6 @@ const shortcuts = [
102
102
  [&:focus-visible]:(!outline-none)
103
103
  [&textarea:focus]:(outline-none)
104
104
  [&input:focus]:(outline-none)
105
- [&:-webkit-autofill]:()
106
105
  [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
107
106
  [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
108
107
  [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
@@ -127,7 +126,6 @@ const shortcuts = [
127
126
  /^q-field__input$/,
128
127
  ([, c], { theme }) => theme.quasar?.components?.['q-field__input'] ??
129
128
  `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-transparent text-black/87 outline-none px-[0] py-[6px] w-full min-w-[0] !outline-none select-auto
130
- [&:-webkit-autofill]:()
131
129
  [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
132
130
  [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
133
131
  [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
@@ -248,8 +246,8 @@ const shortcuts = [
248
246
  [&.q-field--dark.q-field--highlighted_.q-field\\_\\_suffix]:(text-$dark-primary)
249
247
  [&.q-field--dark.q-field--highlighted_.q-field\\_\\_prepend]:(text-$dark-primary)
250
248
  [&.q-field--dark.q-field--highlighted_.q-field\\_\\_append]:(text-$dark-primary)
251
- [&.q-field--dark.q-field--highlighted_.q-field\\_\\_input]:(! [&_>_.q-btn-item]:(text-$light-on-surface dark:text-$dark-on-surface self-stretch)
252
- text-$dark-on-surface)
249
+ [&.q-field--dark.q-field--highlighted_.q-field\\_\\_input_>_.q-btn-item]:(text-$light-on-surface dark:text-$dark-on-surface self-stretch)
250
+ [&.q-field--dark.q-field--highlighted_.q-field\\_\\_input]:(text-$dark-on-surface)
253
251
  [&.q-field--dark.q-field--readonly_.q-field\\_\\_control:before]:(border-white/24)`
254
252
  ],
255
253
  [
@@ -262,10 +260,7 @@ text-$dark-on-surface)
262
260
  [&:not(.q-field--float)_.q-field\\_\\_prefix]:(opacity-0)
263
261
  [&:not(.q-field--float)_.q-field\\_\\_suffix]:(opacity-0)
264
262
  [&:not(.q-field--float)_.q-field\\_\\_native::placeholder]:(text-transparent)
265
- [&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)
266
- [&.q-field--dense_.q-field\\_\\_native]:()
267
- [&.q-field--dense_.q-field\\_\\_prefix]:()
268
- [&.q-field--dense_.q-field\\_\\_suffix]:()`
263
+ [&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)`
269
264
  ],
270
265
  [
271
266
  /^q-field--dense$/,
@@ -273,13 +268,8 @@ text-$dark-on-surface)
273
268
  `[&_.q-field--with-bottom]:(pb-[19px])
274
269
  [&_.q-field\\_\\_shadow]:(top-[0])
275
270
  [&_.q-field\\_\\_control]:(h-[40px])
276
- [&_.q-field\\_\\_marginal]:()
277
271
  [&_.q-field\\_\\_bottom]:(text-[11px])
278
272
  [&_.q-field\\_\\_label]:(text-[14px] top-[10px])
279
- [&_.q-field\\_\\_before]:()
280
- [&_.q-field\\_\\_prepend]:()
281
- [&_.q-field\\_\\_after]:()
282
- [&_.q-field\\_\\_append]:()
283
273
  [&_.q-field\\_\\_append_+_.q-field\\_\\_append]:(pl-[2px])
284
274
  [&_.q-field\\_\\_marginal_.q-avatar]:(text-[24px])
285
275
  [&.q-field--float_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
package/dist/styles/md3/components/QToggle.unocss.js CHANGED
@@ -28,7 +28,6 @@ const shortcuts = [
28
28
  ([, c], { theme }) => theme.quasar?.components?.['q-toggle__thumb'] ??
29
29
  `layer-components:text-$light-surface-container-highest layer-components:dark:text-$dark-surface-container-highest
30
30
  top-[0.125em] left-[0.5125em] w-[0.75em] h-[0.75em] [transition:left_0.22s_cubic-bezier(0.4,_0,_0.2,_1)] select-none z-0
31
- [&:before]:()
32
31
  [&:after]:(content-[''] layer-components:bg-$light-outline layer-components:dark:bg-$dark-outline absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] [box-shadow:0_3px_1px_-2px_rgba(0,_0,_0,_0.2),_0_2px_2px_0_rgba(0,_0,_0,_0.14),_0_1px_5px_0_rgba(0,_0,_0,_0.12)])
33
32
  [&_.q-icon]:(z-2 layer-components:text-[0.5em] layer-components:text-[#000] opacity-[0.54])`
34
33
  ],
@@ -52,7 +51,7 @@ const shortcuts = [
52
51
  [
53
52
  /^q-toggle--dark$/,
54
53
  ([, c], { theme }) => theme.quasar?.components?.['q-toggle--dark'] ??
55
- `[&_.q-toggle\\_\\_inner--truthy]:() [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
54
+ `[&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
56
55
  // [&_.q-toggle\\_\\_inner]:(layer-components:text-[#fff])
57
56
  ],
58
57
  [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unocss-preset-quasar",
3
- "version": "0.2.9",
3
+ "version": "0.2.10",
4
4
  "license": "MIT",
5
5
  "author": "Stefan van Herwijnen",
6
6
  "description": "UnoCSS preset for Quasar Framework",
package/src/styles/md3/components/QBtnToggle.unocss.ts CHANGED
@@ -20,7 +20,6 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
20
20
  [&_>_.q-btn-group]:([box-shadow:none])
21
21
  [&_>_.q-btn-group:first-child_>_.q-btn--active]:(!bg-$light-secondary-container dark:!bg-$dark-secondary-container)
22
22
  [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit])
23
- [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:()
24
23
  [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child]:(border-rd-l-0)
25
24
  [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0])
26
25
  [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none)
package/src/styles/md3/components/QDialog.unocss.ts CHANGED
@@ -80,9 +80,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
80
80
  /^q-dialog__inner--top$/,
81
81
  ([, c], { theme }) =>
82
82
  theme.quasar?.components?.['q-dialog__inner--top'] ??
83
- `pt-0! pb-0!
84
- [&:not(.q-dialog\\_\\_inner--animating)>div]:()
85
-
83
+ `pt-0! pb-0!
86
84
  `
87
85
  ],
88
86
  [
package/src/styles/md3/components/QField.unocss.ts CHANGED
@@ -132,7 +132,6 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
132
132
  [&:focus-visible]:(!outline-none)
133
133
  [&textarea:focus]:(outline-none)
134
134
  [&input:focus]:(outline-none)
135
- [&:-webkit-autofill]:()
136
135
  [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
137
136
  [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
138
137
  [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
@@ -163,7 +162,6 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
163
162
  ([, c], { theme }) =>
164
163
  theme.quasar?.components?.['q-field__input'] ??
165
164
  `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-transparent text-black/87 outline-none px-[0] py-[6px] w-full min-w-[0] !outline-none select-auto
166
- [&:-webkit-autofill]:()
167
165
  [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
168
166
  [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
169
167
  [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
@@ -304,8 +302,8 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
304
302
  [&.q-field--dark.q-field--highlighted_.q-field\\_\\_suffix]:(text-$dark-primary)
305
303
  [&.q-field--dark.q-field--highlighted_.q-field\\_\\_prepend]:(text-$dark-primary)
306
304
  [&.q-field--dark.q-field--highlighted_.q-field\\_\\_append]:(text-$dark-primary)
307
- [&.q-field--dark.q-field--highlighted_.q-field\\_\\_input]:(! [&_>_.q-btn-item]:(text-$light-on-surface dark:text-$dark-on-surface self-stretch)
308
- text-$dark-on-surface)
305
+ [&.q-field--dark.q-field--highlighted_.q-field\\_\\_input_>_.q-btn-item]:(text-$light-on-surface dark:text-$dark-on-surface self-stretch)
306
+ [&.q-field--dark.q-field--highlighted_.q-field\\_\\_input]:(text-$dark-on-surface)
309
307
  [&.q-field--dark.q-field--readonly_.q-field\\_\\_control:before]:(border-white/24)`
310
308
  ],
311
309
 
@@ -320,10 +318,7 @@ text-$dark-on-surface)
320
318
  [&:not(.q-field--float)_.q-field\\_\\_prefix]:(opacity-0)
321
319
  [&:not(.q-field--float)_.q-field\\_\\_suffix]:(opacity-0)
322
320
  [&:not(.q-field--float)_.q-field\\_\\_native::placeholder]:(text-transparent)
323
- [&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)
324
- [&.q-field--dense_.q-field\\_\\_native]:()
325
- [&.q-field--dense_.q-field\\_\\_prefix]:()
326
- [&.q-field--dense_.q-field\\_\\_suffix]:()`
321
+ [&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)`
327
322
  ],
328
323
 
329
324
  [
@@ -333,13 +328,8 @@ text-$dark-on-surface)
333
328
  `[&_.q-field--with-bottom]:(pb-[19px])
334
329
  [&_.q-field\\_\\_shadow]:(top-[0])
335
330
  [&_.q-field\\_\\_control]:(h-[40px])
336
- [&_.q-field\\_\\_marginal]:()
337
331
  [&_.q-field\\_\\_bottom]:(text-[11px])
338
332
  [&_.q-field\\_\\_label]:(text-[14px] top-[10px])
339
- [&_.q-field\\_\\_before]:()
340
- [&_.q-field\\_\\_prepend]:()
341
- [&_.q-field\\_\\_after]:()
342
- [&_.q-field\\_\\_append]:()
343
333
  [&_.q-field\\_\\_append_+_.q-field\\_\\_append]:(pl-[2px])
344
334
  [&_.q-field\\_\\_marginal_.q-avatar]:(text-[24px])
345
335
  [&.q-field--float_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
package/src/styles/md3/components/QToggle.unocss.ts CHANGED
@@ -38,7 +38,6 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
38
38
  theme.quasar?.components?.['q-toggle__thumb'] ??
39
39
  `layer-components:text-$light-surface-container-highest layer-components:dark:text-$dark-surface-container-highest
40
40
  top-[0.125em] left-[0.5125em] w-[0.75em] h-[0.75em] [transition:left_0.22s_cubic-bezier(0.4,_0,_0.2,_1)] select-none z-0
41
- [&:before]:()
42
41
  [&:after]:(content-[''] layer-components:bg-$light-outline layer-components:dark:bg-$dark-outline absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] [box-shadow:0_3px_1px_-2px_rgba(0,_0,_0,_0.2),_0_2px_2px_0_rgba(0,_0,_0,_0.14),_0_1px_5px_0_rgba(0,_0,_0,_0.12)])
43
42
  [&_.q-icon]:(z-2 layer-components:text-[0.5em] layer-components:text-[#000] opacity-[0.54])`
44
43
  ],
@@ -70,7 +69,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
70
69
  /^q-toggle--dark$/,
71
70
  ([, c], { theme }) =>
72
71
  theme.quasar?.components?.['q-toggle--dark'] ??
73
- `[&_.q-toggle\\_\\_inner--truthy]:() [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
72
+ `[&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
74
73
  // [&_.q-toggle\\_\\_inner]:(layer-components:text-[#fff])
75
74
  ],
76
75