Generate group parent classes correctly with custom separator (#4508)

adamwathan · web-flow · commit 7264a5b71bca · 2021-05-30T15:02:55.000-04:00
diff --git a/src/jit/corePlugins.js b/src/jit/corePlugins.js
@@ -171,10 +171,7 @@ export default {
             return null
           }
 
-          let groupSelector = prefixSelector(
-            config('prefix'),
-            `.group${config('separator')}${state}`
-          )
+          let groupSelector = prefixSelector(config('prefix'), `.group:${state}`)
 
           return `${groupSelector} ${variantSelector}`
         })
diff --git a/tests/jit/custom-separator.test.css b/tests/jit/custom-separator.test.css
@@ -1,4 +1,4 @@
-.group_hover .group-hover_focus-within_text-left:focus-within {
+.group:hover .group-hover_focus-within_text-left:focus-within {
   text-align: left;
 }
 [dir='rtl'] .rtl_active_text-center:active {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.group_hover .group-hover_focus-within_text-left:focus-within {`
	`1`	`+.group:hover .group-hover_focus-within_text-left:focus-within {`
`2`	`2`	`text-align: left;`
`3`	`3`	`}`
`4`	`4`	`[dir='rtl'] .rtl_active_text-center:active {`