feat(preset-mini): Add support for peer and group variants on aria-*, f…

…ix unocss#3691

packages/preset-mini/src/_variants/aria.ts

@@ -1,4 +1,4 @@
-import type { VariantContext, VariantObject } from '@unocss/core'
+import type { Variant, VariantContext, VariantObject } from '@unocss/core'
 import type { Theme } from '../theme'
 import { h, variantGetParameter } from '../utils'
 
@@ -18,3 +18,28 @@ export const variantAria: VariantObject = {
     }
   },
 }
+
+function taggedAria(tagName: string): Variant {
+  return {
+    name: `${tagName}-aria`,
+    match(matcher, ctx: VariantContext<Theme>) {
+      const variant = variantGetParameter(`${tagName}-aria-`, matcher, ctx.generator.config.separators)
+      if (variant) {
+        const [match, rest] = variant
+        const ariaAttribute = h.bracket(match) ?? ctx.theme.aria?.[match] ?? ''
+        if (ariaAttribute) {
+          return {
+            matcher: `${tagName}-[[aria-${ariaAttribute}]]:${rest}`,
+          }
+        }
+      }
+    },
+  }
+}
+
+export const variantTaggedAriaAttributes: Variant[] = [
+  taggedAria('group'),
+  taggedAria('peer'),
+  taggedAria('parent'),
+  taggedAria('previous'),
+]

packages/preset-mini/src/_variants/default.ts

@@ -11,7 +11,7 @@ import { variantImportant } from './important'
 import { variantCustomMedia, variantPrint } from './media'
 import { variantSupports } from './supports'
 import { variantPartClasses, variantPseudoClassFunctions, variantPseudoClassesAndElements, variantTaggedPseudoClasses } from './pseudo'
-import { variantAria } from './aria'
+import { variantAria, variantTaggedAriaAttributes } from './aria'
 import { variantDataAttribute, variantTaggedDataAttributes } from './data'
 import { variantContainerQuery } from './container'
 
@@ -43,6 +43,7 @@ export function variants(options: PresetMiniOptions): Variant<Theme>[] {
     variantContainerQuery,
     variantVariables,
     ...variantTaggedDataAttributes,
+    ...variantTaggedAriaAttributes,
 
     variantTheme,
   ]