From 2263044d9e731227cd03aead82a4c079d62a02cf Mon Sep 17 00:00:00 2001
From: Saya <chu121su12@gmail.com>
Date: Sat, 25 Jun 2022 14:25:29 +0800
Subject: [PATCH] feat(preset-mini): enable multipass on combinator variants

---
 packages/preset-mini/src/variants/combinators.ts | 1 +
 test/__snapshots__/preset-mini.test.ts.snap      | 2 ++
 test/assets/preset-mini-targets.ts               | 4 +++-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/preset-mini/src/variants/combinators.ts b/packages/preset-mini/src/variants/combinators.ts
index 2dfceff153..100ff1d2ac 100644
--- a/packages/preset-mini/src/variants/combinators.ts
+++ b/packages/preset-mini/src/variants/combinators.ts
@@ -15,6 +15,7 @@ const scopeMatcher = (strict: boolean, name: string, template: string): VariantO
         }
       }
     },
+    multiPass: true,
   }
 }
 
diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap
index f47c1a85fe..c5778100b9 100644
--- a/test/__snapshots__/preset-mini.test.ts.snap
+++ b/test/__snapshots__/preset-mini.test.ts.snap
@@ -371,6 +371,7 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina
 .c-\\\\$color-variable,
 .c-\\\\$color-variable\\\\/\\\\$opacity-variable,
 .c-\\\\$color-variable\\\\/10{color:var(--color-variable);}
+.checked\\\\:next\\\\:hover\\\\:text-slate-500:checked+*:hover{--un-text-opacity:1;color:rgba(100,116,139,var(--un-text-opacity));}
 .checked\\\\:next\\\\:text-slate-100:checked+*{--un-text-opacity:1;color:rgba(241,245,249,var(--un-text-opacity));}
 .color-\\\\$red{color:var(--red);}
 .color-blue,
@@ -388,6 +389,7 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina
 .in-range\\\\:color-pink-100:in-range,
 .open\\\\:color-pink-100[open],
 .out-of-range\\\\:color-pink-100:out-of-range{--un-text-opacity:1;color:rgba(252,231,243,var(--un-text-opacity));}
+.next\\\\:checked\\\\:children\\\\:text-slate-600+*:checked>*{--un-text-opacity:1;color:rgba(71,85,105,var(--un-text-opacity));}
 .next\\\\:checked\\\\:text-slate-200+*:checked{--un-text-opacity:1;color:rgba(226,232,240,var(--un-text-opacity));}
 .placeholder-color-red-1::placeholder,
 .text-red-100,
diff --git a/test/assets/preset-mini-targets.ts b/test/assets/preset-mini-targets.ts
index e2422dc883..71fd3d8962 100644
--- a/test/assets/preset-mini-targets.ts
+++ b/test/assets/preset-mini-targets.ts
@@ -881,9 +881,11 @@ export const presetMiniTargets: string[] = [
   '[@supports(display:grid)]:bg-red/33',
   '[@supports(display:grid)]:[*+&]:bg-red/34',
 
-  // variants - tagged & pseudo
+  // variants - combinators + pseudo
   'checked:next:text-slate-100',
   'next:checked:text-slate-200',
+  'checked:next:hover:text-slate-500',
+  'next:checked:children:text-slate-600',
 ]
 
 export const presetMiniNonTargets = [