Apply all first-class variants using modules: all

Author: adamwathan

__tests__/mergeConfigWithDefaults.test.js

@@ -72,9 +72,9 @@ test('setting modules to "all" creates all variants for all modules', () => {
 
   expect(result).toEqual({
     modules: {
-      flexbox: ['responsive', 'hover', 'focus', 'group-hover'],
-      textAlign: ['responsive', 'hover', 'focus', 'group-hover'],
-      textColors: ['responsive', 'hover', 'focus', 'group-hover'],
+      flexbox: ['responsive', 'group-hover', 'hover', 'focus-within', 'focus', 'active'],
+      textAlign: ['responsive', 'group-hover', 'hover', 'focus-within', 'focus', 'active'],
+      textColors: ['responsive', 'group-hover', 'hover', 'focus-within', 'focus', 'active'],
     },
     options: {},
   })

src/util/mergeConfigWithDefaults.js

@@ -2,7 +2,14 @@ import _ from 'lodash'
 
 function mergeModules(userModules, defaultModules) {
   if (userModules === 'all') {
-    return _.mapValues(defaultModules, () => ['responsive', 'hover', 'focus', 'group-hover'])
+    return _.mapValues(defaultModules, () => [
+      'responsive',
+      'group-hover',
+      'hover',
+      'focus-within',
+      'focus',
+      'active',
+    ])
   }
 
   return _.defaults(userModules, defaultModules)