From df5b1b2c8b23f843649a72a561d799ec117bfa51 Mon Sep 17 00:00:00 2001
From: DeFazio <michael.defazio@elastic.co>
Date: Fri, 11 Oct 2019 14:30:51 -0400
Subject: [PATCH] Adds keyboardShortcut glyph to EuiIcon

---
 CHANGELOG.md                                      |  1 +
 src-docs/src/views/icon/icons.js                  |  1 +
 .../icon/__snapshots__/icon.test.tsx.snap         | 15 +++++++++++++++
 src/components/icon/assets/keyboard_shortcut.js   | 14 ++++++++++++++
 src/components/icon/assets/keyboard_shortcut.svg  |  3 +++
 src/components/icon/icon.tsx                      |  1 +
 6 files changed, 35 insertions(+)
 create mode 100644 src/components/icon/assets/keyboard_shortcut.js
 create mode 100644 src/components/icon/assets/keyboard_shortcut.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ab22f7ed00..4e8547e7ce8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - Migrate `EuiBreadcrumbs`, `EuiHeader` etc, and `EuiLink` to TypeScript ([#2391](https://github.com/elastic/eui/pull/2391))
 - Added `component` prop to `EuiPageBody`, switching the default from `div` to `main` ([#2410](https://github.com/elastic/eui/pull/2410))
 - Added focus state to `EuiListGroupItem` ([#2406](https://github.com/elastic/eui/pull/2406))
+- Added `keyboardShorcut` glyph to 'EuiIcon ([#2413](https://github.com/elastic/eui/pull/2413))
 
 **Bug fixes**
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 2626da56c8e..f96b047a872 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -98,6 +98,7 @@ const iconTypes = [
   'inspect',
   'invert',
   'ip',
+  'keyboardShortcut',
   'kqlField',
   'kqlFunction',
   'kqlOperand',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index c68441bc805..74dc200aef5 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -2539,6 +2539,21 @@ exports[`EuiIcon props type ip is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type keyboardShortcut is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 9a1 1 0 0 1 .993.883L16 10v5a1 1 0 0 1-.883.993L15 16H7a1 1 0 0 1-.993-.883L6 15v-5a1 1 0 0 1 .883-.993L7 9h8zM2.5 10a.5.5 0 0 1 .492.41L3 10.5V12h1.5a.5.5 0 0 1 .09.992L4.5 13H3v1.5a.5.5 0 0 1-.992.09L2 14.5V13H.5a.5.5 0 0 1-.09-.992L.5 12H2v-1.5a.5.5 0 0 1 .5-.5zM15 10H7v5h8v-5zm-1 3v1H8v-1h6zm1-13a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h14zm0 1H1v5h14V1zM8 4v1H2V4h6z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type kqlField is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium euiIcon-isLoaded"
diff --git a/src/components/icon/assets/keyboard_shortcut.js b/src/components/icon/assets/keyboard_shortcut.js
new file mode 100644
index 00000000000..d44050a1c4e
--- /dev/null
+++ b/src/components/icon/assets/keyboard_shortcut.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const EuiIconKeyboardShortcut = props => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <path d="M15 9a1 1 0 0 1 .993.883L16 10v5a1 1 0 0 1-.883.993L15 16H7a1 1 0 0 1-.993-.883L6 15v-5a1 1 0 0 1 .883-.993L7 9h8zM2.5 10a.5.5 0 0 1 .492.41L3 10.5V12h1.5a.5.5 0 0 1 .09.992L4.5 13H3v1.5a.5.5 0 0 1-.992.09L2 14.5V13H.5a.5.5 0 0 1-.09-.992L.5 12H2v-1.5a.5.5 0 0 1 .5-.5zM15 10H7v5h8v-5zm-1 3v1H8v-1h6zm1-13a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h14zm0 1H1v5h14V1zM8 4v1H2V4h6z" />
+  </svg>
+);
+
+export const icon = EuiIconKeyboardShortcut;
diff --git a/src/components/icon/assets/keyboard_shortcut.svg b/src/components/icon/assets/keyboard_shortcut.svg
new file mode 100644
index 00000000000..4fd1b835d63
--- /dev/null
+++ b/src/components/icon/assets/keyboard_shortcut.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M15 9a1 1 0 01.993.883L16 10v5a1 1 0 01-.883.993L15 16H7a1 1 0 01-.993-.883L6 15v-5a1 1 0 01.883-.993L7 9h8zM2.5 10a.5.5 0 01.492.41L3 10.5V12h1.5a.5.5 0 01.09.992L4.5 13H3v1.5a.5.5 0 01-.992.09L2 14.5V13H.5a.5.5 0 01-.09-.992L.5 12H2v-1.5a.5.5 0 01.5-.5zM15 10H7v5h8v-5zm-1 3v1H8v-1h6zm1-13a1 1 0 011 1v5a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1h14zm0 1H1v5h14V1zM8 4v1H2V4h6z" />
+</svg>
\ No newline at end of file
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 2989736c85c..8c51db403e6 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -148,6 +148,7 @@ const typeToPathMap = {
   inspect: 'inspect',
   invert: 'invert',
   ip: 'ip',
+  keyboardShortcut: 'keyboard_shortcut',
   kqlField: 'kql_field',
   kqlFunction: 'kql_function',
   kqlOperand: 'kql_operand',