From 11c1d8ff41275c0820acaeda07aa511dbc4ddacb Mon Sep 17 00:00:00 2001
From: Ben Rogerson <info@benrogerson.com.au>
Date: Sun, 27 Mar 2022 12:37:40 +1030
Subject: [PATCH] Use text-decoration-line instead of text-decoration

---
 .../utiltiesTypography/textDecoration.js         |  2 +-
 __snapshots__/plugin.test.js.snap                | 16 +++++++++-------
 src/config/staticStyles.js                       |  7 ++++---
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/__fixtures__/utiltiesTypography/textDecoration.js b/__fixtures__/utiltiesTypography/textDecoration.js
index 0da8c4a2..92af5434 100644
--- a/__fixtures__/utiltiesTypography/textDecoration.js
+++ b/__fixtures__/utiltiesTypography/textDecoration.js
@@ -2,6 +2,6 @@ import tw from './macro'
 
 // https://tailwindcss.com/docs/text-decoration
 tw`underline`
-// tw`overline`
+tw`overline`
 tw`line-through`
 tw`no-underline`
diff --git a/__snapshots__/plugin.test.js.snap b/__snapshots__/plugin.test.js.snap
index 05d960e1..996aa448 100644
--- a/__snapshots__/plugin.test.js.snap
+++ b/__snapshots__/plugin.test.js.snap
@@ -1089,7 +1089,7 @@ const multipleClasses = {
     backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',
     '--tw-text-opacity': '1',
     color: 'rgb(255 255 255 / var(--tw-text-opacity))',
-    textDecoration: 'underline',
+    textDecorationLine: 'underline',
   },
 }
 const pseudoElement = {
@@ -51867,7 +51867,7 @@ import tw from './macro'
 
 // https://tailwindcss.com/docs/text-decoration
 tw\`underline\`
-// tw\`overline\`
+tw\`overline\`
 tw\`line-through\`
 tw\`no-underline\`
 
@@ -51875,14 +51875,16 @@ tw\`no-underline\`
 
 // https://tailwindcss.com/docs/text-decoration
 ;({
-  textDecoration: 'underline',
-}) // tw\`overline\`
-
+  textDecorationLine: 'underline',
+})
+;({
+  textDecorationLine: 'overline',
+})
 ;({
-  textDecoration: 'line-through',
+  textDecorationLine: 'line-through',
 })
 ;({
-  textDecoration: 'none',
+  textDecorationLine: 'none',
 })
 
 
diff --git a/src/config/staticStyles.js b/src/config/staticStyles.js
index 47237ab6..210dc452 100644
--- a/src/config/staticStyles.js
+++ b/src/config/staticStyles.js
@@ -441,9 +441,10 @@ export default {
   // See dynamicStyles.js
 
   // https://tailwindcss.com/docs/text-decoration
-  underline: { output: { textDecoration: 'underline' } },
-  'line-through': { output: { textDecoration: 'line-through' } },
-  'no-underline': { output: { textDecoration: 'none' } },
+  underline: { output: { textDecorationLine: 'underline' } },
+  overline: { output: { textDecorationLine: 'overline' } },
+  'line-through': { output: { textDecorationLine: 'line-through' } },
+  'no-underline': { output: { textDecorationLine: 'none' } },
 
   // https://tailwindcss.com/docs/text-transform
   uppercase: { output: { textTransform: 'uppercase' } },