From c5abdc95032f2fdb96e9d9a6156328c3c4ee2e4b Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 9 Jan 2019 13:37:28 -0500
Subject: [PATCH] Port pointerEvents module to plugin

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

diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
index 432cd4c9f..5a9ae5abf 100644
--- a/src/defaultPlugins.js
+++ b/src/defaultPlugins.js
@@ -1,3 +1,4 @@
+import pointerEvents from './plugins/pointerEvents'
 import position from './plugins/position'
 import resize from './plugins/resize'
 import shadows from './plugins/shadows'
@@ -17,6 +18,7 @@ import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  pointerEvents(),
   position(),
   resize(),
   shadows(),
diff --git a/src/generators/pointerEvents.js b/src/generators/pointerEvents.js
deleted file mode 100644
index b8ef3ff80..000000000
--- a/src/generators/pointerEvents.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'pointer-events-none': { 'pointer-events': 'none' },
-    'pointer-events-auto': { 'pointer-events': 'auto' },
-  })
-}
diff --git a/src/plugins/pointerEvents.js b/src/plugins/pointerEvents.js
new file mode 100644
index 000000000..eb5daaaff
--- /dev/null
+++ b/src/plugins/pointerEvents.js
@@ -0,0 +1,8 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.pointer-events-none': { 'pointer-events': 'none' },
+      '.pointer-events-auto': { 'pointer-events': 'auto' },
+    }, config('modules.pointerEvents'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index d413dc659..b9fec04b8 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -30,7 +30,6 @@ import opacity from './generators/opacity'
 import outline from './generators/outline'
 import overflow from './generators/overflow'
 import padding from './generators/padding'
-import pointerEvents from './generators/pointerEvents'
 
 export default [
   { name: 'lists', generator: lists },
@@ -65,5 +64,4 @@ export default [
   { name: 'outline', generator: outline },
   { name: 'overflow', generator: overflow },
   { name: 'padding', generator: padding },
-  { name: 'pointerEvents', generator: pointerEvents },
 ]