From bb9a1ecd0f1635f33fd28193bb73551d2629cbf4 Mon Sep 17 00:00:00 2001
From: "dave.snider@gmail.com" <dave.snider@gmail.com>
Date: Fri, 15 Feb 2019 15:49:29 -0800
Subject: [PATCH] Euilink supports text color (#1571)

---
 CHANGELOG.md                                        | 1 +
 src-docs/src/views/link/link.js                     | 5 +++++
 src/components/link/__snapshots__/link.test.js.snap | 7 +++++++
 src/components/link/_link.scss                      | 3 ++-
 src/components/link/index.d.ts                      | 1 +
 src/components/link/link.js                         | 1 +
 6 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6653ed51ab7..ff507cf9710 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added `text` as a color option for `EuiLink` ([#1571](https://github.com/elastic/eui/pull/1571))
 - Added `EuiResizeObserver` to expose ResizeObserver API to React components; falls back to MutationObserver API in unsupported browsers ([#1559](https://github.com/elastic/eui/pull/1559))
 
 **Bug fixes**
diff --git a/src-docs/src/views/link/link.js b/src-docs/src/views/link/link.js
index 180ae591327..d02368af4b3 100644
--- a/src-docs/src/views/link/link.js
+++ b/src-docs/src/views/link/link.js
@@ -67,6 +67,11 @@ export default () => (
           warning
         </EuiLink>
       </li>
+      <li>
+        <EuiLink color="text" href="#">
+          text
+        </EuiLink>
+      </li>
       <li>
         <span style={{ background: 'black' }}>
           <EuiLink color="ghost" href="#">
diff --git a/src/components/link/__snapshots__/link.test.js.snap b/src/components/link/__snapshots__/link.test.js.snap
index 28cd40dd4da..8f7f7b4a20b 100644
--- a/src/components/link/__snapshots__/link.test.js.snap
+++ b/src/components/link/__snapshots__/link.test.js.snap
@@ -106,6 +106,13 @@ exports[`EuiLink supports target 1`] = `
 />
 `;
 
+exports[`EuiLink text is rendered 1`] = `
+<button
+  class="euiLink euiLink--text"
+  type="button"
+/>
+`;
+
 exports[`EuiLink warning is rendered 1`] = `
 <button
   class="euiLink euiLink--warning"
diff --git a/src/components/link/_link.scss b/src/components/link/_link.scss
index 46fdb3fe2f0..0dd1a2fd24b 100644
--- a/src/components/link/_link.scss
+++ b/src/components/link/_link.scss
@@ -9,7 +9,8 @@ $textColors: (
   accent: $euiColorAccent,
   warning: $euiColorWarning,
   danger: $euiColorDanger,
-  ghost: #FFF, // Ghost is special and a constant.
+  text: $euiTextColor,
+  ghost: $euiColorGhost,
 );
 
 // Create color modifiers based on the map
diff --git a/src/components/link/index.d.ts b/src/components/link/index.d.ts
index fd2b5b5f64b..b7dfe3ea7f1 100644
--- a/src/components/link/index.d.ts
+++ b/src/components/link/index.d.ts
@@ -22,6 +22,7 @@ declare module '@elastic/eui' {
     | 'accent'
     | 'danger'
     | 'warning'
+    | 'text'
     | 'ghost';
 
   export interface LinkButtonProps {
diff --git a/src/components/link/link.js b/src/components/link/link.js
index bf3605f4eec..19d3245aa83 100644
--- a/src/components/link/link.js
+++ b/src/components/link/link.js
@@ -12,6 +12,7 @@ const colorsToClassNameMap = {
   'danger': 'euiLink--danger',
   'warning': 'euiLink--warning',
   'ghost': 'euiLink--ghost',
+  'text': 'euiLink--text',
 };
 
 export const COLORS = Object.keys(colorsToClassNameMap);