From 239234b7b978b63d96e777c534fe916fde0ff6c3 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 9 Jan 2019 13:03:10 -0500
Subject: [PATCH] Port visibility module to plugin

---
 src/defaultPlugins.js        | 2 ++
 src/generators/visibility.js | 8 --------
 src/plugins/visibility.js    | 8 ++++++++
 src/utilityModules.js        | 2 --
 4 files changed, 10 insertions(+), 10 deletions(-)
 delete mode 100644 src/generators/visibility.js
 create mode 100644 src/plugins/visibility.js

diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
index 4a617297d..ab836d087 100644
--- a/src/defaultPlugins.js
+++ b/src/defaultPlugins.js
@@ -1,8 +1,10 @@
+import visibility from './plugins/visibility'
 import whitespace from './plugins/whitespace'
 import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  visibility(),
   whitespace(),
   width(),
   zIndex(),
diff --git a/src/generators/visibility.js b/src/generators/visibility.js
deleted file mode 100644
index 7084040bb..000000000
--- a/src/generators/visibility.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    visible: { visibility: 'visible' },
-    invisible: { visibility: 'hidden' },
-  })
-}
diff --git a/src/plugins/visibility.js b/src/plugins/visibility.js
new file mode 100644
index 000000000..dac62c620
--- /dev/null
+++ b/src/plugins/visibility.js
@@ -0,0 +1,8 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.visible': { visibility: 'visible' },
+      '.invisible': { visibility: 'hidden' },
+    }, config('modules.visibility'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index 4f0723f13..a563020cb 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -44,7 +44,6 @@ import textStyle from './generators/textStyle'
 import tracking from './generators/tracking'
 import userSelect from './generators/userSelect'
 import verticalAlign from './generators/verticalAlign'
-import visibility from './generators/visibility'
 
 export default [
   { name: 'lists', generator: lists },
@@ -93,5 +92,4 @@ export default [
   { name: 'tracking', generator: tracking },
   { name: 'userSelect', generator: userSelect },
   { name: 'verticalAlign', generator: verticalAlign },
-  { name: 'visibility', generator: visibility },
 ]