Apply all first-class variants using modules: all

honsa · Nov 2, 2018 · 655963a · 655963a
1 parent 4f5ad90
commit 655963a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/__tests__/mergeConfigWithDefaults.test.js b/__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: {},
   })

diff --git a/src/util/mergeConfigWithDefaults.js b/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)