diff --git a/__tests__/mergeConfigWithDefaults.test.js b/__tests__/mergeConfigWithDefaults.test.js index f3545579a..c6474794c 100644 --- 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 index 7618ec0ec..8e5af64f4 100644 --- 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)