Add brand icons

appearhere · Sep 15, 2017 · 2d88e53 · 2d88e53
1 parent 914ccc9
commit 2d88e53
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/styleguide/screens/Design/Iconography.js b/styleguide/screens/Design/Iconography.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 import IconShowcase from '../../components/IconShowcase/IconShowcase';
 
-import { uiIcons, brandIcons } from './icons';
+import { uiIcons, brandIcons, valueIcons } from './icons';
 
 import type from '../../typography.css';
 import css from './Iconography.css';
@@ -24,6 +24,17 @@ const Iconography = () => (
     <h2 className={ type.h2 }>Brand Icons</h2>
     <div className={ css.iconGroup }>
       { brandIcons.map(icon => (
+        <IconShowcase
+          key={ icon.value }
+          className={ css.icon }
+          name={ icon.name }
+          value={ icon.value }
+        />
+      )) }
+    </div>
+    <h2 className={ type.h2 }>Value Icons</h2>
+    <div className={ css.iconGroup }>
+      { valueIcons.map(icon => (
         <IconShowcase
           key={ icon.value }
           className={ css.icon }

diff --git a/styleguide/screens/Design/icons.js b/styleguide/screens/Design/icons.js
@@ -146,6 +146,14 @@ export const uiIcons = [{
 }];
 
 export const brandIcons = [{
+  name: 'Appear Here',
+  value: 'appearhere',
+}, {
+  name: 'Appear Here Brackets',
+  value: 'appearhere-brackets',
+}];
+
+export const valueIcons = [{
   name: 'No Bullshit',
   value: 'NoBull',
   valueIcon: ValueIconNoBull,