Add support for text-decoration-line

Author: jacobp100

src/index.test.js

@@ -612,6 +612,21 @@ it('does not transform text-decoration if multiple colors are used', () => {
   ).toThrow()
 })
 
+it('transforms text-decoration-line with underline line-through', () =>
+  runTest([['text-decoration-line', 'underline line-through']], {
+    textDecorationLine: 'underline line-through',
+  }))
+
+it('transforms text-decoration-line with line-through underline', () =>
+  runTest([['text-decoration-line', 'line-through underline']], {
+    textDecorationLine: 'underline line-through',
+  }))
+
+it('transforms text-decoration-line with none', () =>
+  runTest([['text-decoration-line', 'none']], {
+    textDecorationLine: 'none',
+  }))
+
 it('allows blacklisting shorthands', () => {
   const actualStyles = transformCss([['border-radius', '50']], ['borderRadius'])
   expect(actualStyles).toEqual({ borderRadius: 50 })

src/tokenTypes.js

@@ -67,4 +67,5 @@ module.exports.tokens = {
   IDENT: regExpToken(identRe),
   STRING: matchString,
   COLOR: matchColor,
+  LINE: regExpToken(/^(none|underline|line-through)$/),
 }

src/transforms/index.js

@@ -4,6 +4,7 @@ const flex = require('./flex')
 const font = require('./font')
 const fontFamily = require('./fontFamily')
 const textDecoration = require('./textDecoration')
+const textDecorationLine = require('./textDecorationLine')
 const transform = require('./transform')
 const {
   directionFactory,
@@ -76,5 +77,6 @@ module.exports = {
   shadowOffset,
   textShadowOffset,
   textDecoration,
+  textDecorationLine,
   transform,
 }

src/transforms/textDecoration.js

@@ -1,9 +1,8 @@
 import { regExpToken, tokens } from '../tokenTypes'
 
-const { NONE, SPACE, COLOR } = tokens
+const { NONE, SPACE, LINE, COLOR } = tokens
 
 const STYLE = regExpToken(/^(solid|double|dotted|dashed)$/)
-const LINE = regExpToken(/^(none|underline|line-through)$/)
 
 const defaultTextDecorationLine = 'none'
 const defaultTextDecorationStyle = 'solid'

src/transforms/textDecorationLine.js

@@ -0,0 +1,20 @@
+const { tokens } = require('../tokenTypes')
+
+const { SPACE, LINE } = tokens
+
+module.exports = tokenStream => {
+  const lines = []
+
+  let didParseFirst = false
+  while (tokenStream.hasTokens()) {
+    if (didParseFirst) tokenStream.expect(SPACE)
+
+    lines.push(tokenStream.expect(LINE))
+
+    didParseFirst = true
+  }
+
+  lines.sort().reverse()
+
+  return lines.join(' ')
+}