react-google-button - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0-alpha

dist/react-google-button.js

@@ -1,2 +0,2 @@
-/*! react-google-button.js v0.5.3 | (c) prescottprue */
+/*! react-google-button.js v0.6.0-alpha | (c) prescottprue */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -275,2 +275,3 @@ if(typeof exports === 'object' && typeof module === 'object')
         _extends({}, otherProps, {
+          role: 'button',
           onClick: this.click,
@@ -297,2 +298,3 @@ style: this.getStyle(style),
   disabled: _propTypes2.default.bool,
+  tabIndex: _propTypes2.default.number,
   onClick: _propTypes2.default.func,
@@ -306,2 +308,3 @@ type: _propTypes2.default.oneOf(['light', 'dark']),
   type: 'dark',
+  tabIndex: 0,
   onClick: function onClick() {}
@@ -308,0 +311,0 @@ };

dist/react-google-button.min.js

@@ -1,2 +0,2 @@
-/*! react-google-button.js v0.5.3 | (c) prescottprue */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactGoogleButton=t(require("react"),require("prop-types")):e.ReactGoogleButton=t(e.React,e.PropTypes)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(r){if(l[r])return l[r].exports;var a=l[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var l={};return t.m=e,t.c=l,t.d=function(e,l,r){t.o(e,l)||Object.defineProperty(e,l,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(l,"a",l),l},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=3)}([function(t,l){t.exports=e},function(e,l){e.exports=t},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},a={height:"50px",width:"240px",border:"none",textAlign:"center",verticalAlign:"center",boxShadow:"0 2px 4px 0 rgba(0,0,0,.25)",fontSize:"16px",lineHeight:"48px",display:"block",borderRadius:"1px",transition:"background-color .218s, border-color .218s, box-shadow .218s",fontFamily:"Roboto,arial,sans-serif",cursor:"pointer"};t.darkStyle=r({backgroundColor:"#4285f4",color:"#fff"},a),t.lightStyle=r({backgroundColor:"#fff",color:"rgba(0,0,0,.54)"},a),t.iconStyle={width:"48px",height:"48px",textAlign:"center",verticalAlign:"center",display:"block",marginTop:"1px",marginLeft:"1px",float:"left",backgroundColor:"#fff",borderRadius:"1px",whiteSpace:"nowrap"},t.svgStyle={width:"48px",height:"48px",display:"block"},t.hoverStyle={boxShadow:"0 0 3px 3px rgba(66,133,244,.3)",transition:"background-color .218s, border-color .218s, box-shadow .218s"},t.disabledStyle={backgroundColor:"rgba(37, 5, 5, .08)",color:"rgba(0, 0, 0, .40)",cursor:"not-allowed"},t.disabledIconStyle={backgroundColor:"transparent"}},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.GoogleButton=void 0;var r=l(4),a=function(e){return e&&e.__esModule?e:{default:e}}(r);t.GoogleButton=a.default,t.default=a.default},function(e,t,l){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var l={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(l[r]=e[r]);return l}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},d=function(){function e(e,t){for(var l=0;l<t.length;l++){var r=t[l];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,l,r){return l&&e(t.prototype,l),r&&e(t,r),t}}(),f=l(0),s=r(f),c=l(1),p=r(c),h=l(5),g=l(2),m=function(e){function t(){var e,l,r,a;n(this,t);for(var u=arguments.length,d=Array(u),f=0;f<u;f++)d[f]=arguments[f];return l=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(d))),r.state={hovered:!1},r.getStyle=function(e){var t="dark"===r.props.type?g.darkStyle:g.lightStyle;return r.state.hovered?i({},t,g.hoverStyle,e):r.props.disabled?i({},t,g.disabledStyle,e):i({},t,e)},r.mouseOver=function(){r.props.disabled||r.setState({hovered:!0})},r.mouseOut=function(){r.props.disabled||r.setState({hovered:!1})},r.click=function(e){r.props.disabled||r.props.onClick(e)},a=l,o(r,a)}return u(t,e),d(t,[{key:"render",value:function(){var e=this.props,t=e.label,l=e.style,r=a(e,["label","style"]);return s.default.createElement("div",i({},r,{onClick:this.click,style:this.getStyle(l),onMouseOver:this.mouseOver,onMouseOut:this.mouseOut}),s.default.createElement(h.GoogleIcon,this.props),s.default.createElement("span",null,t))}}]),t}(f.PureComponent);m.propTypes={label:p.default.string,disabled:p.default.bool,onClick:p.default.func,type:p.default.oneOf(["light","dark"]),style:p.default.object},m.defaultProps={label:"Sign in with Google",disabled:!1,type:"dark",onClick:function(){}},t.default=m},function(e,t,l){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GoogleIcon=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},n=l(0),o=r(n),u=l(1),i=r(u),d=l(2),f=o.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"46px",height:"46px",viewBox:"0 0 46 46",style:d.svgStyle},o.default.createElement("defs",null,o.default.createElement("filter",{x:"-50%",y:"-50%",width:"200%",height:"200%",filterUnits:"objectBoundingBox",id:"filter-1"},o.default.createElement("feOffset",{dx:"0",dy:"1",in:"SourceAlpha",result:"shadowOffsetOuter1"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",in:"shadowBlurOuter1",type:"matrix",result:"shadowMatrixOuter1"}),o.default.createElement("feOffset",{dx:"0",dy:"0",in:"SourceAlpha",result:"shadowOffsetOuter2"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter2",result:"shadowBlurOuter2"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",in:"shadowBlurOuter2",type:"matrix",result:"shadowMatrixOuter2"}),o.default.createElement("feMerge",null,o.default.createElement("feMergeNode",{in:"shadowMatrixOuter1"}),o.default.createElement("feMergeNode",{in:"shadowMatrixOuter2"}),o.default.createElement("feMergeNode",{in:"SourceGraphic"}))),o.default.createElement("rect",{id:"path-2",x:"0",y:"0",width:"40",height:"40",rx:"2"}),o.default.createElement("rect",{id:"path-3",x:"5",y:"5",width:"38",height:"38",rx:"1"})),o.default.createElement("g",{id:"Google-Button",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},o.default.createElement("g",{id:"9-PATCH",transform:"translate(-608.000000, -219.000000)"}),o.default.createElement("g",{id:"btn_google_dark_normal",transform:"translate(-1.000000, -1.000000)"},o.default.createElement("g",{id:"button",transform:"translate(4.000000, 4.000000)",filter:"url(#filter-1)"},o.default.createElement("g",{id:"button-bg"},o.default.createElement("use",{fill:"#4285F4",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}))),o.default.createElement("g",{id:"button-bg-copy"},o.default.createElement("use",{fill:"#FFFFFF",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"})),o.default.createElement("g",{id:"logo_googleg_48dp",transform:"translate(15.000000, 15.000000)"},o.default.createElement("path",{d:"M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",id:"Shape",fill:"#4285F4"}),o.default.createElement("path",{d:"M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",id:"Shape",fill:"#34A853"}),o.default.createElement("path",{d:"M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",id:"Shape",fill:"#FBBC05"}),o.default.createElement("path",{d:"M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",id:"Shape",fill:"#EA4335"}),o.default.createElement("path",{d:"M0,0 L18,0 L18,18 L0,18 L0,0 Z",id:"Shape"})),o.default.createElement("g",{id:"handles_square"})))),s=o.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"46px",height:"46px",viewBox:"0 0 46 46",style:d.svgStyle},o.default.createElement("defs",null,o.default.createElement("filter",{x:"-50%",y:"-50%",width:"200%",height:"200%",filterUnits:"objectBoundingBox",id:"filter-1"},o.default.createElement("feOffset",{dx:"0",dy:"1",in:"SourceAlpha",result:"shadowOffsetOuter1"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",in:"shadowBlurOuter1",type:"matrix",result:"shadowMatrixOuter1"}),o.default.createElement("feOffset",{dx:"0",dy:"0",in:"SourceAlpha",result:"shadowOffsetOuter2"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter2",result:"shadowBlurOuter2"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",in:"shadowBlurOuter2",type:"matrix",result:"shadowMatrixOuter2"}),o.default.createElement("feMerge",null,o.default.createElement("feMergeNode",{in:"shadowMatrixOuter1"}),o.default.createElement("feMergeNode",{in:"shadowMatrixOuter2"}),o.default.createElement("feMergeNode",{in:"SourceGraphic"}))),o.default.createElement("rect",{id:"path-2",x:"0",y:"0",width:"40",height:"40",rx:"2"})),o.default.createElement("g",{id:"Google-Button",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},o.default.createElement("g",{id:"9-PATCH",transform:"translate(-608.000000, -160.000000)"}),o.default.createElement("g",{id:"btn_google_light_normal",transform:"translate(-1.000000, -1.000000)"},o.default.createElement("g",{id:"button",transform:"translate(4.000000, 4.000000)",filter:"url(#filter-1)"},o.default.createElement("g",{id:"button-bg"},o.default.createElement("use",{fill:"#FFFFFF",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}))),o.default.createElement("g",{id:"logo_googleg_48dp",transform:"translate(15.000000, 15.000000)"},o.default.createElement("path",{d:"M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",id:"Shape",fill:"#4285F4"}),o.default.createElement("path",{d:"M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",id:"Shape",fill:"#34A853"}),o.default.createElement("path",{d:"M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",id:"Shape",fill:"#FBBC05"}),o.default.createElement("path",{d:"M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",id:"Shape",fill:"#EA4335"}),o.default.createElement("path",{d:"M0,0 L18,0 L18,18 L0,18 L0,0 Z",id:"Shape"})),o.default.createElement("g",{id:"handles_square"})))),c=o.default.createElement("svg",{width:"46px",height:"46px",viewBox:"0 0 46 46",version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:d.svgStyle},o.default.createElement("defs",null,o.default.createElement("rect",{id:"path-1",x:"0",y:"0",width:"40",height:"40",rx:"2"})),o.default.createElement("g",{id:"Google-Button",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},o.default.createElement("g",{id:"9-PATCH",transform:"translate(-788.000000, -219.000000)"}),o.default.createElement("g",{id:"btn_google_dark_disabled",transform:"translate(-1.000000, -1.000000)"},o.default.createElement("g",{id:"button",transform:"translate(4.000000, 4.000000)"},o.default.createElement("g",{id:"button-bg"},o.default.createElement("use",{fillOpacity:"0.08",fill:"#000000",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}))),o.default.createElement("path",{d:"M24.001,25.71 L24.001,22.362 L32.425,22.362 C32.551,22.929 32.65,23.46 32.65,24.207 C32.65,29.346 29.203,33 24.01,33 C19.042,33 15.01,28.968 15.01,24 C15.01,19.032 19.042,15 24.01,15 C26.44,15 28.474,15.891 30.031,17.349 L27.475,19.833 C26.827,19.221 25.693,18.501 24.01,18.501 C21.031,18.501 18.601,20.976 18.601,24.009 C18.601,27.042 21.031,29.517 24.01,29.517 C27.457,29.517 28.726,27.132 28.96,25.719 L24.001,25.719 L24.001,25.71 Z",id:"Shape-Copy",fillOpacity:"0.4",fill:"#000000"}),o.default.createElement("g",{id:"handles_square"})))),p=t.GoogleIcon=function(e){var t=e.disabled,l=e.type;return o.default.createElement("div",{style:t?a({},d.iconStyle,d.disabledIconStyle):d.iconStyle},t?c:"dark"===l?f:s)};p.propTypes={disabled:i.default.bool,type:i.default.oneOf(["light","dark"])},p.defaultProps={type:"dark"}}])});
+/*! react-google-button.js v0.6.0-alpha | (c) prescottprue */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactGoogleButton=t(require("react"),require("prop-types")):e.ReactGoogleButton=t(e.React,e.PropTypes)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(r){if(l[r])return l[r].exports;var a=l[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var l={};return t.m=e,t.c=l,t.d=function(e,l,r){t.o(e,l)||Object.defineProperty(e,l,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(l,"a",l),l},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=3)}([function(t,l){t.exports=e},function(e,l){e.exports=t},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},a={height:"50px",width:"240px",border:"none",textAlign:"center",verticalAlign:"center",boxShadow:"0 2px 4px 0 rgba(0,0,0,.25)",fontSize:"16px",lineHeight:"48px",display:"block",borderRadius:"1px",transition:"background-color .218s, border-color .218s, box-shadow .218s",fontFamily:"Roboto,arial,sans-serif",cursor:"pointer"};t.darkStyle=r({backgroundColor:"#4285f4",color:"#fff"},a),t.lightStyle=r({backgroundColor:"#fff",color:"rgba(0,0,0,.54)"},a),t.iconStyle={width:"48px",height:"48px",textAlign:"center",verticalAlign:"center",display:"block",marginTop:"1px",marginLeft:"1px",float:"left",backgroundColor:"#fff",borderRadius:"1px",whiteSpace:"nowrap"},t.svgStyle={width:"48px",height:"48px",display:"block"},t.hoverStyle={boxShadow:"0 0 3px 3px rgba(66,133,244,.3)",transition:"background-color .218s, border-color .218s, box-shadow .218s"},t.disabledStyle={backgroundColor:"rgba(37, 5, 5, .08)",color:"rgba(0, 0, 0, .40)",cursor:"not-allowed"},t.disabledIconStyle={backgroundColor:"transparent"}},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.GoogleButton=void 0;var r=l(4),a=function(e){return e&&e.__esModule?e:{default:e}}(r);t.GoogleButton=a.default,t.default=a.default},function(e,t,l){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var l={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(l[r]=e[r]);return l}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},i=function(){function e(e,t){for(var l=0;l<t.length;l++){var r=t[l];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,l,r){return l&&e(t.prototype,l),r&&e(t,r),t}}(),f=l(0),s=r(f),c=l(1),p=r(c),h=l(5),g=l(2),m=function(e){function t(){var e,l,r,a;n(this,t);for(var u=arguments.length,i=Array(u),f=0;f<u;f++)i[f]=arguments[f];return l=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),r.state={hovered:!1},r.getStyle=function(e){var t="dark"===r.props.type?g.darkStyle:g.lightStyle;return r.state.hovered?d({},t,g.hoverStyle,e):r.props.disabled?d({},t,g.disabledStyle,e):d({},t,e)},r.mouseOver=function(){r.props.disabled||r.setState({hovered:!0})},r.mouseOut=function(){r.props.disabled||r.setState({hovered:!1})},r.click=function(e){r.props.disabled||r.props.onClick(e)},a=l,o(r,a)}return u(t,e),i(t,[{key:"render",value:function(){var e=this.props,t=e.label,l=e.style,r=a(e,["label","style"]);return s.default.createElement("div",d({},r,{role:"button",onClick:this.click,style:this.getStyle(l),onMouseOver:this.mouseOver,onMouseOut:this.mouseOut}),s.default.createElement(h.GoogleIcon,this.props),s.default.createElement("span",null,t))}}]),t}(f.PureComponent);m.propTypes={label:p.default.string,disabled:p.default.bool,tabIndex:p.default.number,onClick:p.default.func,type:p.default.oneOf(["light","dark"]),style:p.default.object},m.defaultProps={label:"Sign in with Google",disabled:!1,type:"dark",tabIndex:0,onClick:function(){}},t.default=m},function(e,t,l){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GoogleIcon=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},n=l(0),o=r(n),u=l(1),d=r(u),i=l(2),f=o.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"46px",height:"46px",viewBox:"0 0 46 46",style:i.svgStyle},o.default.createElement("defs",null,o.default.createElement("filter",{x:"-50%",y:"-50%",width:"200%",height:"200%",filterUnits:"objectBoundingBox",id:"filter-1"},o.default.createElement("feOffset",{dx:"0",dy:"1",in:"SourceAlpha",result:"shadowOffsetOuter1"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",in:"shadowBlurOuter1",type:"matrix",result:"shadowMatrixOuter1"}),o.default.createElement("feOffset",{dx:"0",dy:"0",in:"SourceAlpha",result:"shadowOffsetOuter2"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter2",result:"shadowBlurOuter2"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",in:"shadowBlurOuter2",type:"matrix",result:"shadowMatrixOuter2"}),o.default.createElement("feMerge",null,o.default.createElement("feMergeNode",{in:"shadowMatrixOuter1"}),o.default.createElement("feMergeNode",{in:"shadowMatrixOuter2"}),o.default.createElement("feMergeNode",{in:"SourceGraphic"}))),o.default.createElement("rect",{id:"path-2",x:"0",y:"0",width:"40",height:"40",rx:"2"}),o.default.createElement("rect",{id:"path-3",x:"5",y:"5",width:"38",height:"38",rx:"1"})),o.default.createElement("g",{id:"Google-Button",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},o.default.createElement("g",{id:"9-PATCH",transform:"translate(-608.000000, -219.000000)"}),o.default.createElement("g",{id:"btn_google_dark_normal",transform:"translate(-1.000000, -1.000000)"},o.default.createElement("g",{id:"button",transform:"translate(4.000000, 4.000000)",filter:"url(#filter-1)"},o.default.createElement("g",{id:"button-bg"},o.default.createElement("use",{fill:"#4285F4",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}))),o.default.createElement("g",{id:"button-bg-copy"},o.default.createElement("use",{fill:"#FFFFFF",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"})),o.default.createElement("g",{id:"logo_googleg_48dp",transform:"translate(15.000000, 15.000000)"},o.default.createElement("path",{d:"M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",id:"Shape",fill:"#4285F4"}),o.default.createElement("path",{d:"M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",id:"Shape",fill:"#34A853"}),o.default.createElement("path",{d:"M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",id:"Shape",fill:"#FBBC05"}),o.default.createElement("path",{d:"M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",id:"Shape",fill:"#EA4335"}),o.default.createElement("path",{d:"M0,0 L18,0 L18,18 L0,18 L0,0 Z",id:"Shape"})),o.default.createElement("g",{id:"handles_square"})))),s=o.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"46px",height:"46px",viewBox:"0 0 46 46",style:i.svgStyle},o.default.createElement("defs",null,o.default.createElement("filter",{x:"-50%",y:"-50%",width:"200%",height:"200%",filterUnits:"objectBoundingBox",id:"filter-1"},o.default.createElement("feOffset",{dx:"0",dy:"1",in:"SourceAlpha",result:"shadowOffsetOuter1"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter1",result:"shadowBlurOuter1"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",in:"shadowBlurOuter1",type:"matrix",result:"shadowMatrixOuter1"}),o.default.createElement("feOffset",{dx:"0",dy:"0",in:"SourceAlpha",result:"shadowOffsetOuter2"}),o.default.createElement("feGaussianBlur",{stdDeviation:"0.5",in:"shadowOffsetOuter2",result:"shadowBlurOuter2"}),o.default.createElement("feColorMatrix",{values:"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",in:"shadowBlurOuter2",type:"matrix",result:"shadowMatrixOuter2"}),o.default.createElement("feMerge",null,o.default.createElement("feMergeNode",{in:"shadowMatrixOuter1"}),o.default.createElement("feMergeNode",{in:"shadowMatrixOuter2"}),o.default.createElement("feMergeNode",{in:"SourceGraphic"}))),o.default.createElement("rect",{id:"path-2",x:"0",y:"0",width:"40",height:"40",rx:"2"})),o.default.createElement("g",{id:"Google-Button",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},o.default.createElement("g",{id:"9-PATCH",transform:"translate(-608.000000, -160.000000)"}),o.default.createElement("g",{id:"btn_google_light_normal",transform:"translate(-1.000000, -1.000000)"},o.default.createElement("g",{id:"button",transform:"translate(4.000000, 4.000000)",filter:"url(#filter-1)"},o.default.createElement("g",{id:"button-bg"},o.default.createElement("use",{fill:"#FFFFFF",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}))),o.default.createElement("g",{id:"logo_googleg_48dp",transform:"translate(15.000000, 15.000000)"},o.default.createElement("path",{d:"M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",id:"Shape",fill:"#4285F4"}),o.default.createElement("path",{d:"M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",id:"Shape",fill:"#34A853"}),o.default.createElement("path",{d:"M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",id:"Shape",fill:"#FBBC05"}),o.default.createElement("path",{d:"M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",id:"Shape",fill:"#EA4335"}),o.default.createElement("path",{d:"M0,0 L18,0 L18,18 L0,18 L0,0 Z",id:"Shape"})),o.default.createElement("g",{id:"handles_square"})))),c=o.default.createElement("svg",{width:"46px",height:"46px",viewBox:"0 0 46 46",version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:i.svgStyle},o.default.createElement("defs",null,o.default.createElement("rect",{id:"path-1",x:"0",y:"0",width:"40",height:"40",rx:"2"})),o.default.createElement("g",{id:"Google-Button",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},o.default.createElement("g",{id:"9-PATCH",transform:"translate(-788.000000, -219.000000)"}),o.default.createElement("g",{id:"btn_google_dark_disabled",transform:"translate(-1.000000, -1.000000)"},o.default.createElement("g",{id:"button",transform:"translate(4.000000, 4.000000)"},o.default.createElement("g",{id:"button-bg"},o.default.createElement("use",{fillOpacity:"0.08",fill:"#000000",fillRule:"evenodd"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}),o.default.createElement("use",{fill:"none"}))),o.default.createElement("path",{d:"M24.001,25.71 L24.001,22.362 L32.425,22.362 C32.551,22.929 32.65,23.46 32.65,24.207 C32.65,29.346 29.203,33 24.01,33 C19.042,33 15.01,28.968 15.01,24 C15.01,19.032 19.042,15 24.01,15 C26.44,15 28.474,15.891 30.031,17.349 L27.475,19.833 C26.827,19.221 25.693,18.501 24.01,18.501 C21.031,18.501 18.601,20.976 18.601,24.009 C18.601,27.042 21.031,29.517 24.01,29.517 C27.457,29.517 28.726,27.132 28.96,25.719 L24.001,25.719 L24.001,25.71 Z",id:"Shape-Copy",fillOpacity:"0.4",fill:"#000000"}),o.default.createElement("g",{id:"handles_square"})))),p=t.GoogleIcon=function(e){var t=e.disabled,l=e.type;return o.default.createElement("div",{style:t?a({},i.iconStyle,i.disabledIconStyle):i.iconStyle},t?c:"dark"===l?f:s)};p.propTypes={disabled:d.default.bool,type:d.default.oneOf(["light","dark"])},p.defaultProps={type:"dark"}}])});

es/GoogleButton.js

@@ -69,2 +69,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
         _extends({}, otherProps, {
+          role: 'button',
           onClick: this.click,
@@ -91,2 +92,3 @@ style: this.getStyle(style),
   disabled: PropTypes.bool,
+  tabIndex: PropTypes.number,
   onClick: PropTypes.func,
@@ -100,4 +102,5 @@ type: PropTypes.oneOf(['light', 'dark']),
   type: 'dark',
+  tabIndex: 0,
   onClick: function onClick() {}
 };
 export default GoogleButton;

lib/GoogleButton.js

@@ -84,2 +84,3 @@ 'use strict';
         _extends({}, otherProps, {
+          role: 'button',
           onClick: this.click,
@@ -106,2 +107,3 @@ style: this.getStyle(style),
   disabled: _propTypes2.default.bool,
+  tabIndex: _propTypes2.default.number,
   onClick: _propTypes2.default.func,
@@ -115,4 +117,5 @@ type: _propTypes2.default.oneOf(['light', 'dark']),
   type: 'dark',
+  tabIndex: 0,
   onClick: function onClick() {}
 };
 exports.default = GoogleButton;

package.json

 {
   "name": "react-google-button",
-  "version": "0.5.3",
+  "version": "0.6.0-alpha",
   "main": "lib/index.js",
@@ -15,3 +15,3 @@ "module": "es/index.js",
     "test": "mocha -R spec ./test/unit/**",
-    "test:cov": "istanbul cover ./node_modules/mocha/bin/_mocha ./test/unit/**",
+    "test:cov": "istanbul cover $(npm bin)/_mocha ./test/unit/**",
     "build:example": "cp dist/react-google-button.min.js examples/basic",
@@ -23,3 +23,3 @@ "build:commonjs": "cross-env BABEL_ENV=commonjs babel src --out-dir lib",
     "build": "npm run clean && npm run build:es && npm run build:commonjs && npm run build:umd && npm run build:umd:min && npm run build:example",
-    "serve": "npm run build && serve examples/basic",
+    "serve": "npm run build && http-server examples/basic",
     "watch:umd": "npm run build:umd -- --progress --colors --watch",
@@ -62,6 +62,6 @@ "watch:lib": "npm run build:lib -- --watch",
   "devDependencies": {
-    "babel-cli": "^6.7.7",
-    "babel-core": "^6.7.7",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.0",
     "babel-eslint": "^6.1.2",
-    "babel-loader": "7.1.0",
+    "babel-loader": "^7.1.4",
     "babel-plugin-react-transform": "^2.0.2",
@@ -80,3 +80,3 @@ "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-preset-react": "^6.11.1",
-    "chai": "^3.5.0",
+    "chai": "^4.1.2",
     "chai-enzyme": "^0.7.0",
@@ -94,5 +94,5 @@ "cross-env": "^5.1.0",
     "eslint-plugin-standard": "^2.0.0",
-    "isparta": "^4.0.0",
-    "mocha": "^2.4.5",
-    "prettier": "^1.10.2",
+    "istanbul": "1.1.0-alpha.1",
+    "mocha": "^5.2.0",
+    "prettier": "^1.13.7",
     "react": "15.4.2",
@@ -102,5 +102,4 @@ "react-addons-test-utils": "^15.5.1",
     "rimraf": "^2.5.1",
-    "serve": "^6.0.6",
     "webpack": "^3.6.0"
   }
 }

README.md

@@ -18,3 +18,3 @@ # react-google-button
 
-react-google-button is universal, so it can be used client-side or server-side.
+`react-google-button` is universal, so it can be used client-side or server-side.
 
@@ -110,3 +110,18 @@ 1. Install through: `npm install --save react-google-button`
 
+## Builds
 
+Most commonly people consume `react-google-button` as a [CommonJS module](http://webpack.github.io/docs/commonjs.html). This module is what you get when you import redux in a Webpack, Browserify, or a Node environment.
+
+If you don't use a module bundler, it's also fine. The `react-google-button` npm package includes precompiled production and development [UMD builds](https://github.com/umdjs/umd) in the [dist folder](https://unpkg.com/react-google-button@latest/dist/). They can be used directly without a bundler and are thus compatible with many popular JavaScript module loaders and environments. For example, you can drop a UMD build as a `<script>` tag on the page. The UMD builds make Redux Firestore available as a `window.ReduxFirestore` global variable.
+
+It can be imported like so:
+
+```html
+<script src="../node_modules/react-google-button/dist/react-google-button.min.js"></script>
+<!-- or through cdn: <script src="https://unpkg.com/react-google-button@latest/dist/react-google-button.min.js"></script> -->
+<script>console.log('redux firestore:', window.ReactGoogleButton)</script>
+```
+
+Note: In an effort to keep things simple, the wording from this explanation was modeled after [the installation section of the Redux Docs](https://redux.js.org/#installation).
+
 [npm-image]: https://img.shields.io/npm/v/react-google-button.svg?style=flat-square
@@ -113,0 +128,0 @@ [npm-url]: https://npmjs.org/package/react-google-button

src/GoogleButton.js

@@ -10,2 +10,3 @@ import React, { PureComponent } from 'react'
     disabled: PropTypes.bool,
+    tabIndex: PropTypes.number,
     onClick: PropTypes.func,
@@ -20,2 +21,3 @@ type: PropTypes.oneOf(['light', 'dark']),
     type: 'dark',
+    tabIndex: 0,
     onClick: () => {}
@@ -63,2 +65,3 @@ }
         {...otherProps}
+        role="button"
         onClick={this.click}
@@ -65,0 +68,0 @@ style={this.getStyle(style)}

No alert changes

Improved metrics

Dev dependency count

38

decreased by-2.56%

Number of package files

23

increased by4.55%

Lines of code

2074

increased by0.58%

Number of lines in readme file

139

increased by12.1%

Worsened metrics

Total package byte prevSize

105485

decreased by-53.64%

No dependency changes