gridicons - npm Package Compare versions

Comparing version 2.0.5 to 2.1.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:'bug',size:48,onClick:this.handleClick.bind(this,'bug')}),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:'gift',size:48,onClick:this.handleClick.bind(this,'gift')}),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:'nametag',size:48,onClick:this.handleClick.bind(this,'nametag')}),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:'play',size:48,onClick:this.handleClick.bind(this,'play')}),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-conversation',size:48,onClick:this.handleClick.bind(this,'reader-follow-conversation')}),React.createElement(_index2.default,{icon:'reader-follow',size:48,onClick:this.handleClick.bind(this,'reader-follow')}),React.createElement(_index2.default,{icon:'reader-following-conversation',size:48,onClick:this.handleClick.bind(this,'reader-following-conversation')}),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')}))}});
+'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:'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')}))}}]),b}(_react.PureComponent);exports.default=Gridicons,module.exports=exports['default'];

CHANGELOG.md

 _The versioning refers to the React component build._
 
+#### v2.1.0 (2017-10-24)
+* React: Update example headers and footers to use `PureComponent` instead of `createClass`.
+* React: Allow version ^16.0.0.
+
 #### v2.0.5 (2017-10-16)
@@ -4,0 +8,0 @@ * Icon updated: "Reply", flipped direction so it is pointing down and to the right.

package.json

 {
   "name": "gridicons",
-  "version": "2.0.5",
+  "version": "2.1.0-alpha.1",
   "main": "build/index.js",
@@ -10,3 +10,3 @@ "scripts": {
   "peerDependencies": {
-    "react": "^15.3.0"
+    "react": "^15.3.0 || ^16.0.0 "
   },
@@ -47,4 +47,4 @@ "repository": {
     "xml2js": "^0.4.17",
-    "svg-to-pdfkit": "^0.1.2"
+    "svg-to-pdfkit": "0.1.3"
   }
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

140686

increased by3.44%

Lines of code

442

increased by4%

Worsened metrics

Number of low quality alerts

4

increased by33.33%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes