gridicons - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0-alpha.1

build/example.js

@@ -1,1 +0,1 @@
-'use strict';var _index=require('./index.js'),_index2=_interopRequireDefault(_index);function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var React=require('react');module.exports=React.createClass({displayName:'Gridicons',handleClick:function handleClick(a){window.prompt('Copy component code:','<Gridicon icon="'+a+'" />')},render:function render(){return React.createElement('div',null,React.createElement(_index2.default,{icon:'add-image',size:48,onClick:this.handleClick.bind(this,'add-image')}),React.createElement(_index2.default,{icon:'add-outline',size:48,onClick:this.handleClick.bind(this,'add-outline')}),React.createElement(_index2.default,{icon:'add',size:48,onClick:this.handleClick.bind(this,'add')}),React.createElement(_index2.default,{icon:'align-center',size:48,onClick:this.handleClick.bind(this,'align-center')}),React.createElement(_index2.default,{icon:'align-image-center',size:48,onClick:this.handleClick.bind(this,'align-image-center')}),React.createElement(_index2.default,{icon:'align-image-left',size:48,onClick:this.handleClick.bind(this,'align-image-left')}),React.createElement(_index2.default,{icon:'align-image-none',size:48,onClick:this.handleClick.bind(this,'align-image-none')}),React.createElement(_index2.default,{icon:'align-image-right',size:48,onClick:this.handleClick.bind(this,'align-image-right')}),React.createElement(_index2.default,{icon:'align-justify',size:48,onClick:this.handleClick.bind(this,'align-justify')}),React.createElement(_index2.default,{icon:'align-left',size:48,onClick:this.handleClick.bind(this,'align-left')}),React.createElement(_index2.default,{icon:'align-right',size:48,onClick:this.handleClick.bind(this,'align-right')}),React.createElement(_index2.default,{icon:'arrow-down',size:48,onClick:this.handleClick.bind(this,'arrow-down')}),React.createElement(_index2.default,{icon:'arrow-left',size:48,onClick:this.handleClick.bind(this,'arrow-left')}),React.createElement(_index2.default,{icon:'arrow-right',size:48,onClick:this.handleClick.bind(this,'arrow-right')}),React.createElement(_index2.default,{icon:'arrow-up',size:48,onClick:this.handleClick.bind(this,'arrow-up')}),React.createElement(_index2.default,{icon:'aside',size:48,onClick:this.handleClick.bind(this,'aside')}),React.createElement(_index2.default,{icon:'attachment',size:48,onClick:this.handleClick.bind(this,'attachment')}),React.createElement(_index2.default,{icon:'audio',size:48,onClick:this.handleClick.bind(this,'audio')}),React.createElement(_index2.default,{icon:'bell',size:48,onClick:this.handleClick.bind(this,'bell')}),React.createElement(_index2.default,{icon:'block',size:48,onClick:this.handleClick.bind(this,'block')}),React.createElement(_index2.default,{icon:'bold',size:48,onClick:this.handleClick.bind(this,'bold')}),React.createElement(_index2.default,{icon:'book',size:48,onClick:this.handleClick.bind(this,'book')}),React.createElement(_index2.default,{icon:'bookmark-outline',size:48,onClick:this.handleClick.bind(this,'bookmark-outline')}),React.createElement(_index2.default,{icon:'bookmark',size:48,onClick:this.handleClick.bind(this,'bookmark')}),React.createElement(_index2.default,{icon:'briefcase',size:48,onClick:this.handleClick.bind(this,'briefcase')}),React.createElement(_index2.default,{icon:'calendar',size:48,onClick:this.handleClick.bind(this,'calendar')}),React.createElement(_index2.default,{icon:'camera',size:48,onClick:this.handleClick.bind(this,'camera')}),React.createElement(_index2.default,{icon:'caption',size:48,onClick:this.handleClick.bind(this,'caption')}),React.createElement(_index2.default,{icon:'cart',size:48,onClick:this.handleClick.bind(this,'cart')}),React.createElement(_index2.default,{icon:'chat',size:48,onClick:this.handleClick.bind(this,'chat')}),React.createElement(_index2.default,{icon:'checkmark-circle',size:48,onClick:this.handleClick.bind(this,'checkmark-circle')}),React.createElement(_index2.default,{icon:'checkmark',size:48,onClick:this.handleClick.bind(this,'checkmark')}),React.createElement(_index2.default,{icon:'chevron-down',size:48,onClick:this.handleClick.bind(this,'chevron-down')}),React.createElement(_index2.default,{icon:'chevron-left',size:48,onClick:this.handleClick.bind(this,'chevron-left')}),React.createElement(_index2.default,{icon:'chevron-right',size:48,onClick:this.handleClick.bind(this,'chevron-right')}),React.createElement(_index2.default,{icon:'chevron-up',size:48,onClick:this.handleClick.bind(this,'chevron-up')}),React.createElement(_index2.default,{icon:'clear-formatting',size:48,onClick:this.handleClick.bind(this,'clear-formatting')}),React.createElement(_index2.default,{icon:'clipboard',size:48,onClick:this.handleClick.bind(this,'clipboard')}),React.createElement(_index2.default,{icon:'cloud-download',size:48,onClick:this.handleClick.bind(this,'cloud-download')}),React.createElement(_index2.default,{icon:'cloud-outline',size:48,onClick:this.handleClick.bind(this,'cloud-outline')}),React.createElement(_index2.default,{icon:'cloud-upload',size:48,onClick:this.handleClick.bind(this,'cloud-upload')}),React.createElement(_index2.default,{icon:'cloud',size:48,onClick:this.handleClick.bind(this,'cloud')}),React.createElement(_index2.default,{icon:'code',size:48,onClick:this.handleClick.bind(this,'code')}),React.createElement(_index2.default,{icon:'cog',size:48,onClick:this.handleClick.bind(this,'cog')}),React.createElement(_index2.default,{icon:'comment',size:48,onClick:this.handleClick.bind(this,'comment')}),React.createElement(_index2.default,{icon:'computer',size:48,onClick:this.handleClick.bind(this,'computer')}),React.createElement(_index2.default,{icon:'coupon',size:48,onClick:this.handleClick.bind(this,'coupon')}),React.createElement(_index2.default,{icon:'create',size:48,onClick:this.handleClick.bind(this,'create')}),React.createElement(_index2.default,{icon:'credit-card',size:48,onClick:this.handleClick.bind(this,'credit-card')}),React.createElement(_index2.default,{icon:'crop',size:48,onClick:this.handleClick.bind(this,'crop')}),React.createElement(_index2.default,{icon:'cross-circle',size:48,onClick:this.handleClick.bind(this,'cross-circle')}),React.createElement(_index2.default,{icon:'cross-small',size:48,onClick:this.handleClick.bind(this,'cross-small')}),React.createElement(_index2.default,{icon:'cross',size:48,onClick:this.handleClick.bind(this,'cross')}),React.createElement(_index2.default,{icon:'custom-post-type',size:48,onClick:this.handleClick.bind(this,'custom-post-type')}),React.createElement(_index2.default,{icon:'customize',size:48,onClick:this.handleClick.bind(this,'customize')}),React.createElement(_index2.default,{icon:'domains',size:48,onClick:this.handleClick.bind(this,'domains')}),React.createElement(_index2.default,{icon:'dropdown',size:48,onClick:this.handleClick.bind(this,'dropdown')}),React.createElement(_index2.default,{icon:'ellipsis-circle',size:48,onClick:this.handleClick.bind(this,'ellipsis-circle')}),React.createElement(_index2.default,{icon:'ellipsis',size:48,onClick:this.handleClick.bind(this,'ellipsis')}),React.createElement(_index2.default,{icon:'external',size:48,onClick:this.handleClick.bind(this,'external')}),React.createElement(_index2.default,{icon:'filter',size:48,onClick:this.handleClick.bind(this,'filter')}),React.createElement(_index2.default,{icon:'flag',size:48,onClick:this.handleClick.bind(this,'flag')}),React.createElement(_index2.default,{icon:'flip-horizontal',size:48,onClick:this.handleClick.bind(this,'flip-horizontal')}),React.createElement(_index2.default,{icon:'flip-vertical',size:48,onClick:this.handleClick.bind(this,'flip-vertical')}),React.createElement(_index2.default,{icon:'folder-multiple',size:48,onClick:this.handleClick.bind(this,'folder-multiple')}),React.createElement(_index2.default,{icon:'folder',size:48,onClick:this.handleClick.bind(this,'folder')}),React.createElement(_index2.default,{icon:'fullscreen-exit',size:48,onClick:this.handleClick.bind(this,'fullscreen-exit')}),React.createElement(_index2.default,{icon:'fullscreen',size:48,onClick:this.handleClick.bind(this,'fullscreen')}),React.createElement(_index2.default,{icon:'globe',size:48,onClick:this.handleClick.bind(this,'globe')}),React.createElement(_index2.default,{icon:'grid',size:48,onClick:this.handleClick.bind(this,'grid')}),React.createElement(_index2.default,{icon:'heading',size:48,onClick:this.handleClick.bind(this,'heading')}),React.createElement(_index2.default,{icon:'heart-outline',size:48,onClick:this.handleClick.bind(this,'heart-outline')}),React.createElement(_index2.default,{icon:'heart',size:48,onClick:this.handleClick.bind(this,'heart')}),React.createElement(_index2.default,{icon:'help-outline',size:48,onClick:this.handleClick.bind(this,'help-outline')}),React.createElement(_index2.default,{icon:'help',size:48,onClick:this.handleClick.bind(this,'help')}),React.createElement(_index2.default,{icon:'history',size:48,onClick:this.handleClick.bind(this,'history')}),React.createElement(_index2.default,{icon:'house',size:48,onClick:this.handleClick.bind(this,'house')}),React.createElement(_index2.default,{icon:'image-multiple',size:48,onClick:this.handleClick.bind(this,'image-multiple')}),React.createElement(_index2.default,{icon:'image',size:48,onClick:this.handleClick.bind(this,'image')}),React.createElement(_index2.default,{icon:'indent-left',size:48,onClick:this.handleClick.bind(this,'indent-left')}),React.createElement(_index2.default,{icon:'indent-right',size:48,onClick:this.handleClick.bind(this,'indent-right')}),React.createElement(_index2.default,{icon:'info-outline',size:48,onClick:this.handleClick.bind(this,'info-outline')}),React.createElement(_index2.default,{icon:'info',size:48,onClick:this.handleClick.bind(this,'info')}),React.createElement(_index2.default,{icon:'ink',size:48,onClick:this.handleClick.bind(this,'ink')}),React.createElement(_index2.default,{icon:'institution',size:48,onClick:this.handleClick.bind(this,'institution')}),React.createElement(_index2.default,{icon:'italic',size:48,onClick:this.handleClick.bind(this,'italic')}),React.createElement(_index2.default,{icon:'layout-blocks',size:48,onClick:this.handleClick.bind(this,'layout-blocks')}),React.createElement(_index2.default,{icon:'layout',size:48,onClick:this.handleClick.bind(this,'layout')}),React.createElement(_index2.default,{icon:'link-break',size:48,onClick:this.handleClick.bind(this,'link-break')}),React.createElement(_index2.default,{icon:'link',size:48,onClick:this.handleClick.bind(this,'link')}),React.createElement(_index2.default,{icon:'list-checkmark',size:48,onClick:this.handleClick.bind(this,'list-checkmark')}),React.createElement(_index2.default,{icon:'list-ordered',size:48,onClick:this.handleClick.bind(this,'list-ordered')}),React.createElement(_index2.default,{icon:'list-unordered',size:48,onClick:this.handleClick.bind(this,'list-unordered')}),React.createElement(_index2.default,{icon:'location',size:48,onClick:this.handleClick.bind(this,'location')}),React.createElement(_index2.default,{icon:'lock',size:48,onClick:this.handleClick.bind(this,'lock')}),React.createElement(_index2.default,{icon:'mail',size:48,onClick:this.handleClick.bind(this,'mail')}),React.createElement(_index2.default,{icon:'mention',size:48,onClick:this.handleClick.bind(this,'mention')}),React.createElement(_index2.default,{icon:'menu',size:48,onClick:this.handleClick.bind(this,'menu')}),React.createElement(_index2.default,{icon:'menus',size:48,onClick:this.handleClick.bind(this,'menus')}),React.createElement(_index2.default,{icon:'microphone',size:48,onClick:this.handleClick.bind(this,'microphone')}),React.createElement(_index2.default,{icon:'minus-small',size:48,onClick:this.handleClick.bind(this,'minus-small')}),React.createElement(_index2.default,{icon:'minus',size:48,onClick:this.handleClick.bind(this,'minus')}),React.createElement(_index2.default,{icon:'money',size:48,onClick:this.handleClick.bind(this,'money')}),React.createElement(_index2.default,{icon:'my-sites-horizon',size:48,onClick:this.handleClick.bind(this,'my-sites-horizon')}),React.createElement(_index2.default,{icon:'my-sites',size:48,onClick:this.handleClick.bind(this,'my-sites')}),React.createElement(_index2.default,{icon:'next-page',size:48,onClick:this.handleClick.bind(this,'next-page')}),React.createElement(_index2.default,{icon:'not-visible',size:48,onClick:this.handleClick.bind(this,'not-visible')}),React.createElement(_index2.default,{icon:'notice-outline',size:48,onClick:this.handleClick.bind(this,'notice-outline')}),React.createElement(_index2.default,{icon:'notice',size:48,onClick:this.handleClick.bind(this,'notice')}),React.createElement(_index2.default,{icon:'offline',size:48,onClick:this.handleClick.bind(this,'offline')}),React.createElement(_index2.default,{icon:'pages',size:48,onClick:this.handleClick.bind(this,'pages')}),React.createElement(_index2.default,{icon:'pause',size:48,onClick:this.handleClick.bind(this,'pause')}),React.createElement(_index2.default,{icon:'pencil',size:48,onClick:this.handleClick.bind(this,'pencil')}),React.createElement(_index2.default,{icon:'phone',size:48,onClick:this.handleClick.bind(this,'phone')}),React.createElement(_index2.default,{icon:'plugins',size:48,onClick:this.handleClick.bind(this,'plugins')}),React.createElement(_index2.default,{icon:'plus-small',size:48,onClick:this.handleClick.bind(this,'plus-small')}),React.createElement(_index2.default,{icon:'plus',size:48,onClick:this.handleClick.bind(this,'plus')}),React.createElement(_index2.default,{icon:'popout',size:48,onClick:this.handleClick.bind(this,'popout')}),React.createElement(_index2.default,{icon:'posts',size:48,onClick:this.handleClick.bind(this,'posts')}),React.createElement(_index2.default,{icon:'print',size:48,onClick:this.handleClick.bind(this,'print')}),React.createElement(_index2.default,{icon:'product-downloadable',size:48,onClick:this.handleClick.bind(this,'product-downloadable')}),React.createElement(_index2.default,{icon:'product-external',size:48,onClick:this.handleClick.bind(this,'product-external')}),React.createElement(_index2.default,{icon:'product-virtual',size:48,onClick:this.handleClick.bind(this,'product-virtual')}),React.createElement(_index2.default,{icon:'product',size:48,onClick:this.handleClick.bind(this,'product')}),React.createElement(_index2.default,{icon:'quote',size:48,onClick:this.handleClick.bind(this,'quote')}),React.createElement(_index2.default,{icon:'read-more',size:48,onClick:this.handleClick.bind(this,'read-more')}),React.createElement(_index2.default,{icon:'reader-follow',size:48,onClick:this.handleClick.bind(this,'reader-follow')}),React.createElement(_index2.default,{icon:'reader-following',size:48,onClick:this.handleClick.bind(this,'reader-following')}),React.createElement(_index2.default,{icon:'reader',size:48,onClick:this.handleClick.bind(this,'reader')}),React.createElement(_index2.default,{icon:'reblog',size:48,onClick:this.handleClick.bind(this,'reblog')}),React.createElement(_index2.default,{icon:'redo',size:48,onClick:this.handleClick.bind(this,'redo')}),React.createElement(_index2.default,{icon:'refresh',size:48,onClick:this.handleClick.bind(this,'refresh')}),React.createElement(_index2.default,{icon:'refund',size:48,onClick:this.handleClick.bind(this,'refund')}),React.createElement(_index2.default,{icon:'reply',size:48,onClick:this.handleClick.bind(this,'reply')}),React.createElement(_index2.default,{icon:'resize',size:48,onClick:this.handleClick.bind(this,'resize')}),React.createElement(_index2.default,{icon:'rotate',size:48,onClick:this.handleClick.bind(this,'rotate')}),React.createElement(_index2.default,{icon:'scheduled',size:48,onClick:this.handleClick.bind(this,'scheduled')}),React.createElement(_index2.default,{icon:'search',size:48,onClick:this.handleClick.bind(this,'search')}),React.createElement(_index2.default,{icon:'share-ios',size:48,onClick:this.handleClick.bind(this,'share-ios')}),React.createElement(_index2.default,{icon:'share',size:48,onClick:this.handleClick.bind(this,'share')}),React.createElement(_index2.default,{icon:'shipping',size:48,onClick:this.handleClick.bind(this,'shipping')}),React.createElement(_index2.default,{icon:'sign-out',size:48,onClick:this.handleClick.bind(this,'sign-out')}),React.createElement(_index2.default,{icon:'spam',size:48,onClick:this.handleClick.bind(this,'spam')}),React.createElement(_index2.default,{icon:'speaker',size:48,onClick:this.handleClick.bind(this,'speaker')}),React.createElement(_index2.default,{icon:'special-character',size:48,onClick:this.handleClick.bind(this,'special-character')}),React.createElement(_index2.default,{icon:'star-outline',size:48,onClick:this.handleClick.bind(this,'star-outline')}),React.createElement(_index2.default,{icon:'star',size:48,onClick:this.handleClick.bind(this,'star')}),React.createElement(_index2.default,{icon:'stats-alt',size:48,onClick:this.handleClick.bind(this,'stats-alt')}),React.createElement(_index2.default,{icon:'stats',size:48,onClick:this.handleClick.bind(this,'stats')}),React.createElement(_index2.default,{icon:'status',size:48,onClick:this.handleClick.bind(this,'status')}),React.createElement(_index2.default,{icon:'strikethrough',size:48,onClick:this.handleClick.bind(this,'strikethrough')}),React.createElement(_index2.default,{icon:'sync',size:48,onClick:this.handleClick.bind(this,'sync')}),React.createElement(_index2.default,{icon:'tablet',size:48,onClick:this.handleClick.bind(this,'tablet')}),React.createElement(_index2.default,{icon:'tag',size:48,onClick:this.handleClick.bind(this,'tag')}),React.createElement(_index2.default,{icon:'text-color',size:48,onClick:this.handleClick.bind(this,'text-color')}),React.createElement(_index2.default,{icon:'themes',size:48,onClick:this.handleClick.bind(this,'themes')}),React.createElement(_index2.default,{icon:'thumbs-up',size:48,onClick:this.handleClick.bind(this,'thumbs-up')}),React.createElement(_index2.default,{icon:'time',size:48,onClick:this.handleClick.bind(this,'time')}),React.createElement(_index2.default,{icon:'trash',size:48,onClick:this.handleClick.bind(this,'trash')}),React.createElement(_index2.default,{icon:'trophy',size:48,onClick:this.handleClick.bind(this,'trophy')}),React.createElement(_index2.default,{icon:'types',size:48,onClick:this.handleClick.bind(this,'types')}),React.createElement(_index2.default,{icon:'underline',size:48,onClick:this.handleClick.bind(this,'underline')}),React.createElement(_index2.default,{icon:'undo',size:48,onClick:this.handleClick.bind(this,'undo')}),React.createElement(_index2.default,{icon:'user-add',size:48,onClick:this.handleClick.bind(this,'user-add')}),React.createElement(_index2.default,{icon:'user-circle',size:48,onClick:this.handleClick.bind(this,'user-circle')}),React.createElement(_index2.default,{icon:'user',size:48,onClick:this.handleClick.bind(this,'user')}),React.createElement(_index2.default,{icon:'video-camera',size:48,onClick:this.handleClick.bind(this,'video-camera')}),React.createElement(_index2.default,{icon:'video',size:48,onClick:this.handleClick.bind(this,'video')}),React.createElement(_index2.default,{icon:'visible',size:48,onClick:this.handleClick.bind(this,'visible')}))}});
+'use strict';var _index=require('./index.js'),_index2=_interopRequireDefault(_index);function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var React=require('react');module.exports=React.createClass({displayName:'Gridicons',handleClick:function handleClick(a){window.prompt('Copy component code:','<Gridicon icon="'+a+'" />')},render:function render(){return React.createElement('div',null,React.createElement(_index2.default,{icon:'add-image',size:48,onClick:this.handleClick.bind(this,'add-image')}),React.createElement(_index2.default,{icon:'add-outline',size:48,onClick:this.handleClick.bind(this,'add-outline')}),React.createElement(_index2.default,{icon:'add',size:48,onClick:this.handleClick.bind(this,'add')}),React.createElement(_index2.default,{icon:'align-center',size:48,onClick:this.handleClick.bind(this,'align-center')}),React.createElement(_index2.default,{icon:'align-image-center',size:48,onClick:this.handleClick.bind(this,'align-image-center')}),React.createElement(_index2.default,{icon:'align-image-left',size:48,onClick:this.handleClick.bind(this,'align-image-left')}),React.createElement(_index2.default,{icon:'align-image-none',size:48,onClick:this.handleClick.bind(this,'align-image-none')}),React.createElement(_index2.default,{icon:'align-image-right',size:48,onClick:this.handleClick.bind(this,'align-image-right')}),React.createElement(_index2.default,{icon:'align-justify',size:48,onClick:this.handleClick.bind(this,'align-justify')}),React.createElement(_index2.default,{icon:'align-left',size:48,onClick:this.handleClick.bind(this,'align-left')}),React.createElement(_index2.default,{icon:'align-right',size:48,onClick:this.handleClick.bind(this,'align-right')}),React.createElement(_index2.default,{icon:'arrow-down',size:48,onClick:this.handleClick.bind(this,'arrow-down')}),React.createElement(_index2.default,{icon:'arrow-left',size:48,onClick:this.handleClick.bind(this,'arrow-left')}),React.createElement(_index2.default,{icon:'arrow-right',size:48,onClick:this.handleClick.bind(this,'arrow-right')}),React.createElement(_index2.default,{icon:'arrow-up',size:48,onClick:this.handleClick.bind(this,'arrow-up')}),React.createElement(_index2.default,{icon:'aside',size:48,onClick:this.handleClick.bind(this,'aside')}),React.createElement(_index2.default,{icon:'attachment',size:48,onClick:this.handleClick.bind(this,'attachment')}),React.createElement(_index2.default,{icon:'audio',size:48,onClick:this.handleClick.bind(this,'audio')}),React.createElement(_index2.default,{icon:'bell',size:48,onClick:this.handleClick.bind(this,'bell')}),React.createElement(_index2.default,{icon:'block',size:48,onClick:this.handleClick.bind(this,'block')}),React.createElement(_index2.default,{icon:'bold',size:48,onClick:this.handleClick.bind(this,'bold')}),React.createElement(_index2.default,{icon:'book',size:48,onClick:this.handleClick.bind(this,'book')}),React.createElement(_index2.default,{icon:'bookmark-outline',size:48,onClick:this.handleClick.bind(this,'bookmark-outline')}),React.createElement(_index2.default,{icon:'bookmark',size:48,onClick:this.handleClick.bind(this,'bookmark')}),React.createElement(_index2.default,{icon:'briefcase',size:48,onClick:this.handleClick.bind(this,'briefcase')}),React.createElement(_index2.default,{icon:'calendar',size:48,onClick:this.handleClick.bind(this,'calendar')}),React.createElement(_index2.default,{icon:'camera',size:48,onClick:this.handleClick.bind(this,'camera')}),React.createElement(_index2.default,{icon:'caption',size:48,onClick:this.handleClick.bind(this,'caption')}),React.createElement(_index2.default,{icon:'cart',size:48,onClick:this.handleClick.bind(this,'cart')}),React.createElement(_index2.default,{icon:'chat',size:48,onClick:this.handleClick.bind(this,'chat')}),React.createElement(_index2.default,{icon:'checkmark-circle',size:48,onClick:this.handleClick.bind(this,'checkmark-circle')}),React.createElement(_index2.default,{icon:'checkmark',size:48,onClick:this.handleClick.bind(this,'checkmark')}),React.createElement(_index2.default,{icon:'chevron-down',size:48,onClick:this.handleClick.bind(this,'chevron-down')}),React.createElement(_index2.default,{icon:'chevron-left',size:48,onClick:this.handleClick.bind(this,'chevron-left')}),React.createElement(_index2.default,{icon:'chevron-right',size:48,onClick:this.handleClick.bind(this,'chevron-right')}),React.createElement(_index2.default,{icon:'chevron-up',size:48,onClick:this.handleClick.bind(this,'chevron-up')}),React.createElement(_index2.default,{icon:'clear-formatting',size:48,onClick:this.handleClick.bind(this,'clear-formatting')}),React.createElement(_index2.default,{icon:'clipboard',size:48,onClick:this.handleClick.bind(this,'clipboard')}),React.createElement(_index2.default,{icon:'cloud-download',size:48,onClick:this.handleClick.bind(this,'cloud-download')}),React.createElement(_index2.default,{icon:'cloud-outline',size:48,onClick:this.handleClick.bind(this,'cloud-outline')}),React.createElement(_index2.default,{icon:'cloud-upload',size:48,onClick:this.handleClick.bind(this,'cloud-upload')}),React.createElement(_index2.default,{icon:'cloud',size:48,onClick:this.handleClick.bind(this,'cloud')}),React.createElement(_index2.default,{icon:'code',size:48,onClick:this.handleClick.bind(this,'code')}),React.createElement(_index2.default,{icon:'cog',size:48,onClick:this.handleClick.bind(this,'cog')}),React.createElement(_index2.default,{icon:'comment',size:48,onClick:this.handleClick.bind(this,'comment')}),React.createElement(_index2.default,{icon:'computer',size:48,onClick:this.handleClick.bind(this,'computer')}),React.createElement(_index2.default,{icon:'coupon',size:48,onClick:this.handleClick.bind(this,'coupon')}),React.createElement(_index2.default,{icon:'create',size:48,onClick:this.handleClick.bind(this,'create')}),React.createElement(_index2.default,{icon:'credit-card',size:48,onClick:this.handleClick.bind(this,'credit-card')}),React.createElement(_index2.default,{icon:'crop',size:48,onClick:this.handleClick.bind(this,'crop')}),React.createElement(_index2.default,{icon:'cross-circle',size:48,onClick:this.handleClick.bind(this,'cross-circle')}),React.createElement(_index2.default,{icon:'cross-small',size:48,onClick:this.handleClick.bind(this,'cross-small')}),React.createElement(_index2.default,{icon:'cross',size:48,onClick:this.handleClick.bind(this,'cross')}),React.createElement(_index2.default,{icon:'custom-post-type',size:48,onClick:this.handleClick.bind(this,'custom-post-type')}),React.createElement(_index2.default,{icon:'customize',size:48,onClick:this.handleClick.bind(this,'customize')}),React.createElement(_index2.default,{icon:'domains',size:48,onClick:this.handleClick.bind(this,'domains')}),React.createElement(_index2.default,{icon:'dropdown',size:48,onClick:this.handleClick.bind(this,'dropdown')}),React.createElement(_index2.default,{icon:'ellipsis-circle',size:48,onClick:this.handleClick.bind(this,'ellipsis-circle')}),React.createElement(_index2.default,{icon:'ellipsis',size:48,onClick:this.handleClick.bind(this,'ellipsis')}),React.createElement(_index2.default,{icon:'external',size:48,onClick:this.handleClick.bind(this,'external')}),React.createElement(_index2.default,{icon:'filter',size:48,onClick:this.handleClick.bind(this,'filter')}),React.createElement(_index2.default,{icon:'flag',size:48,onClick:this.handleClick.bind(this,'flag')}),React.createElement(_index2.default,{icon:'flip-horizontal',size:48,onClick:this.handleClick.bind(this,'flip-horizontal')}),React.createElement(_index2.default,{icon:'flip-vertical',size:48,onClick:this.handleClick.bind(this,'flip-vertical')}),React.createElement(_index2.default,{icon:'folder-multiple',size:48,onClick:this.handleClick.bind(this,'folder-multiple')}),React.createElement(_index2.default,{icon:'folder',size:48,onClick:this.handleClick.bind(this,'folder')}),React.createElement(_index2.default,{icon:'fullscreen-exit',size:48,onClick:this.handleClick.bind(this,'fullscreen-exit')}),React.createElement(_index2.default,{icon:'fullscreen',size:48,onClick:this.handleClick.bind(this,'fullscreen')}),React.createElement(_index2.default,{icon:'globe',size:48,onClick:this.handleClick.bind(this,'globe')}),React.createElement(_index2.default,{icon:'grid',size:48,onClick:this.handleClick.bind(this,'grid')}),React.createElement(_index2.default,{icon:'heading-h1',size:48,onClick:this.handleClick.bind(this,'heading-h1')}),React.createElement(_index2.default,{icon:'heading-h2',size:48,onClick:this.handleClick.bind(this,'heading-h2')}),React.createElement(_index2.default,{icon:'heading-h3',size:48,onClick:this.handleClick.bind(this,'heading-h3')}),React.createElement(_index2.default,{icon:'heading-h4',size:48,onClick:this.handleClick.bind(this,'heading-h4')}),React.createElement(_index2.default,{icon:'heading-h5',size:48,onClick:this.handleClick.bind(this,'heading-h5')}),React.createElement(_index2.default,{icon:'heading-h6',size:48,onClick:this.handleClick.bind(this,'heading-h6')}),React.createElement(_index2.default,{icon:'heading',size:48,onClick:this.handleClick.bind(this,'heading')}),React.createElement(_index2.default,{icon:'heart-outline',size:48,onClick:this.handleClick.bind(this,'heart-outline')}),React.createElement(_index2.default,{icon:'heart',size:48,onClick:this.handleClick.bind(this,'heart')}),React.createElement(_index2.default,{icon:'help-outline',size:48,onClick:this.handleClick.bind(this,'help-outline')}),React.createElement(_index2.default,{icon:'help',size:48,onClick:this.handleClick.bind(this,'help')}),React.createElement(_index2.default,{icon:'history',size:48,onClick:this.handleClick.bind(this,'history')}),React.createElement(_index2.default,{icon:'house',size:48,onClick:this.handleClick.bind(this,'house')}),React.createElement(_index2.default,{icon:'image-multiple',size:48,onClick:this.handleClick.bind(this,'image-multiple')}),React.createElement(_index2.default,{icon:'image',size:48,onClick:this.handleClick.bind(this,'image')}),React.createElement(_index2.default,{icon:'indent-left',size:48,onClick:this.handleClick.bind(this,'indent-left')}),React.createElement(_index2.default,{icon:'indent-right',size:48,onClick:this.handleClick.bind(this,'indent-right')}),React.createElement(_index2.default,{icon:'info-outline',size:48,onClick:this.handleClick.bind(this,'info-outline')}),React.createElement(_index2.default,{icon:'info',size:48,onClick:this.handleClick.bind(this,'info')}),React.createElement(_index2.default,{icon:'ink',size:48,onClick:this.handleClick.bind(this,'ink')}),React.createElement(_index2.default,{icon:'institution',size:48,onClick:this.handleClick.bind(this,'institution')}),React.createElement(_index2.default,{icon:'italic',size:48,onClick:this.handleClick.bind(this,'italic')}),React.createElement(_index2.default,{icon:'layout-blocks',size:48,onClick:this.handleClick.bind(this,'layout-blocks')}),React.createElement(_index2.default,{icon:'layout',size:48,onClick:this.handleClick.bind(this,'layout')}),React.createElement(_index2.default,{icon:'link-break',size:48,onClick:this.handleClick.bind(this,'link-break')}),React.createElement(_index2.default,{icon:'link',size:48,onClick:this.handleClick.bind(this,'link')}),React.createElement(_index2.default,{icon:'list-checkmark',size:48,onClick:this.handleClick.bind(this,'list-checkmark')}),React.createElement(_index2.default,{icon:'list-ordered',size:48,onClick:this.handleClick.bind(this,'list-ordered')}),React.createElement(_index2.default,{icon:'list-unordered',size:48,onClick:this.handleClick.bind(this,'list-unordered')}),React.createElement(_index2.default,{icon:'location',size:48,onClick:this.handleClick.bind(this,'location')}),React.createElement(_index2.default,{icon:'lock',size:48,onClick:this.handleClick.bind(this,'lock')}),React.createElement(_index2.default,{icon:'mail',size:48,onClick:this.handleClick.bind(this,'mail')}),React.createElement(_index2.default,{icon:'mention',size:48,onClick:this.handleClick.bind(this,'mention')}),React.createElement(_index2.default,{icon:'menu',size:48,onClick:this.handleClick.bind(this,'menu')}),React.createElement(_index2.default,{icon:'menus',size:48,onClick:this.handleClick.bind(this,'menus')}),React.createElement(_index2.default,{icon:'microphone',size:48,onClick:this.handleClick.bind(this,'microphone')}),React.createElement(_index2.default,{icon:'minus-small',size:48,onClick:this.handleClick.bind(this,'minus-small')}),React.createElement(_index2.default,{icon:'minus',size:48,onClick:this.handleClick.bind(this,'minus')}),React.createElement(_index2.default,{icon:'money',size:48,onClick:this.handleClick.bind(this,'money')}),React.createElement(_index2.default,{icon:'my-sites-horizon',size:48,onClick:this.handleClick.bind(this,'my-sites-horizon')}),React.createElement(_index2.default,{icon:'my-sites',size:48,onClick:this.handleClick.bind(this,'my-sites')}),React.createElement(_index2.default,{icon:'next-page',size:48,onClick:this.handleClick.bind(this,'next-page')}),React.createElement(_index2.default,{icon:'not-visible',size:48,onClick:this.handleClick.bind(this,'not-visible')}),React.createElement(_index2.default,{icon:'notice-outline',size:48,onClick:this.handleClick.bind(this,'notice-outline')}),React.createElement(_index2.default,{icon:'notice',size:48,onClick:this.handleClick.bind(this,'notice')}),React.createElement(_index2.default,{icon:'offline',size:48,onClick:this.handleClick.bind(this,'offline')}),React.createElement(_index2.default,{icon:'pages',size:48,onClick:this.handleClick.bind(this,'pages')}),React.createElement(_index2.default,{icon:'pause',size:48,onClick:this.handleClick.bind(this,'pause')}),React.createElement(_index2.default,{icon:'pencil',size:48,onClick:this.handleClick.bind(this,'pencil')}),React.createElement(_index2.default,{icon:'phone',size:48,onClick:this.handleClick.bind(this,'phone')}),React.createElement(_index2.default,{icon:'plugins',size:48,onClick:this.handleClick.bind(this,'plugins')}),React.createElement(_index2.default,{icon:'plus-small',size:48,onClick:this.handleClick.bind(this,'plus-small')}),React.createElement(_index2.default,{icon:'plus',size:48,onClick:this.handleClick.bind(this,'plus')}),React.createElement(_index2.default,{icon:'popout',size:48,onClick:this.handleClick.bind(this,'popout')}),React.createElement(_index2.default,{icon:'posts',size:48,onClick:this.handleClick.bind(this,'posts')}),React.createElement(_index2.default,{icon:'print',size:48,onClick:this.handleClick.bind(this,'print')}),React.createElement(_index2.default,{icon:'product-downloadable',size:48,onClick:this.handleClick.bind(this,'product-downloadable')}),React.createElement(_index2.default,{icon:'product-external',size:48,onClick:this.handleClick.bind(this,'product-external')}),React.createElement(_index2.default,{icon:'product-virtual',size:48,onClick:this.handleClick.bind(this,'product-virtual')}),React.createElement(_index2.default,{icon:'product',size:48,onClick:this.handleClick.bind(this,'product')}),React.createElement(_index2.default,{icon:'quote',size:48,onClick:this.handleClick.bind(this,'quote')}),React.createElement(_index2.default,{icon:'read-more',size:48,onClick:this.handleClick.bind(this,'read-more')}),React.createElement(_index2.default,{icon:'reader-follow',size:48,onClick:this.handleClick.bind(this,'reader-follow')}),React.createElement(_index2.default,{icon:'reader-following',size:48,onClick:this.handleClick.bind(this,'reader-following')}),React.createElement(_index2.default,{icon:'reader',size:48,onClick:this.handleClick.bind(this,'reader')}),React.createElement(_index2.default,{icon:'reblog',size:48,onClick:this.handleClick.bind(this,'reblog')}),React.createElement(_index2.default,{icon:'redo',size:48,onClick:this.handleClick.bind(this,'redo')}),React.createElement(_index2.default,{icon:'refresh',size:48,onClick:this.handleClick.bind(this,'refresh')}),React.createElement(_index2.default,{icon:'refund',size:48,onClick:this.handleClick.bind(this,'refund')}),React.createElement(_index2.default,{icon:'reply',size:48,onClick:this.handleClick.bind(this,'reply')}),React.createElement(_index2.default,{icon:'resize',size:48,onClick:this.handleClick.bind(this,'resize')}),React.createElement(_index2.default,{icon:'rotate',size:48,onClick:this.handleClick.bind(this,'rotate')}),React.createElement(_index2.default,{icon:'scheduled',size:48,onClick:this.handleClick.bind(this,'scheduled')}),React.createElement(_index2.default,{icon:'search',size:48,onClick:this.handleClick.bind(this,'search')}),React.createElement(_index2.default,{icon:'share-computer',size:48,onClick:this.handleClick.bind(this,'share-computer')}),React.createElement(_index2.default,{icon:'share-ios',size:48,onClick:this.handleClick.bind(this,'share-ios')}),React.createElement(_index2.default,{icon:'share',size:48,onClick:this.handleClick.bind(this,'share')}),React.createElement(_index2.default,{icon:'shipping',size:48,onClick:this.handleClick.bind(this,'shipping')}),React.createElement(_index2.default,{icon:'sign-out',size:48,onClick:this.handleClick.bind(this,'sign-out')}),React.createElement(_index2.default,{icon:'spam',size:48,onClick:this.handleClick.bind(this,'spam')}),React.createElement(_index2.default,{icon:'speaker',size:48,onClick:this.handleClick.bind(this,'speaker')}),React.createElement(_index2.default,{icon:'special-character',size:48,onClick:this.handleClick.bind(this,'special-character')}),React.createElement(_index2.default,{icon:'star-outline',size:48,onClick:this.handleClick.bind(this,'star-outline')}),React.createElement(_index2.default,{icon:'star',size:48,onClick:this.handleClick.bind(this,'star')}),React.createElement(_index2.default,{icon:'stats-alt',size:48,onClick:this.handleClick.bind(this,'stats-alt')}),React.createElement(_index2.default,{icon:'stats',size:48,onClick:this.handleClick.bind(this,'stats')}),React.createElement(_index2.default,{icon:'status',size:48,onClick:this.handleClick.bind(this,'status')}),React.createElement(_index2.default,{icon:'strikethrough',size:48,onClick:this.handleClick.bind(this,'strikethrough')}),React.createElement(_index2.default,{icon:'sync',size:48,onClick:this.handleClick.bind(this,'sync')}),React.createElement(_index2.default,{icon:'tablet',size:48,onClick:this.handleClick.bind(this,'tablet')}),React.createElement(_index2.default,{icon:'tag',size:48,onClick:this.handleClick.bind(this,'tag')}),React.createElement(_index2.default,{icon:'text-color',size:48,onClick:this.handleClick.bind(this,'text-color')}),React.createElement(_index2.default,{icon:'themes',size:48,onClick:this.handleClick.bind(this,'themes')}),React.createElement(_index2.default,{icon:'thumbs-up',size:48,onClick:this.handleClick.bind(this,'thumbs-up')}),React.createElement(_index2.default,{icon:'time',size:48,onClick:this.handleClick.bind(this,'time')}),React.createElement(_index2.default,{icon:'trash',size:48,onClick:this.handleClick.bind(this,'trash')}),React.createElement(_index2.default,{icon:'trophy',size:48,onClick:this.handleClick.bind(this,'trophy')}),React.createElement(_index2.default,{icon:'types',size:48,onClick:this.handleClick.bind(this,'types')}),React.createElement(_index2.default,{icon:'underline',size:48,onClick:this.handleClick.bind(this,'underline')}),React.createElement(_index2.default,{icon:'undo',size:48,onClick:this.handleClick.bind(this,'undo')}),React.createElement(_index2.default,{icon:'user-add',size:48,onClick:this.handleClick.bind(this,'user-add')}),React.createElement(_index2.default,{icon:'user-circle',size:48,onClick:this.handleClick.bind(this,'user-circle')}),React.createElement(_index2.default,{icon:'user',size:48,onClick:this.handleClick.bind(this,'user')}),React.createElement(_index2.default,{icon:'video-camera',size:48,onClick:this.handleClick.bind(this,'video-camera')}),React.createElement(_index2.default,{icon:'video',size:48,onClick:this.handleClick.bind(this,'video')}),React.createElement(_index2.default,{icon:'visible',size:48,onClick:this.handleClick.bind(this,'visible')}))}});

package.json

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

README.md

@@ -16,2 +16,3 @@ # Gridicons
 ```
+
 #### Usage
@@ -54,4 +55,4 @@
 
-* the bundled file, `gridicons-32.ai`, will only ever contain 5 icons used for WordPress.com main navigation. It's only there to add some flexibility to the sizing of this navigation.
 * the `svg-min` files can both be used in production directly or dragged to Sketch to create designs.
+* the `sources/svg-32` folder contains a subset of icons optimized at 32px, for the iOS navigation bar.
 
@@ -64,5 +65,5 @@
 1. Make sure you have a updated local clone of the repository.
-2. Draw the icon in Illustrator on a 24px grid using the guidelines above (use [icon-template.ai](https://github.com/Automattic/gridicons/wiki/Icon-Template) if you'd like).  
+2. Draw the icon in Illustrator on a 24px grid using the guidelines above (use [icon-template.ai](https://github.com/Automattic/gridicons/wiki/Icon-Template) as starting point).  
    _Tip: tap CMD + Option + Y in Illustrator to see the pixel grid version._
-3. Submit a Pull Request with the icon as a SVG file (inside the `svg` folder).
+3. Submit a Pull Request with the icon as a SVG file (inside the `sources/svg` folder), make sure to include a screenshot, ideally containing side by side comparison with some other Gridicons as a visual reference.
 4. Discuss, iterate, review, refine until ready.
@@ -75,8 +76,5 @@ 5. Once ready, an admin will proceed adding it.
 1. Switch to the branch (i.e. Pull Request) with the new icon.
-2. Open 'gridicons.ai' in Illustrator.
-3. Add a new containing layer with the name of the icon (i.e. "trophy").
-4. Add the icon from the SVG on that containing layer. Make sure to check pixel preview.
-7. Generate an SVG by dragging the script `exporter-multi.jsx` inside the Illustrator window.
-8. In the dialog, select your new icon layer from the "Export layers" dropdown and click Export (make sure the output directory is `gridicons/svg`).
-9. Run `grunt` command from terminal, to generate the `svg-min`, `react`, and `svg-sprite` directories.  
+2. Review the SVG source of the new icons to make sure they are clean.
+3. Check pixel sharpness: open in Illustrator (with "Pixel Preview") or Sketch (with "Show Pixels"), adjust if needed.
+4. Run `grunt` command from terminal. It will generate `svg-min`, React (`build`), `svg-sprite`, `php`, and `docs`.
    _Optional: if you need to update pdf files, [generate these too](https://github.com/Automattic/gridicons/wiki/Installation)._
@@ -83,0 +81,0 @@ 10. Commit

New alerts

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

Improved metrics

Total package byte prevSize

130621

increased by7.11%

Lines of code

414

increased by9.23%

Worsened metrics

Number of low quality alerts

4

increased by33.33%

Number of lines in readme file

98

decreased by-2%

No dependency changes