Add custom style prop 'textDecoration' to Link (#869)

Author: Yamanqui

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## Unreleased
+
+- Surface `textDecoration` prop from styled-system for `Link`s. [#869](https://github.com/FormidableLabs/spectacle/pull/869)
+
 ## 6.0.1
 
 - Fix broken doc links.

src/components/__snapshots__/typography.test.js.snap

@@ -143,7 +143,7 @@ exports[`<Link /> should render an <a> with text 1`] = `
         "componentStyle": ComponentStyle {
           "componentId": "sc-htpNat",
           "isStatic": false,
-          "lastClassName": "PfPpC",
+          "lastClassName": "cRHPrL",
           "rules": Array [
             [Function],
           ],
@@ -165,7 +165,7 @@ exports[`<Link /> should render an <a> with text 1`] = `
     textDecoration="underline"
   >
     <a
-      className="sc-htpNat PfPpC"
+      className="sc-htpNat cRHPrL"
       color="quaternary"
       fontFamily="text"
       fontSize="text"

src/components/typography.js

@@ -1,5 +1,7 @@
 import styled from 'styled-components';
-import { color, typography, space, compose } from 'styled-system';
+import { color, typography, space, compose, system } from 'styled-system';
+
+const decoration = system({ textDecoration: true });
 
 const Text = styled('div')(compose(color, typography, space));
 Text.defaultProps = {
@@ -17,7 +19,7 @@ CodeSpan.defaultProps = {
   fontSize: 'text'
 };
 
-const Link = styled('a')(compose(color, typography, space));
+const Link = styled('a')(compose(color, typography, space, decoration));
 Link.defaultProps = {
   ...Text.defaultProps,
   textDecoration: 'underline',