gridicons - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3-alpha.1

build/example.js

@@ -1,1 +0,1 @@
-'use strict';var _createClass=function(){function a(b,c){for(var e,d=0;d<c.length;d++)e=c[d],e.enumerable=e.enumerable||!1,e.configurable=!0,'value'in e&&(e.writable=!0),Object.defineProperty(b,e.key,e)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_index=require('./index.js'),_index2=_interopRequireDefault(_index);Object.defineProperty(exports,'__esModule',{value:!0});function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var Gridicons=function(a){function b(){var m,g,h,j;_classCallCheck(this,b);for(var k=arguments.length,f=Array(k),l=0;l<k;l++)f[l]=arguments[l];return j=(g=(h=_possibleConstructorReturn(this,(m=b.__proto__||Object.getPrototypeOf(b)).call.apply(m,[this].concat(f))),h),h.handleClick=function(n){window.prompt('Copy component code:','<Gridicon icon="'+n+'" />')},g),_possibleConstructorReturn(h,j)}return _inherits(b,a),_createClass(b,[{key:'render',value:function render(){return _react2.default.createElement('div',null,_react2.default.createElement(_index2.default,{icon:'add-image',size:48,onClick:this.handleClick.bind(this,'add-image')}),_react2.default.createElement(_index2.default,{icon:'add-outline',size:48,onClick:this.handleClick.bind(this,'add-outline')}),_react2.default.createElement(_index2.default,{icon:'add',size:48,onClick:this.handleClick.bind(this,'add')}),_react2.default.createElement(_index2.default,{icon:'align-center',size:48,onClick:this.handleClick.bind(this,'align-center')}),_react2.default.createElement(_index2.default,{icon:'align-image-center',size:48,onClick:this.handleClick.bind(this,'align-image-center')}),_react2.default.createElement(_index2.default,{icon:'align-image-left',size:48,onClick:this.handleClick.bind(this,'align-image-left')}),_react2.default.createElement(_index2.default,{icon:'align-image-none',size:48,onClick:this.handleClick.bind(this,'align-image-none')}),_react2.default.createElement(_index2.default,{icon:'align-image-right',size:48,onClick:this.handleClick.bind(this,'align-image-right')}),_react2.default.createElement(_index2.default,{icon:'align-justify',size:48,onClick:this.handleClick.bind(this,'align-justify')}),_react2.default.createElement(_index2.default,{icon:'align-left',size:48,onClick:this.handleClick.bind(this,'align-left')}),_react2.default.createElement(_index2.default,{icon:'align-right',size:48,onClick:this.handleClick.bind(this,'align-right')}),_react2.default.createElement(_index2.default,{icon:'arrow-down',size:48,onClick:this.handleClick.bind(this,'arrow-down')}),_react2.default.createElement(_index2.default,{icon:'arrow-left',size:48,onClick:this.handleClick.bind(this,'arrow-left')}),_react2.default.createElement(_index2.default,{icon:'arrow-right',size:48,onClick:this.handleClick.bind(this,'arrow-right')}),_react2.default.createElement(_index2.default,{icon:'arrow-up',size:48,onClick:this.handleClick.bind(this,'arrow-up')}),_react2.default.createElement(_index2.default,{icon:'aside',size:48,onClick:this.handleClick.bind(this,'aside')}),_react2.default.createElement(_index2.default,{icon:'attachment',size:48,onClick:this.handleClick.bind(this,'attachment')}),_react2.default.createElement(_index2.default,{icon:'audio',size:48,onClick:this.handleClick.bind(this,'audio')}),_react2.default.createElement(_index2.default,{icon:'bell',size:48,onClick:this.handleClick.bind(this,'bell')}),_react2.default.createElement(_index2.default,{icon:'block',size:48,onClick:this.handleClick.bind(this,'block')}),_react2.default.createElement(_index2.default,{icon:'bold',size:48,onClick:this.handleClick.bind(this,'bold')}),_react2.default.createElement(_index2.default,{icon:'book',size:48,onClick:this.handleClick.bind(this,'book')}),_react2.default.createElement(_index2.default,{icon:'bookmark-outline',size:48,onClick:this.handleClick.bind(this,'bookmark-outline')}),_react2.default.createElement(_index2.default,{icon:'bookmark',size:48,onClick:this.handleClick.bind(this,'bookmark')}),_react2.default.createElement(_index2.default,{icon:'briefcase',size:48,onClick:this.handleClick.bind(this,'briefcase')}),_react2.default.createElement(_index2.default,{icon:'bug',size:48,onClick:this.handleClick.bind(this,'bug')}),_react2.default.createElement(_index2.default,{icon:'calendar',size:48,onClick:this.handleClick.bind(this,'calendar')}),_react2.default.createElement(_index2.default,{icon:'camera',size:48,onClick:this.handleClick.bind(this,'camera')}),_react2.default.createElement(_index2.default,{icon:'caption',size:48,onClick:this.handleClick.bind(this,'caption')}),_react2.default.createElement(_index2.default,{icon:'cart',size:48,onClick:this.handleClick.bind(this,'cart')}),_react2.default.createElement(_index2.default,{icon:'chat',size:48,onClick:this.handleClick.bind(this,'chat')}),_react2.default.createElement(_index2.default,{icon:'checkmark-circle',size:48,onClick:this.handleClick.bind(this,'checkmark-circle')}),_react2.default.createElement(_index2.default,{icon:'checkmark',size:48,onClick:this.handleClick.bind(this,'checkmark')}),_react2.default.createElement(_index2.default,{icon:'chevron-down',size:48,onClick:this.handleClick.bind(this,'chevron-down')}),_react2.default.createElement(_index2.default,{icon:'chevron-left',size:48,onClick:this.handleClick.bind(this,'chevron-left')}),_react2.default.createElement(_index2.default,{icon:'chevron-right',size:48,onClick:this.handleClick.bind(this,'chevron-right')}),_react2.default.createElement(_index2.default,{icon:'chevron-up',size:48,onClick:this.handleClick.bind(this,'chevron-up')}),_react2.default.createElement(_index2.default,{icon:'clear-formatting',size:48,onClick:this.handleClick.bind(this,'clear-formatting')}),_react2.default.createElement(_index2.default,{icon:'clipboard',size:48,onClick:this.handleClick.bind(this,'clipboard')}),_react2.default.createElement(_index2.default,{icon:'cloud-download',size:48,onClick:this.handleClick.bind(this,'cloud-download')}),_react2.default.createElement(_index2.default,{icon:'cloud-outline',size:48,onClick:this.handleClick.bind(this,'cloud-outline')}),_react2.default.createElement(_index2.default,{icon:'cloud-upload',size:48,onClick:this.handleClick.bind(this,'cloud-upload')}),_react2.default.createElement(_index2.default,{icon:'cloud',size:48,onClick:this.handleClick.bind(this,'cloud')}),_react2.default.createElement(_index2.default,{icon:'code',size:48,onClick:this.handleClick.bind(this,'code')}),_react2.default.createElement(_index2.default,{icon:'cog',size:48,onClick:this.handleClick.bind(this,'cog')}),_react2.default.createElement(_index2.default,{icon:'comment',size:48,onClick:this.handleClick.bind(this,'comment')}),_react2.default.createElement(_index2.default,{icon:'computer',size:48,onClick:this.handleClick.bind(this,'computer')}),_react2.default.createElement(_index2.default,{icon:'coupon',size:48,onClick:this.handleClick.bind(this,'coupon')}),_react2.default.createElement(_index2.default,{icon:'create',size:48,onClick:this.handleClick.bind(this,'create')}),_react2.default.createElement(_index2.default,{icon:'credit-card',size:48,onClick:this.handleClick.bind(this,'credit-card')}),_react2.default.createElement(_index2.default,{icon:'crop',size:48,onClick:this.handleClick.bind(this,'crop')}),_react2.default.createElement(_index2.default,{icon:'cross-circle',size:48,onClick:this.handleClick.bind(this,'cross-circle')}),_react2.default.createElement(_index2.default,{icon:'cross-small',size:48,onClick:this.handleClick.bind(this,'cross-small')}),_react2.default.createElement(_index2.default,{icon:'cross',size:48,onClick:this.handleClick.bind(this,'cross')}),_react2.default.createElement(_index2.default,{icon:'custom-post-type',size:48,onClick:this.handleClick.bind(this,'custom-post-type')}),_react2.default.createElement(_index2.default,{icon:'customize',size:48,onClick:this.handleClick.bind(this,'customize')}),_react2.default.createElement(_index2.default,{icon:'domains',size:48,onClick:this.handleClick.bind(this,'domains')}),_react2.default.createElement(_index2.default,{icon:'dropdown',size:48,onClick:this.handleClick.bind(this,'dropdown')}),_react2.default.createElement(_index2.default,{icon:'ellipsis-circle',size:48,onClick:this.handleClick.bind(this,'ellipsis-circle')}),_react2.default.createElement(_index2.default,{icon:'ellipsis',size:48,onClick:this.handleClick.bind(this,'ellipsis')}),_react2.default.createElement(_index2.default,{icon:'external',size:48,onClick:this.handleClick.bind(this,'external')}),_react2.default.createElement(_index2.default,{icon:'filter',size:48,onClick:this.handleClick.bind(this,'filter')}),_react2.default.createElement(_index2.default,{icon:'flag',size:48,onClick:this.handleClick.bind(this,'flag')}),_react2.default.createElement(_index2.default,{icon:'flip-horizontal',size:48,onClick:this.handleClick.bind(this,'flip-horizontal')}),_react2.default.createElement(_index2.default,{icon:'flip-vertical',size:48,onClick:this.handleClick.bind(this,'flip-vertical')}),_react2.default.createElement(_index2.default,{icon:'folder-multiple',size:48,onClick:this.handleClick.bind(this,'folder-multiple')}),_react2.default.createElement(_index2.default,{icon:'folder',size:48,onClick:this.handleClick.bind(this,'folder')}),_react2.default.createElement(_index2.default,{icon:'fullscreen-exit',size:48,onClick:this.handleClick.bind(this,'fullscreen-exit')}),_react2.default.createElement(_index2.default,{icon:'fullscreen',size:48,onClick:this.handleClick.bind(this,'fullscreen')}),_react2.default.createElement(_index2.default,{icon:'gift',size:48,onClick:this.handleClick.bind(this,'gift')}),_react2.default.createElement(_index2.default,{icon:'globe',size:48,onClick:this.handleClick.bind(this,'globe')}),_react2.default.createElement(_index2.default,{icon:'grid',size:48,onClick:this.handleClick.bind(this,'grid')}),_react2.default.createElement(_index2.default,{icon:'heading-h1',size:48,onClick:this.handleClick.bind(this,'heading-h1')}),_react2.default.createElement(_index2.default,{icon:'heading-h2',size:48,onClick:this.handleClick.bind(this,'heading-h2')}),_react2.default.createElement(_index2.default,{icon:'heading-h3',size:48,onClick:this.handleClick.bind(this,'heading-h3')}),_react2.default.createElement(_index2.default,{icon:'heading-h4',size:48,onClick:this.handleClick.bind(this,'heading-h4')}),_react2.default.createElement(_index2.default,{icon:'heading-h5',size:48,onClick:this.handleClick.bind(this,'heading-h5')}),_react2.default.createElement(_index2.default,{icon:'heading-h6',size:48,onClick:this.handleClick.bind(this,'heading-h6')}),_react2.default.createElement(_index2.default,{icon:'heading',size:48,onClick:this.handleClick.bind(this,'heading')}),_react2.default.createElement(_index2.default,{icon:'heart-outline',size:48,onClick:this.handleClick.bind(this,'heart-outline')}),_react2.default.createElement(_index2.default,{icon:'heart',size:48,onClick:this.handleClick.bind(this,'heart')}),_react2.default.createElement(_index2.default,{icon:'help-outline',size:48,onClick:this.handleClick.bind(this,'help-outline')}),_react2.default.createElement(_index2.default,{icon:'help',size:48,onClick:this.handleClick.bind(this,'help')}),_react2.default.createElement(_index2.default,{icon:'history',size:48,onClick:this.handleClick.bind(this,'history')}),_react2.default.createElement(_index2.default,{icon:'house',size:48,onClick:this.handleClick.bind(this,'house')}),_react2.default.createElement(_index2.default,{icon:'image-multiple',size:48,onClick:this.handleClick.bind(this,'image-multiple')}),_react2.default.createElement(_index2.default,{icon:'image-remove',size:48,onClick:this.handleClick.bind(this,'image-remove')}),_react2.default.createElement(_index2.default,{icon:'image',size:48,onClick:this.handleClick.bind(this,'image')}),_react2.default.createElement(_index2.default,{icon:'indent-left',size:48,onClick:this.handleClick.bind(this,'indent-left')}),_react2.default.createElement(_index2.default,{icon:'indent-right',size:48,onClick:this.handleClick.bind(this,'indent-right')}),_react2.default.createElement(_index2.default,{icon:'info-outline',size:48,onClick:this.handleClick.bind(this,'info-outline')}),_react2.default.createElement(_index2.default,{icon:'info',size:48,onClick:this.handleClick.bind(this,'info')}),_react2.default.createElement(_index2.default,{icon:'ink',size:48,onClick:this.handleClick.bind(this,'ink')}),_react2.default.createElement(_index2.default,{icon:'institution',size:48,onClick:this.handleClick.bind(this,'institution')}),_react2.default.createElement(_index2.default,{icon:'italic',size:48,onClick:this.handleClick.bind(this,'italic')}),_react2.default.createElement(_index2.default,{icon:'layout-blocks',size:48,onClick:this.handleClick.bind(this,'layout-blocks')}),_react2.default.createElement(_index2.default,{icon:'layout',size:48,onClick:this.handleClick.bind(this,'layout')}),_react2.default.createElement(_index2.default,{icon:'link-break',size:48,onClick:this.handleClick.bind(this,'link-break')}),_react2.default.createElement(_index2.default,{icon:'link',size:48,onClick:this.handleClick.bind(this,'link')}),_react2.default.createElement(_index2.default,{icon:'list-checkmark',size:48,onClick:this.handleClick.bind(this,'list-checkmark')}),_react2.default.createElement(_index2.default,{icon:'list-ordered',size:48,onClick:this.handleClick.bind(this,'list-ordered')}),_react2.default.createElement(_index2.default,{icon:'list-unordered',size:48,onClick:this.handleClick.bind(this,'list-unordered')}),_react2.default.createElement(_index2.default,{icon:'location',size:48,onClick:this.handleClick.bind(this,'location')}),_react2.default.createElement(_index2.default,{icon:'lock',size:48,onClick:this.handleClick.bind(this,'lock')}),_react2.default.createElement(_index2.default,{icon:'mail',size:48,onClick:this.handleClick.bind(this,'mail')}),_react2.default.createElement(_index2.default,{icon:'mention',size:48,onClick:this.handleClick.bind(this,'mention')}),_react2.default.createElement(_index2.default,{icon:'menu',size:48,onClick:this.handleClick.bind(this,'menu')}),_react2.default.createElement(_index2.default,{icon:'menus',size:48,onClick:this.handleClick.bind(this,'menus')}),_react2.default.createElement(_index2.default,{icon:'microphone',size:48,onClick:this.handleClick.bind(this,'microphone')}),_react2.default.createElement(_index2.default,{icon:'minus-small',size:48,onClick:this.handleClick.bind(this,'minus-small')}),_react2.default.createElement(_index2.default,{icon:'minus',size:48,onClick:this.handleClick.bind(this,'minus')}),_react2.default.createElement(_index2.default,{icon:'money',size:48,onClick:this.handleClick.bind(this,'money')}),_react2.default.createElement(_index2.default,{icon:'my-sites-horizon',size:48,onClick:this.handleClick.bind(this,'my-sites-horizon')}),_react2.default.createElement(_index2.default,{icon:'my-sites',size:48,onClick:this.handleClick.bind(this,'my-sites')}),_react2.default.createElement(_index2.default,{icon:'nametag',size:48,onClick:this.handleClick.bind(this,'nametag')}),_react2.default.createElement(_index2.default,{icon:'next-page',size:48,onClick:this.handleClick.bind(this,'next-page')}),_react2.default.createElement(_index2.default,{icon:'not-visible',size:48,onClick:this.handleClick.bind(this,'not-visible')}),_react2.default.createElement(_index2.default,{icon:'notice-outline',size:48,onClick:this.handleClick.bind(this,'notice-outline')}),_react2.default.createElement(_index2.default,{icon:'notice',size:48,onClick:this.handleClick.bind(this,'notice')}),_react2.default.createElement(_index2.default,{icon:'offline',size:48,onClick:this.handleClick.bind(this,'offline')}),_react2.default.createElement(_index2.default,{icon:'pages',size:48,onClick:this.handleClick.bind(this,'pages')}),_react2.default.createElement(_index2.default,{icon:'pause',size:48,onClick:this.handleClick.bind(this,'pause')}),_react2.default.createElement(_index2.default,{icon:'pencil',size:48,onClick:this.handleClick.bind(this,'pencil')}),_react2.default.createElement(_index2.default,{icon:'phone',size:48,onClick:this.handleClick.bind(this,'phone')}),_react2.default.createElement(_index2.default,{icon:'plans',size:48,onClick:this.handleClick.bind(this,'plans')}),_react2.default.createElement(_index2.default,{icon:'play',size:48,onClick:this.handleClick.bind(this,'play')}),_react2.default.createElement(_index2.default,{icon:'plugins',size:48,onClick:this.handleClick.bind(this,'plugins')}),_react2.default.createElement(_index2.default,{icon:'plus-small',size:48,onClick:this.handleClick.bind(this,'plus-small')}),_react2.default.createElement(_index2.default,{icon:'plus',size:48,onClick:this.handleClick.bind(this,'plus')}),_react2.default.createElement(_index2.default,{icon:'popout',size:48,onClick:this.handleClick.bind(this,'popout')}),_react2.default.createElement(_index2.default,{icon:'posts',size:48,onClick:this.handleClick.bind(this,'posts')}),_react2.default.createElement(_index2.default,{icon:'print',size:48,onClick:this.handleClick.bind(this,'print')}),_react2.default.createElement(_index2.default,{icon:'product-downloadable',size:48,onClick:this.handleClick.bind(this,'product-downloadable')}),_react2.default.createElement(_index2.default,{icon:'product-external',size:48,onClick:this.handleClick.bind(this,'product-external')}),_react2.default.createElement(_index2.default,{icon:'product-virtual',size:48,onClick:this.handleClick.bind(this,'product-virtual')}),_react2.default.createElement(_index2.default,{icon:'product',size:48,onClick:this.handleClick.bind(this,'product')}),_react2.default.createElement(_index2.default,{icon:'quote',size:48,onClick:this.handleClick.bind(this,'quote')}),_react2.default.createElement(_index2.default,{icon:'read-more',size:48,onClick:this.handleClick.bind(this,'read-more')}),_react2.default.createElement(_index2.default,{icon:'reader-follow-conversation',size:48,onClick:this.handleClick.bind(this,'reader-follow-conversation')}),_react2.default.createElement(_index2.default,{icon:'reader-follow',size:48,onClick:this.handleClick.bind(this,'reader-follow')}),_react2.default.createElement(_index2.default,{icon:'reader-following-conversation',size:48,onClick:this.handleClick.bind(this,'reader-following-conversation')}),_react2.default.createElement(_index2.default,{icon:'reader-following',size:48,onClick:this.handleClick.bind(this,'reader-following')}),_react2.default.createElement(_index2.default,{icon:'reader',size:48,onClick:this.handleClick.bind(this,'reader')}),_react2.default.createElement(_index2.default,{icon:'reblog',size:48,onClick:this.handleClick.bind(this,'reblog')}),_react2.default.createElement(_index2.default,{icon:'redo',size:48,onClick:this.handleClick.bind(this,'redo')}),_react2.default.createElement(_index2.default,{icon:'refresh',size:48,onClick:this.handleClick.bind(this,'refresh')}),_react2.default.createElement(_index2.default,{icon:'refund',size:48,onClick:this.handleClick.bind(this,'refund')}),_react2.default.createElement(_index2.default,{icon:'reply',size:48,onClick:this.handleClick.bind(this,'reply')}),_react2.default.createElement(_index2.default,{icon:'resize',size:48,onClick:this.handleClick.bind(this,'resize')}),_react2.default.createElement(_index2.default,{icon:'rotate',size:48,onClick:this.handleClick.bind(this,'rotate')}),_react2.default.createElement(_index2.default,{icon:'scheduled',size:48,onClick:this.handleClick.bind(this,'scheduled')}),_react2.default.createElement(_index2.default,{icon:'search',size:48,onClick:this.handleClick.bind(this,'search')}),_react2.default.createElement(_index2.default,{icon:'share-computer',size:48,onClick:this.handleClick.bind(this,'share-computer')}),_react2.default.createElement(_index2.default,{icon:'share-ios',size:48,onClick:this.handleClick.bind(this,'share-ios')}),_react2.default.createElement(_index2.default,{icon:'share',size:48,onClick:this.handleClick.bind(this,'share')}),_react2.default.createElement(_index2.default,{icon:'shipping',size:48,onClick:this.handleClick.bind(this,'shipping')}),_react2.default.createElement(_index2.default,{icon:'sign-out',size:48,onClick:this.handleClick.bind(this,'sign-out')}),_react2.default.createElement(_index2.default,{icon:'spam',size:48,onClick:this.handleClick.bind(this,'spam')}),_react2.default.createElement(_index2.default,{icon:'speaker',size:48,onClick:this.handleClick.bind(this,'speaker')}),_react2.default.createElement(_index2.default,{icon:'special-character',size:48,onClick:this.handleClick.bind(this,'special-character')}),_react2.default.createElement(_index2.default,{icon:'star-outline',size:48,onClick:this.handleClick.bind(this,'star-outline')}),_react2.default.createElement(_index2.default,{icon:'star',size:48,onClick:this.handleClick.bind(this,'star')}),_react2.default.createElement(_index2.default,{icon:'stats-alt',size:48,onClick:this.handleClick.bind(this,'stats-alt')}),_react2.default.createElement(_index2.default,{icon:'stats',size:48,onClick:this.handleClick.bind(this,'stats')}),_react2.default.createElement(_index2.default,{icon:'status',size:48,onClick:this.handleClick.bind(this,'status')}),_react2.default.createElement(_index2.default,{icon:'strikethrough',size:48,onClick:this.handleClick.bind(this,'strikethrough')}),_react2.default.createElement(_index2.default,{icon:'sync',size:48,onClick:this.handleClick.bind(this,'sync')}),_react2.default.createElement(_index2.default,{icon:'tablet',size:48,onClick:this.handleClick.bind(this,'tablet')}),_react2.default.createElement(_index2.default,{icon:'tag',size:48,onClick:this.handleClick.bind(this,'tag')}),_react2.default.createElement(_index2.default,{icon:'text-color',size:48,onClick:this.handleClick.bind(this,'text-color')}),_react2.default.createElement(_index2.default,{icon:'themes',size:48,onClick:this.handleClick.bind(this,'themes')}),_react2.default.createElement(_index2.default,{icon:'thumbs-up',size:48,onClick:this.handleClick.bind(this,'thumbs-up')}),_react2.default.createElement(_index2.default,{icon:'time',size:48,onClick:this.handleClick.bind(this,'time')}),_react2.default.createElement(_index2.default,{icon:'trash',size:48,onClick:this.handleClick.bind(this,'trash')}),_react2.default.createElement(_index2.default,{icon:'trophy',size:48,onClick:this.handleClick.bind(this,'trophy')}),_react2.default.createElement(_index2.default,{icon:'types',size:48,onClick:this.handleClick.bind(this,'types')}),_react2.default.createElement(_index2.default,{icon:'underline',size:48,onClick:this.handleClick.bind(this,'underline')}),_react2.default.createElement(_index2.default,{icon:'undo',size:48,onClick:this.handleClick.bind(this,'undo')}),_react2.default.createElement(_index2.default,{icon:'user-add',size:48,onClick:this.handleClick.bind(this,'user-add')}),_react2.default.createElement(_index2.default,{icon:'user-circle',size:48,onClick:this.handleClick.bind(this,'user-circle')}),_react2.default.createElement(_index2.default,{icon:'user',size:48,onClick:this.handleClick.bind(this,'user')}),_react2.default.createElement(_index2.default,{icon:'video-camera',size:48,onClick:this.handleClick.bind(this,'video-camera')}),_react2.default.createElement(_index2.default,{icon:'video-remove',size:48,onClick:this.handleClick.bind(this,'video-remove')}),_react2.default.createElement(_index2.default,{icon:'video',size:48,onClick:this.handleClick.bind(this,'video')}),_react2.default.createElement(_index2.default,{icon:'visible',size:48,onClick:this.handleClick.bind(this,'visible')}),_react2.default.createElement(_index2.default,{icon:'zoom-in',size:48,onClick:this.handleClick.bind(this,'zoom-in')}),_react2.default.createElement(_index2.default,{icon:'zoom-out',size:48,onClick:this.handleClick.bind(this,'zoom-out')}))}}]),b}(_react.PureComponent);Gridicons.displayName='Gridicons',exports.default=Gridicons,module.exports=exports['default'];
+'use strict';var _createClass=function(){function a(b,c){for(var e,d=0;d<c.length;d++)e=c[d],e.enumerable=e.enumerable||!1,e.configurable=!0,'value'in e&&(e.writable=!0),Object.defineProperty(b,e.key,e)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_index=require('./index.js'),_index2=_interopRequireDefault(_index);Object.defineProperty(exports,'__esModule',{value:!0});function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var Gridicons=function(a){function b(){var m,g,h,j;_classCallCheck(this,b);for(var k=arguments.length,f=Array(k),l=0;l<k;l++)f[l]=arguments[l];return j=(g=(h=_possibleConstructorReturn(this,(m=b.__proto__||Object.getPrototypeOf(b)).call.apply(m,[this].concat(f))),h),h.handleClick=function(n){window.prompt('Copy component code:','<Gridicon icon="'+n+'" />')},g),_possibleConstructorReturn(h,j)}return _inherits(b,a),_createClass(b,[{key:'render',value:function render(){return _react2.default.createElement('div',null,_react2.default.createElement(_index2.default,{icon:'add-image',size:48,onClick:this.handleClick.bind(this,'add-image')}),_react2.default.createElement(_index2.default,{icon:'add-outline',size:48,onClick:this.handleClick.bind(this,'add-outline')}),_react2.default.createElement(_index2.default,{icon:'add',size:48,onClick:this.handleClick.bind(this,'add')}),_react2.default.createElement(_index2.default,{icon:'align-center',size:48,onClick:this.handleClick.bind(this,'align-center')}),_react2.default.createElement(_index2.default,{icon:'align-image-center',size:48,onClick:this.handleClick.bind(this,'align-image-center')}),_react2.default.createElement(_index2.default,{icon:'align-image-left',size:48,onClick:this.handleClick.bind(this,'align-image-left')}),_react2.default.createElement(_index2.default,{icon:'align-image-none',size:48,onClick:this.handleClick.bind(this,'align-image-none')}),_react2.default.createElement(_index2.default,{icon:'align-image-right',size:48,onClick:this.handleClick.bind(this,'align-image-right')}),_react2.default.createElement(_index2.default,{icon:'align-justify',size:48,onClick:this.handleClick.bind(this,'align-justify')}),_react2.default.createElement(_index2.default,{icon:'align-left',size:48,onClick:this.handleClick.bind(this,'align-left')}),_react2.default.createElement(_index2.default,{icon:'align-right',size:48,onClick:this.handleClick.bind(this,'align-right')}),_react2.default.createElement(_index2.default,{icon:'arrow-down',size:48,onClick:this.handleClick.bind(this,'arrow-down')}),_react2.default.createElement(_index2.default,{icon:'arrow-left',size:48,onClick:this.handleClick.bind(this,'arrow-left')}),_react2.default.createElement(_index2.default,{icon:'arrow-right',size:48,onClick:this.handleClick.bind(this,'arrow-right')}),_react2.default.createElement(_index2.default,{icon:'arrow-up',size:48,onClick:this.handleClick.bind(this,'arrow-up')}),_react2.default.createElement(_index2.default,{icon:'aside',size:48,onClick:this.handleClick.bind(this,'aside')}),_react2.default.createElement(_index2.default,{icon:'attachment',size:48,onClick:this.handleClick.bind(this,'attachment')}),_react2.default.createElement(_index2.default,{icon:'audio',size:48,onClick:this.handleClick.bind(this,'audio')}),_react2.default.createElement(_index2.default,{icon:'bell',size:48,onClick:this.handleClick.bind(this,'bell')}),_react2.default.createElement(_index2.default,{icon:'block',size:48,onClick:this.handleClick.bind(this,'block')}),_react2.default.createElement(_index2.default,{icon:'bold',size:48,onClick:this.handleClick.bind(this,'bold')}),_react2.default.createElement(_index2.default,{icon:'book',size:48,onClick:this.handleClick.bind(this,'book')}),_react2.default.createElement(_index2.default,{icon:'bookmark-outline',size:48,onClick:this.handleClick.bind(this,'bookmark-outline')}),_react2.default.createElement(_index2.default,{icon:'bookmark',size:48,onClick:this.handleClick.bind(this,'bookmark')}),_react2.default.createElement(_index2.default,{icon:'briefcase',size:48,onClick:this.handleClick.bind(this,'briefcase')}),_react2.default.createElement(_index2.default,{icon:'bug',size:48,onClick:this.handleClick.bind(this,'bug')}),_react2.default.createElement(_index2.default,{icon:'calendar',size:48,onClick:this.handleClick.bind(this,'calendar')}),_react2.default.createElement(_index2.default,{icon:'camera',size:48,onClick:this.handleClick.bind(this,'camera')}),_react2.default.createElement(_index2.default,{icon:'caption',size:48,onClick:this.handleClick.bind(this,'caption')}),_react2.default.createElement(_index2.default,{icon:'cart',size:48,onClick:this.handleClick.bind(this,'cart')}),_react2.default.createElement(_index2.default,{icon:'chat',size:48,onClick:this.handleClick.bind(this,'chat')}),_react2.default.createElement(_index2.default,{icon:'checkmark-circle',size:48,onClick:this.handleClick.bind(this,'checkmark-circle')}),_react2.default.createElement(_index2.default,{icon:'checkmark',size:48,onClick:this.handleClick.bind(this,'checkmark')}),_react2.default.createElement(_index2.default,{icon:'chevron-down',size:48,onClick:this.handleClick.bind(this,'chevron-down')}),_react2.default.createElement(_index2.default,{icon:'chevron-left',size:48,onClick:this.handleClick.bind(this,'chevron-left')}),_react2.default.createElement(_index2.default,{icon:'chevron-right',size:48,onClick:this.handleClick.bind(this,'chevron-right')}),_react2.default.createElement(_index2.default,{icon:'chevron-up',size:48,onClick:this.handleClick.bind(this,'chevron-up')}),_react2.default.createElement(_index2.default,{icon:'clear-formatting',size:48,onClick:this.handleClick.bind(this,'clear-formatting')}),_react2.default.createElement(_index2.default,{icon:'clipboard',size:48,onClick:this.handleClick.bind(this,'clipboard')}),_react2.default.createElement(_index2.default,{icon:'cloud-download',size:48,onClick:this.handleClick.bind(this,'cloud-download')}),_react2.default.createElement(_index2.default,{icon:'cloud-outline',size:48,onClick:this.handleClick.bind(this,'cloud-outline')}),_react2.default.createElement(_index2.default,{icon:'cloud-upload',size:48,onClick:this.handleClick.bind(this,'cloud-upload')}),_react2.default.createElement(_index2.default,{icon:'cloud',size:48,onClick:this.handleClick.bind(this,'cloud')}),_react2.default.createElement(_index2.default,{icon:'code',size:48,onClick:this.handleClick.bind(this,'code')}),_react2.default.createElement(_index2.default,{icon:'cog',size:48,onClick:this.handleClick.bind(this,'cog')}),_react2.default.createElement(_index2.default,{icon:'comment',size:48,onClick:this.handleClick.bind(this,'comment')}),_react2.default.createElement(_index2.default,{icon:'computer',size:48,onClick:this.handleClick.bind(this,'computer')}),_react2.default.createElement(_index2.default,{icon:'coupon',size:48,onClick:this.handleClick.bind(this,'coupon')}),_react2.default.createElement(_index2.default,{icon:'create',size:48,onClick:this.handleClick.bind(this,'create')}),_react2.default.createElement(_index2.default,{icon:'credit-card',size:48,onClick:this.handleClick.bind(this,'credit-card')}),_react2.default.createElement(_index2.default,{icon:'crop',size:48,onClick:this.handleClick.bind(this,'crop')}),_react2.default.createElement(_index2.default,{icon:'cross-circle',size:48,onClick:this.handleClick.bind(this,'cross-circle')}),_react2.default.createElement(_index2.default,{icon:'cross-small',size:48,onClick:this.handleClick.bind(this,'cross-small')}),_react2.default.createElement(_index2.default,{icon:'cross',size:48,onClick:this.handleClick.bind(this,'cross')}),_react2.default.createElement(_index2.default,{icon:'custom-post-type',size:48,onClick:this.handleClick.bind(this,'custom-post-type')}),_react2.default.createElement(_index2.default,{icon:'customize',size:48,onClick:this.handleClick.bind(this,'customize')}),_react2.default.createElement(_index2.default,{icon:'domains',size:48,onClick:this.handleClick.bind(this,'domains')}),_react2.default.createElement(_index2.default,{icon:'dropdown',size:48,onClick:this.handleClick.bind(this,'dropdown')}),_react2.default.createElement(_index2.default,{icon:'ellipsis-circle',size:48,onClick:this.handleClick.bind(this,'ellipsis-circle')}),_react2.default.createElement(_index2.default,{icon:'ellipsis',size:48,onClick:this.handleClick.bind(this,'ellipsis')}),_react2.default.createElement(_index2.default,{icon:'external',size:48,onClick:this.handleClick.bind(this,'external')}),_react2.default.createElement(_index2.default,{icon:'filter',size:48,onClick:this.handleClick.bind(this,'filter')}),_react2.default.createElement(_index2.default,{icon:'flag',size:48,onClick:this.handleClick.bind(this,'flag')}),_react2.default.createElement(_index2.default,{icon:'flip-horizontal',size:48,onClick:this.handleClick.bind(this,'flip-horizontal')}),_react2.default.createElement(_index2.default,{icon:'flip-vertical',size:48,onClick:this.handleClick.bind(this,'flip-vertical')}),_react2.default.createElement(_index2.default,{icon:'folder-multiple',size:48,onClick:this.handleClick.bind(this,'folder-multiple')}),_react2.default.createElement(_index2.default,{icon:'folder',size:48,onClick:this.handleClick.bind(this,'folder')}),_react2.default.createElement(_index2.default,{icon:'fullscreen-exit',size:48,onClick:this.handleClick.bind(this,'fullscreen-exit')}),_react2.default.createElement(_index2.default,{icon:'fullscreen',size:48,onClick:this.handleClick.bind(this,'fullscreen')}),_react2.default.createElement(_index2.default,{icon:'gift',size:48,onClick:this.handleClick.bind(this,'gift')}),_react2.default.createElement(_index2.default,{icon:'globe',size:48,onClick:this.handleClick.bind(this,'globe')}),_react2.default.createElement(_index2.default,{icon:'grid',size:48,onClick:this.handleClick.bind(this,'grid')}),_react2.default.createElement(_index2.default,{icon:'heading-h1',size:48,onClick:this.handleClick.bind(this,'heading-h1')}),_react2.default.createElement(_index2.default,{icon:'heading-h2',size:48,onClick:this.handleClick.bind(this,'heading-h2')}),_react2.default.createElement(_index2.default,{icon:'heading-h3',size:48,onClick:this.handleClick.bind(this,'heading-h3')}),_react2.default.createElement(_index2.default,{icon:'heading-h4',size:48,onClick:this.handleClick.bind(this,'heading-h4')}),_react2.default.createElement(_index2.default,{icon:'heading-h5',size:48,onClick:this.handleClick.bind(this,'heading-h5')}),_react2.default.createElement(_index2.default,{icon:'heading-h6',size:48,onClick:this.handleClick.bind(this,'heading-h6')}),_react2.default.createElement(_index2.default,{icon:'heading',size:48,onClick:this.handleClick.bind(this,'heading')}),_react2.default.createElement(_index2.default,{icon:'heart-outline',size:48,onClick:this.handleClick.bind(this,'heart-outline')}),_react2.default.createElement(_index2.default,{icon:'heart',size:48,onClick:this.handleClick.bind(this,'heart')}),_react2.default.createElement(_index2.default,{icon:'help-outline',size:48,onClick:this.handleClick.bind(this,'help-outline')}),_react2.default.createElement(_index2.default,{icon:'help',size:48,onClick:this.handleClick.bind(this,'help')}),_react2.default.createElement(_index2.default,{icon:'history',size:48,onClick:this.handleClick.bind(this,'history')}),_react2.default.createElement(_index2.default,{icon:'house',size:48,onClick:this.handleClick.bind(this,'house')}),_react2.default.createElement(_index2.default,{icon:'image-multiple',size:48,onClick:this.handleClick.bind(this,'image-multiple')}),_react2.default.createElement(_index2.default,{icon:'image-remove',size:48,onClick:this.handleClick.bind(this,'image-remove')}),_react2.default.createElement(_index2.default,{icon:'image',size:48,onClick:this.handleClick.bind(this,'image')}),_react2.default.createElement(_index2.default,{icon:'indent-left',size:48,onClick:this.handleClick.bind(this,'indent-left')}),_react2.default.createElement(_index2.default,{icon:'indent-right',size:48,onClick:this.handleClick.bind(this,'indent-right')}),_react2.default.createElement(_index2.default,{icon:'info-outline',size:48,onClick:this.handleClick.bind(this,'info-outline')}),_react2.default.createElement(_index2.default,{icon:'info',size:48,onClick:this.handleClick.bind(this,'info')}),_react2.default.createElement(_index2.default,{icon:'ink',size:48,onClick:this.handleClick.bind(this,'ink')}),_react2.default.createElement(_index2.default,{icon:'institution',size:48,onClick:this.handleClick.bind(this,'institution')}),_react2.default.createElement(_index2.default,{icon:'italic',size:48,onClick:this.handleClick.bind(this,'italic')}),_react2.default.createElement(_index2.default,{icon:'layout-blocks',size:48,onClick:this.handleClick.bind(this,'layout-blocks')}),_react2.default.createElement(_index2.default,{icon:'layout',size:48,onClick:this.handleClick.bind(this,'layout')}),_react2.default.createElement(_index2.default,{icon:'link-break',size:48,onClick:this.handleClick.bind(this,'link-break')}),_react2.default.createElement(_index2.default,{icon:'link',size:48,onClick:this.handleClick.bind(this,'link')}),_react2.default.createElement(_index2.default,{icon:'list-checkmark',size:48,onClick:this.handleClick.bind(this,'list-checkmark')}),_react2.default.createElement(_index2.default,{icon:'list-ordered',size:48,onClick:this.handleClick.bind(this,'list-ordered')}),_react2.default.createElement(_index2.default,{icon:'list-unordered',size:48,onClick:this.handleClick.bind(this,'list-unordered')}),_react2.default.createElement(_index2.default,{icon:'location',size:48,onClick:this.handleClick.bind(this,'location')}),_react2.default.createElement(_index2.default,{icon:'lock',size:48,onClick:this.handleClick.bind(this,'lock')}),_react2.default.createElement(_index2.default,{icon:'mail',size:48,onClick:this.handleClick.bind(this,'mail')}),_react2.default.createElement(_index2.default,{icon:'media-google',size:48,onClick:this.handleClick.bind(this,'media-google')}),_react2.default.createElement(_index2.default,{icon:'mention',size:48,onClick:this.handleClick.bind(this,'mention')}),_react2.default.createElement(_index2.default,{icon:'menu',size:48,onClick:this.handleClick.bind(this,'menu')}),_react2.default.createElement(_index2.default,{icon:'menus',size:48,onClick:this.handleClick.bind(this,'menus')}),_react2.default.createElement(_index2.default,{icon:'microphone',size:48,onClick:this.handleClick.bind(this,'microphone')}),_react2.default.createElement(_index2.default,{icon:'minus-small',size:48,onClick:this.handleClick.bind(this,'minus-small')}),_react2.default.createElement(_index2.default,{icon:'minus',size:48,onClick:this.handleClick.bind(this,'minus')}),_react2.default.createElement(_index2.default,{icon:'money',size:48,onClick:this.handleClick.bind(this,'money')}),_react2.default.createElement(_index2.default,{icon:'my-sites-horizon',size:48,onClick:this.handleClick.bind(this,'my-sites-horizon')}),_react2.default.createElement(_index2.default,{icon:'my-sites',size:48,onClick:this.handleClick.bind(this,'my-sites')}),_react2.default.createElement(_index2.default,{icon:'nametag',size:48,onClick:this.handleClick.bind(this,'nametag')}),_react2.default.createElement(_index2.default,{icon:'next-page',size:48,onClick:this.handleClick.bind(this,'next-page')}),_react2.default.createElement(_index2.default,{icon:'not-visible',size:48,onClick:this.handleClick.bind(this,'not-visible')}),_react2.default.createElement(_index2.default,{icon:'notice-outline',size:48,onClick:this.handleClick.bind(this,'notice-outline')}),_react2.default.createElement(_index2.default,{icon:'notice',size:48,onClick:this.handleClick.bind(this,'notice')}),_react2.default.createElement(_index2.default,{icon:'offline',size:48,onClick:this.handleClick.bind(this,'offline')}),_react2.default.createElement(_index2.default,{icon:'pages',size:48,onClick:this.handleClick.bind(this,'pages')}),_react2.default.createElement(_index2.default,{icon:'pause',size:48,onClick:this.handleClick.bind(this,'pause')}),_react2.default.createElement(_index2.default,{icon:'pencil',size:48,onClick:this.handleClick.bind(this,'pencil')}),_react2.default.createElement(_index2.default,{icon:'phone',size:48,onClick:this.handleClick.bind(this,'phone')}),_react2.default.createElement(_index2.default,{icon:'plans',size:48,onClick:this.handleClick.bind(this,'plans')}),_react2.default.createElement(_index2.default,{icon:'play',size:48,onClick:this.handleClick.bind(this,'play')}),_react2.default.createElement(_index2.default,{icon:'plugins',size:48,onClick:this.handleClick.bind(this,'plugins')}),_react2.default.createElement(_index2.default,{icon:'plus-small',size:48,onClick:this.handleClick.bind(this,'plus-small')}),_react2.default.createElement(_index2.default,{icon:'plus',size:48,onClick:this.handleClick.bind(this,'plus')}),_react2.default.createElement(_index2.default,{icon:'popout',size:48,onClick:this.handleClick.bind(this,'popout')}),_react2.default.createElement(_index2.default,{icon:'posts',size:48,onClick:this.handleClick.bind(this,'posts')}),_react2.default.createElement(_index2.default,{icon:'print',size:48,onClick:this.handleClick.bind(this,'print')}),_react2.default.createElement(_index2.default,{icon:'product-downloadable',size:48,onClick:this.handleClick.bind(this,'product-downloadable')}),_react2.default.createElement(_index2.default,{icon:'product-external',size:48,onClick:this.handleClick.bind(this,'product-external')}),_react2.default.createElement(_index2.default,{icon:'product-virtual',size:48,onClick:this.handleClick.bind(this,'product-virtual')}),_react2.default.createElement(_index2.default,{icon:'product',size:48,onClick:this.handleClick.bind(this,'product')}),_react2.default.createElement(_index2.default,{icon:'quote',size:48,onClick:this.handleClick.bind(this,'quote')}),_react2.default.createElement(_index2.default,{icon:'read-more',size:48,onClick:this.handleClick.bind(this,'read-more')}),_react2.default.createElement(_index2.default,{icon:'reader-follow-conversation',size:48,onClick:this.handleClick.bind(this,'reader-follow-conversation')}),_react2.default.createElement(_index2.default,{icon:'reader-follow',size:48,onClick:this.handleClick.bind(this,'reader-follow')}),_react2.default.createElement(_index2.default,{icon:'reader-following-conversation',size:48,onClick:this.handleClick.bind(this,'reader-following-conversation')}),_react2.default.createElement(_index2.default,{icon:'reader-following',size:48,onClick:this.handleClick.bind(this,'reader-following')}),_react2.default.createElement(_index2.default,{icon:'reader',size:48,onClick:this.handleClick.bind(this,'reader')}),_react2.default.createElement(_index2.default,{icon:'reblog',size:48,onClick:this.handleClick.bind(this,'reblog')}),_react2.default.createElement(_index2.default,{icon:'redo',size:48,onClick:this.handleClick.bind(this,'redo')}),_react2.default.createElement(_index2.default,{icon:'refresh',size:48,onClick:this.handleClick.bind(this,'refresh')}),_react2.default.createElement(_index2.default,{icon:'refund',size:48,onClick:this.handleClick.bind(this,'refund')}),_react2.default.createElement(_index2.default,{icon:'reply',size:48,onClick:this.handleClick.bind(this,'reply')}),_react2.default.createElement(_index2.default,{icon:'resize',size:48,onClick:this.handleClick.bind(this,'resize')}),_react2.default.createElement(_index2.default,{icon:'rotate',size:48,onClick:this.handleClick.bind(this,'rotate')}),_react2.default.createElement(_index2.default,{icon:'scheduled',size:48,onClick:this.handleClick.bind(this,'scheduled')}),_react2.default.createElement(_index2.default,{icon:'search',size:48,onClick:this.handleClick.bind(this,'search')}),_react2.default.createElement(_index2.default,{icon:'share-computer',size:48,onClick:this.handleClick.bind(this,'share-computer')}),_react2.default.createElement(_index2.default,{icon:'share-ios',size:48,onClick:this.handleClick.bind(this,'share-ios')}),_react2.default.createElement(_index2.default,{icon:'share',size:48,onClick:this.handleClick.bind(this,'share')}),_react2.default.createElement(_index2.default,{icon:'shipping',size:48,onClick:this.handleClick.bind(this,'shipping')}),_react2.default.createElement(_index2.default,{icon:'shutter',size:48,onClick:this.handleClick.bind(this,'shutter')}),_react2.default.createElement(_index2.default,{icon:'sign-out',size:48,onClick:this.handleClick.bind(this,'sign-out')}),_react2.default.createElement(_index2.default,{icon:'spam',size:48,onClick:this.handleClick.bind(this,'spam')}),_react2.default.createElement(_index2.default,{icon:'speaker',size:48,onClick:this.handleClick.bind(this,'speaker')}),_react2.default.createElement(_index2.default,{icon:'special-character',size:48,onClick:this.handleClick.bind(this,'special-character')}),_react2.default.createElement(_index2.default,{icon:'star-outline',size:48,onClick:this.handleClick.bind(this,'star-outline')}),_react2.default.createElement(_index2.default,{icon:'star',size:48,onClick:this.handleClick.bind(this,'star')}),_react2.default.createElement(_index2.default,{icon:'stats-alt',size:48,onClick:this.handleClick.bind(this,'stats-alt')}),_react2.default.createElement(_index2.default,{icon:'stats',size:48,onClick:this.handleClick.bind(this,'stats')}),_react2.default.createElement(_index2.default,{icon:'status',size:48,onClick:this.handleClick.bind(this,'status')}),_react2.default.createElement(_index2.default,{icon:'strikethrough',size:48,onClick:this.handleClick.bind(this,'strikethrough')}),_react2.default.createElement(_index2.default,{icon:'sync',size:48,onClick:this.handleClick.bind(this,'sync')}),_react2.default.createElement(_index2.default,{icon:'tablet',size:48,onClick:this.handleClick.bind(this,'tablet')}),_react2.default.createElement(_index2.default,{icon:'tag',size:48,onClick:this.handleClick.bind(this,'tag')}),_react2.default.createElement(_index2.default,{icon:'text-color',size:48,onClick:this.handleClick.bind(this,'text-color')}),_react2.default.createElement(_index2.default,{icon:'themes',size:48,onClick:this.handleClick.bind(this,'themes')}),_react2.default.createElement(_index2.default,{icon:'thumbs-up',size:48,onClick:this.handleClick.bind(this,'thumbs-up')}),_react2.default.createElement(_index2.default,{icon:'time',size:48,onClick:this.handleClick.bind(this,'time')}),_react2.default.createElement(_index2.default,{icon:'trash',size:48,onClick:this.handleClick.bind(this,'trash')}),_react2.default.createElement(_index2.default,{icon:'trophy',size:48,onClick:this.handleClick.bind(this,'trophy')}),_react2.default.createElement(_index2.default,{icon:'types',size:48,onClick:this.handleClick.bind(this,'types')}),_react2.default.createElement(_index2.default,{icon:'underline',size:48,onClick:this.handleClick.bind(this,'underline')}),_react2.default.createElement(_index2.default,{icon:'undo',size:48,onClick:this.handleClick.bind(this,'undo')}),_react2.default.createElement(_index2.default,{icon:'user-add',size:48,onClick:this.handleClick.bind(this,'user-add')}),_react2.default.createElement(_index2.default,{icon:'user-circle',size:48,onClick:this.handleClick.bind(this,'user-circle')}),_react2.default.createElement(_index2.default,{icon:'user',size:48,onClick:this.handleClick.bind(this,'user')}),_react2.default.createElement(_index2.default,{icon:'video-camera',size:48,onClick:this.handleClick.bind(this,'video-camera')}),_react2.default.createElement(_index2.default,{icon:'video-remove',size:48,onClick:this.handleClick.bind(this,'video-remove')}),_react2.default.createElement(_index2.default,{icon:'video',size:48,onClick:this.handleClick.bind(this,'video')}),_react2.default.createElement(_index2.default,{icon:'visible',size:48,onClick:this.handleClick.bind(this,'visible')}),_react2.default.createElement(_index2.default,{icon:'zoom-in',size:48,onClick:this.handleClick.bind(this,'zoom-in')}),_react2.default.createElement(_index2.default,{icon:'zoom-out',size:48,onClick:this.handleClick.bind(this,'zoom-out')}))}}]),b}(_react.PureComponent);Gridicons.displayName='Gridicons',exports.default=Gridicons,module.exports=exports['default'];

CHANGELOG.md

 _The versioning refers to the React component build._
 
-#### v2.1.2 (2017-12-12)
+#### v2.1.3 (2018-02-22)
+* Icon added: "Shutter"
+
+#### v2.1.2 (2018-01-23)
 * Icon added: "Plans"
@@ -5,0 +8,0 @@

package.json

 {
   "name": "gridicons",
-  "version": "2.1.2",
+  "version": "2.1.3-alpha.1",
   "main": "build/index.js",
@@ -5,0 +5,0 @@ "scripts": {

README.md

@@ -84,2 +84,4 @@ # Gridicons
 
+Once you checkout the repo run `npm install` in the `gridicons` folder. 
+To generate all the fonts, svgs and so on you run `npm run build` 
 
@@ -90,8 +92,8 @@ ## Publishing to npm
 
-1. Create a new PR with updated `CHANGELOG.md` and updated version in `package.json` (i.e. `1.2.3-alpha.1`), see an example [here](https://github.com/Automattic/gridicons/pull/247).
-2. In the "CHANGELOG.md" make sure to check all the previous commits since the previous versioned release.
-3. Pre-publish that PR branch on npm with `npm publish --tag next` ([more info](https://docs.npmjs.com/cli/dist-tag)).
-4. Create a new update PR in a repository that makes use of Gridicons and run `npm install gridicons@next --save` (which will update `packages.json`). If you're creating the PR in [Calypso](https://github.com/Automattic/wp-calypso) and you get warnings, it might need to regenerate the shrinkwrap, in which case run `npm run update-deps`. See an example [here](https://github.com/Automattic/wp-calypso/pull/17601).
-5. Test if the new icons show up, and there are no regressions in the previous icons.
-6. If changes look good, remove the alpha postfix in the version (i.e. `1.2.3-alpha.1` to `1.2.3`) on both repositories PRs.
+1. Create a new PR with updated `CHANGELOG.md` and updated version in `package.json` (i.e. `1.2.3-alpha.1`), see an example [here](https://github.com/Automattic/gridicons/pull/275). 
+2. In the "CHANGELOG.md" make sure to check all the previous commits since the previous versioned release. 
+3. Pre-publish that PR branch on npm with `npm publish --tag next` ([more info](https://docs.npmjs.com/cli/dist-tag)). Running the `npm publish --tag next` command will send the data that you have localy to npm. Having the alpha version in the `package.json` file will create a newly tagged version npm package. Use `npm view gridicons` to look at the list of current tags. You do not need to commit changes to github in order to publish to npm, but it is recommended so folks testing know what's available.
+4. Create a new update PR in a repository that makes use of Gridicons and run `npm install gridicons@next --save` (which will update `packages.json`). If you're creating the PR in [Calypso](https://github.com/Automattic/wp-calypso) and you get warnings, it might need to regenerate the shrinkwrap, in which case run `npm run update-deps`. See an example [here](https://github.com/Automattic/wp-calypso/pull/17601). 
+5. Test if the new icons show up, and there are no regressions in the previous icons. Take a look at the `http://calypso.localhost:3000/devdocs/design/gridicons` for example.
+6. If changes look good, remove the alpha postfix in the version (i.e. `1.2.3-alpha.1` to `1.2.3`) on both repositories PRs. 
 7. Merge the Gridicons PR.
@@ -106,1 +108,12 @@ 8. Tag the release on GitHub: `git tag -a v1.2.3 -m "Release v1.2.3"` (and push `git push origin v1.2.3`).
 Gridicons is licensed under [GNU General Public License v2 (or later)](./LICENSE.md).
+
+## More notes on publishing to npm
+You need to have a npm user account. [Create one here](https://www.npmjs.com/signup).
+Once you have created it, set up the account on you machine via 
+$ `npm adduser`
+
+Setup the 2fa with npm 
+$ `npm profile enable-2fa` 
+
+Now everytime before you can publish 
+You will be asked for a your [2FA code (OPT)](https://en.wikipedia.org/wiki/One-time_password)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

145342

increased by1.86%

Lines of code

455

increased by1.34%

Number of lines in readme file

117

increased by12.5%

Worsened metrics

Number of low quality alerts

4

increased by33.33%

No dependency changes