From 92af5dbe3bcdd5844eccd1a4392074daa47838ee Mon Sep 17 00:00:00 2001
From: Rory Hunter <pugnascotia@users.noreply.github.com>
Date: Thu, 30 Nov 2017 17:52:30 +0100
Subject: [PATCH] Update CHANGELOG and docs site after merging inline SVGs PR
 (#168)

Followup to #160.
---
 CHANGELOG.md                             | 2 ++
 src-docs/src/views/icon/accessibility.js | 2 +-
 src-docs/src/views/icon/icon_example.js  | 3 +--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 56beccc9196..9793011ca4f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@
 - Table spacing is now smaller [(#158)](https://github.com/elastic/eui/pull/158)
 - Dark theme forms now have better contrast with their borders [(#158)](https://github.com/elastic/eui/pull/158)
 - Added icons to match Kibana's app directory [(#162)](https://github.com/elastic/eui/pull/162)
+- Convert icons from SVG to React component during the build and stop using
+  sprites [(#160)](https://github.com/elastic/eui/pull/160)
 
 **Bug fixes**
 
diff --git a/src-docs/src/views/icon/accessibility.js b/src-docs/src/views/icon/accessibility.js
index f7412962c75..7f94853e219 100644
--- a/src-docs/src/views/icon/accessibility.js
+++ b/src-docs/src/views/icon/accessibility.js
@@ -9,7 +9,7 @@ export default () => (
     <EuiIcon
       type="search"
       size="l"
-      title="Find information"
+      aria-label="Find information"
     />
   </div>
 );
diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js
index bee0d600197..d45a1ba4142 100644
--- a/src-docs/src/views/icon/icon_example.js
+++ b/src-docs/src/views/icon/icon_example.js
@@ -165,8 +165,7 @@ export default props => (
       }]}
       text={
         <p>
-          By default, this component will use a human-readable version of the <EuiCode>type</EuiCode>
-          to title the SVG. You can specify a <EuiCode>title</EuiCode> prop to override this.
+          You can title the SVG by passing the `aria-label` prop to <EuiCode>EuiCode</EuiCode>. No value is set by default.
         </p>
       }
       demo={