feat(core): variant group supports bracket selector (#1415)

* fix(core): variant group supports :not selector * fix(core): variant group more precise square bracket css selector match
unocss · Aug 15, 2022 · dfc9ddc · dfc9ddc
1 parent 540163a
commit dfc9ddc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/core/src/utils/variantGroup.ts b/packages/core/src/utils/variantGroup.ts
@@ -1,6 +1,6 @@
 import type MagicString from 'magic-string'
 
-export const regexClassGroup = /([!\w+:_/-]+?)([:-])\(((?:[~!\w\s:/\\,%#.$-]|\[.*?\])*?)\)/gm
+export const regexClassGroup = /((?:[!\w+:_/-]|\[&?>?:.+?\])+?)([:-])\(((?:[~!\w\s:/\\,%#.$-]|\[.*?\])*?)\)/gm
 
 export function expandVariantGroup(str: string, seperators?: ('-' | ':')[]): string
 export function expandVariantGroup(str: MagicString, seperators?: ('-' | ':')[]): MagicString

diff --git a/test/variant-group.test.ts b/test/variant-group.test.ts
@@ -28,4 +28,8 @@ describe('variant-group', () => {
   test('spaces', () => {
     expect(expandVariantGroup('a-( ~ b c )')).toEqual('a a-b a-c')
   })
+
+  test('square bracket', async () => {
+    expect(expandVariantGroup('b:[&:not(c)]:d:(!a z)')).toEqual('!b:[&:not(c)]:d:a b:[&:not(c)]:d:z')
+  })
 })