fix: Add arrow-down, arrow-up, and arrow-right icons

newrelic · Feb 25, 2021 · 3239b22 · 3239b22
1 parent 08c3d0b
commit 3239b22
Show file tree

Hide file tree

Showing 2 changed files with 102 additions and 0 deletions.
diff --git a/packages/gatsby-theme-newrelic/src/components/__tests__/__snapshots__/Icon.test.js.snap b/packages/gatsby-theme-newrelic/src/components/__tests__/__snapshots__/Icon.test.js.snap
@@ -1,5 +1,33 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`fe-arrow-down icon matches its snapshot 1`] = `
+.emotion-0 {
+  width: 1em;
+  height: 1em;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+<svg
+  className="emotion-0"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <line
+    x1="19"
+    x2="5"
+    y1="12"
+    y2="12"
+  />
+  <polyline
+    points="12 19 5 12 12 5"
+  />
+</svg>
+`;
+
 exports[`fe-arrow-left icon matches its snapshot 1`] = `
 .emotion-0 {
   width: 1em;
@@ -28,6 +56,62 @@ exports[`fe-arrow-left icon matches its snapshot 1`] = `
 </svg>
 `;
 
+exports[`fe-arrow-right icon matches its snapshot 1`] = `
+.emotion-0 {
+  width: 1em;
+  height: 1em;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+<svg
+  className="emotion-0"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <line
+    x1="19"
+    x2="5"
+    y1="12"
+    y2="12"
+  />
+  <polyline
+    points="12 19 5 12 12 5"
+  />
+</svg>
+`;
+
+exports[`fe-arrow-up icon matches its snapshot 1`] = `
+.emotion-0 {
+  width: 1em;
+  height: 1em;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+<svg
+  className="emotion-0"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <line
+    x1="19"
+    x2="5"
+    y1="12"
+    y2="12"
+  />
+  <polyline
+    points="12 19 5 12 12 5"
+  />
+</svg>
+`;
+
 exports[`fe-chevron-down icon matches its snapshot 1`] = `
 .emotion-0 {
   width: 1em;

diff --git a/packages/gatsby-theme-newrelic/src/icons/feather.js b/packages/gatsby-theme-newrelic/src/icons/feather.js
@@ -1,12 +1,30 @@
 import React from 'react';
 
 export default {
+  'arrow-down': (
+    <>
+      <line x1="12" y1="5" x2="12" y2="19" />
+      <polyline points="19 12 12 19 5 12" />
+    </>
+  ),
   'arrow-left': (
     <>
       <line x1="19" y1="12" x2="5" y2="12" />
       <polyline points="12 19 5 12 12 5" />
     </>
   ),
+  'arrow-right': (
+    <>
+      <line x1="5" y1="12" x2="19" y2="12" />
+      <polyline points="12 5 19 12 12 19" />
+    </>
+  ),
+  'arrow-up': (
+    <>
+      <line x1="12" y1="19" x2="12" y2="5" />
+      <polyline points="5 12 12 5 19 12" />
+    </>
+  ),
   'chevron-down': <polyline points="6 9 12 15 18 9" />,
   cloud: <path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" />,
   copy: (