Generate focus, focus-within, and dark variants for ring utilities

scripts/build.js

@@ -39,6 +39,7 @@ Promise.all([
   buildDistFile('components'),
   buildDistFile('utilities'),
   buildDistFile('tailwind'),
+  buildDistFile('tailwind', { darkMode: 'class' }, 'tailwind-dark'),
   buildDistFile('tailwind', { future: 'all', experimental: 'all' }, 'tailwind-experimental'),
 ]).then(() => {
   console.log('Finished Building Tailwind!')

stubs/defaultConfig.stub.js

@@ -819,10 +819,10 @@ module.exports = {
     pointerEvents: ['responsive'],
     position: ['responsive'],
     resize: ['responsive'],
-    ringColor: ['responsive'],
-    ringOffsetColor: ['responsive'],
-    ringOffsetWidth: ['responsive'],
-    ringOpacity: ['responsive'],
+    ringColor: ['responsive', 'dark', 'focus-within', 'focus'],
+    ringOffsetColor: ['responsive', 'dark', 'focus-within', 'focus'],
+    ringOffsetWidth: ['responsive', 'focus-within', 'focus'],
+    ringOpacity: ['responsive', 'focus-within', 'focus'],
     ringWidth: ['responsive', 'focus-within', 'focus'],
     rotate: ['responsive', 'hover', 'focus'],
     scale: ['responsive', 'hover', 'focus'],