From ce5386b66a8a5833372fd245e95bf3c4e21da8d3 Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Wed, 27 Oct 2021 10:30:50 -0400
Subject: [PATCH] Remove dependency on old `outline.none` config value

---
 src/index.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/index.js b/src/index.js
index 3942434..e434ad3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,7 +3,7 @@ const plugin = require('tailwindcss/plugin')
 const defaultTheme = require('tailwindcss/defaultTheme')
 const colors = require('tailwindcss/colors')
 const [baseFontSize, { lineHeight: baseLineHeight }] = defaultTheme.fontSize.base
-const { spacing, borderWidth, borderRadius, outline } = defaultTheme
+const { spacing, borderWidth, borderRadius } = defaultTheme
 
 const forms = plugin.withOptions(function (options = { strategy: 'base' }) {
   return function ({ addBase, theme }) {
@@ -43,8 +43,8 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) {
           'line-height': baseLineHeight,
           '--tw-shadow': '0 0 #0000',
           '&:focus': {
-            outline: outline.none[0],
-            'outline-offset': outline.none[1],
+            outline: '2px solid transparent',
+            'outline-offset': '2px',
             '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
             '--tw-ring-offset-width': '0px',
             '--tw-ring-offset-color': '#fff',
@@ -149,8 +149,8 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) {
         base: [`[type='checkbox']:focus`, `[type='radio']:focus`],
         class: ['.form-checkbox:focus', '.form-radio:focus'],
         styles: {
-          outline: outline.none[0],
-          'outline-offset': outline.none[1],
+          outline: '2px solid transparent',
+          'outline-offset': '2px',
           '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
           '--tw-ring-offset-width': '2px',
           '--tw-ring-offset-color': '#fff',