diff --git a/packages/tailwindcss-class-names/src/getVariants.js b/packages/tailwindcss-class-names/src/getVariants.js
index 36f1d4e357ba56280004831e487130457557e388..0e3517b3c880f107cb70650027fb7f4fb4c28104 100644
--- a/packages/tailwindcss-class-names/src/getVariants.js
+++ b/packages/tailwindcss-class-names/src/getVariants.js
@@ -32,7 +32,10 @@         config: (path, defaultValue) => dlv(config, path, defaultValue),
         postcss,
       })
 
+  semver.gte(version, '0.5.0') && variants.push('active')
 
+  semver.gte(version, '0.7.0') && variants.push('focus-within')
+    }
   })
 
   return variants