Merge pull request #73 from iCHEF/feature/zhusee_add_icons

Add menu page icons

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Add `escapable()` mixin, listening `Esc` key to trigger `onEscape` prop.
 - Add page overlay component, `<Overlay>`.
 - Add `<Popup>` component.
+- Add 3 new icons for menu page purpose.
 
 ### Changed
 - Improved tests coverage. (especially mixins & utils)

configs/fontello.config.json

@@ -694,4 +694,4 @@
       ]
     }
   ]
-}
+}

examples/Icon/MenuPageIcons.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import Icon from 'src/Icon';
+
+function MenuPageIconsSet() {
+    return (
+        <div>
+            <Icon type="add-item" />
+            <Icon type="add-multi-items" />
+            <Icon type="clear-item" />
+        </div>
+    );
+}
+
+export default MenuPageIconsSet;

examples/Icon/index.js

@@ -8,6 +8,7 @@ import BasicIconsSet from './BasicIcons';
 import PaymentIconsSet from './PaymentIcons';
 import CRMIconsSet from './CRMIcons';
 import InventoryIconsSet from './InventoryIcons';
+import MenuPageIconsSet from './MenuPageIcons';
 
 import LargeIconExample from './LargeIcon';
 import IconColorsExample from './IconColors';
@@ -17,6 +18,7 @@ storiesOf('Icon', module)
     .addWithInfo('payment icons set', PaymentIconsSet)
     .addWithInfo('CRM icons set', CRMIconsSet)
     .addWithInfo('Inventory icons set', InventoryIconsSet)
+    .addWithInfo('Menu page icons set', MenuPageIconsSet)
     .addWithInfo('large size', LargeIconExample)
     .addWithInfo('color options', IconColorsExample)
     // Props table

src/styles/Icon.scss

@@ -246,5 +246,13 @@
 .#{$prefix}-icon-download:before {
     content: '\e860'; /* '' */
 }
-
+.#{$prefix}-icon-add-item:before {
+    content: '\e832'; /* '' */
+}
+.#{$prefix}-icon-add-multi-items:before {
+    content: '\e82f'; /* '' */
+}
+.#{$prefix}-icon-clear-item:before {
+    content: '\e830'; /* '' */
+}
 /* stylelint-enable */