Add not-focus-visible variant to Tailwind plugin (#2618)

tailwindlabs · Jul 27, 2023 · 685a6a8 · 685a6a8 · vercel · Jul 27, 2023
1 parent ac859fe
commit 685a6a8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/@headlessui-tailwindcss/src/index.ts b/packages/@headlessui-tailwindcss/src/index.ts
@@ -31,8 +31,12 @@ export default plugin.withOptions<Options>(({ prefix = 'ui' } = {}) => {
  `&[data-headlessui-state]:not([data-headlessui-state~="${state}"])`,
  `:where([data-headlessui-state]:not([data-headlessui-state~="${state}"])) &:not([data-headlessui-state])`,
  ])
-
- addVariant(`${prefix}-focus-visible`, ':where([data-headlessui-focus-visible]) &:focus')
  }
+
+ addVariant(`${prefix}-focus-visible`, ':where([data-headlessui-focus-visible]) &:focus')
+ addVariant(
+ `${prefix}-not-focus-visible`,
+ '&:focus:where(:not([data-headlessui-focus-visible] &))'
+ )
  }
 })