Euilink supports text color

CHANGELOG.md

@@ -1,6 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `7.1.0`.
+- Added `text` as an color option for `EuiLink` ([#1571](https://github.com/elastic/eui/pull/1571))
 
 ## [`7.1.0`](https://github.com/elastic/eui/tree/v7.1.0)
 

src-docs/src/views/link/link.js

@@ -67,6 +67,13 @@ export default () => (
  warning
  </EuiLink>
  </li>
+ <li>
+ <span>
+ <EuiLink color="text" href="#">
+ text
+ </EuiLink>
+ </span>
+ </li>
  <li>
  <span style={{ background: 'black' }}>
  <EuiLink color="ghost" href="#">

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"

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

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);