feat(atoms): add home and help icons

8base · Oct 18, 2018 · d38e423 · d38e423
1 parent 55aee81
commit d38e423
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 12 deletions.
diff --git a/src/atoms/typography/Icon/Icon.stories.js b/src/atoms/typography/Icon/Icon.stories.js
@@ -13,6 +13,8 @@ export default (asStory) => {
           <Icon name="FirewallOn" />
           <Icon name="Gear" />
           <Icon name="Group" />
+          <Icon name="HelpCenter" />
+          <Icon name="Home" />
           <Icon name="Lock" />
           <Icon name="Mail" />
           <Icon name="MapPin" />

diff --git a/src/atoms/typography/Icon/glyphs/HelpCenter.svg b/src/atoms/typography/Icon/glyphs/HelpCenter.svg
diff --git a/src/atoms/typography/Icon/glyphs/Home.svg b/src/atoms/typography/Icon/glyphs/Home.svg
diff --git a/src/atoms/typography/Icon/glyphs/index.js b/src/atoms/typography/Icon/glyphs/index.js
@@ -5,45 +5,49 @@ import Alert from './Alert.svg';
 import Check from './Check.svg';
 import ChevronDown from './ChevronDown.svg';
 import CloudDatabase from './Cloud-Database.svg';
+import Delete from './Delete.svg';
 import Diagram from './Diagram.svg';
 import Dots from './Dots.svg';
-import GraphQL from './GraphQL.svg';
+import EditPencil from './EditPencil.svg';
+import Environment from './Environment.svg';
 import FirewallOn from './Firewall-On.svg';
 import Gear from './Gear.svg';
+import GraphQL from './GraphQL.svg';
 import Group from './Group.svg';
+import HelpCenter from './HelpCenter.svg';
+import Home from './Home.svg';
 import Lock from './Lock.svg';
 import Mail from './Mail.svg';
 import MapPin from './MapPin.svg';
+import Planet from './Planet.svg';
 import Search from './Search.svg';
 import SpeedMeter from './Speed-Meter.svg';
 import Trashcan from './Trashcan.svg';
 import TreeView from './TreeView.svg';
-import EditPencil from './EditPencil.svg';
-import Environment from './Environment.svg';
-import Delete from './Delete.svg';
-import Planet from './Planet.svg';
 
 export {
   Alert,
   Check,
   ChevronDown,
   CloudDatabase,
+  Delete,
   Diagram,
   Dots,
-  GraphQL,
+  EditPencil,
+  Environment,
   FirewallOn,
   Gear,
+  GraphQL,
   Group,
+  HelpCenter,
+  Home,
   Lock,
   Mail,
   MapPin,
+  Planet,
   Search,
   SpeedMeter,
   Trashcan,
   TreeView,
-  EditPencil,
-  Environment,
-  Delete,
-  Planet,
 };
 
diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -14218,7 +14218,7 @@ exports[`Storyshots ATOMS/TYPOGRAPHY/Heading with type modifiers 1`] = `
 `;
 
 exports[`Storyshots ATOMS/TYPOGRAPHY/Icon all icons 1`] = `
-.emotion-15 {
+.emotion-17 {
   margin: 2rem;
 }
 
@@ -14232,7 +14232,7 @@ exports[`Storyshots ATOMS/TYPOGRAPHY/Icon all icons 1`] = `
 }
 
 <div
-  className="emotion-15"
+  className="emotion-17"
 >
   <div
     style={
@@ -14377,6 +14377,53 @@ exports[`Storyshots ATOMS/TYPOGRAPHY/Icon all icons 1`] = `
         />
       </svg>
     </div>
+    <div
+      className="emotion-0"
+    >
+      <svg
+        height="100%"
+        viewBox="0 0 22 22"
+        width="100%"
+      >
+        <g
+          fill="none"
+          fillRule="evenodd"
+          stroke="currentColor"
+          transform="translate(1 1)"
+        >
+          <circle
+            cx="10"
+            cy="10"
+            r="10"
+            strokeWidth="1.6"
+          />
+          <path
+            d="M10.791 12.075H9.164v-.878c0-.384.046-.67.137-.857.091-.187.29-.434.597-.742l1.052-1.05c.22-.24.33-.538.33-.894 0-.355-.114-.65-.345-.885-.23-.235-.528-.353-.893-.353-.364 0-.67.113-.914.338-.245.226-.386.526-.425.9H6.961c.096-.854.43-1.524 1-2.008.572-.485 1.285-.728 2.139-.728.854 0 1.55.233 2.088.699.538.465.806 1.116.806 1.951 0 .576-.158 1.056-.475 1.44a6.21 6.21 0 0 1-.417.49c-.096.096-.224.218-.382.367a18.3 18.3 0 0 0-.403.389c-.11.11-.2.204-.267.28-.172.212-.259.51-.259.893v.648zm-1.57 2.887a.988.988 0 0 1-.33-.748c0-.293.107-.545.323-.756.216-.212.476-.317.778-.317.302 0 .564.103.785.31.22.206.331.455.331.748s-.108.545-.324.756a1.073 1.073 0 0 1-.778.317 1.11 1.11 0 0 1-.784-.31z"
+            fill="currentColor"
+            strokeWidth=".25"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      className="emotion-0"
+    >
+      <svg
+        height="100%"
+        viewBox="0 0 22 22"
+        width="100%"
+      >
+        <path
+          d="M10.309 1.958l-8.892 8.873h1.67v10h5.01v-7.5h5.846v7.5h5.011v-10h1.671l-8.892-8.873a1.009 1.009 0 0 0-.711-.294h-.002c-.266 0-.523.106-.711.294z"
+          fill="none"
+          fillRule="evenodd"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+      </svg>
+    </div>
     <div
       className="emotion-0"
     >