react-google-button
Version:
[![NPM version][npm-image]][npm-url] [![Build Status][build-status-image]][build-status-url] [![Coverage][coverage-image]][coverage-url] [![License][license-image]][license-url] [![Code Style][code-style-image]][code-style-url]
171 lines (152 loc) • 38.2 kB
JavaScript
/*! react-google-button.js v0.7.2 | (c) prescottprue */
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("prop-types"), require("react"));
else if(typeof define === 'function' && define.amd)
define(["prop-types", "react"], factory);
else if(typeof exports === 'object')
exports["ReactGoogleButton"] = factory(require("prop-types"), require("react"));
else
root["ReactGoogleButton"] = factory(root["PropTypes"], root["React"]);
})(window, function(__WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/dist/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./src/index.js");
/******/ })
/************************************************************************/
/******/ ({
/***/ "./src/GoogleButton.js":
/*!*****************************!*\
!*** ./src/GoogleButton.js ***!
\*****************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return GoogleButton; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./icons */ \"./src/icons.js\");\n/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles */ \"./src/styles.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\nvar GoogleButton = /*#__PURE__*/function (_PureComponent) {\n _inherits(GoogleButton, _PureComponent);\n\n var _super = _createSuper(GoogleButton);\n\n function GoogleButton() {\n var _this;\n\n _classCallCheck(this, GoogleButton);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n hovered: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"getStyle\", function (propStyles) {\n var baseStyle = _this.props.type === 'dark' ? _styles__WEBPACK_IMPORTED_MODULE_3__[\"darkStyle\"] : _styles__WEBPACK_IMPORTED_MODULE_3__[\"lightStyle\"];\n\n if (_this.state.hovered) {\n return _objectSpread({}, baseStyle, {}, _styles__WEBPACK_IMPORTED_MODULE_3__[\"hoverStyle\"], {}, propStyles);\n }\n\n if (_this.props.disabled) {\n return _objectSpread({}, baseStyle, {}, _styles__WEBPACK_IMPORTED_MODULE_3__[\"disabledStyle\"], {}, propStyles);\n }\n\n return _objectSpread({}, baseStyle, {}, propStyles);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"mouseOver\", function () {\n if (!_this.props.disabled) {\n _this.setState({\n hovered: true\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"mouseOut\", function () {\n if (!_this.props.disabled) {\n _this.setState({\n hovered: false\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"click\", function (e) {\n if (!_this.props.disabled) {\n _this.props.onClick(e);\n }\n });\n\n return _this;\n }\n\n _createClass(GoogleButton, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n label = _this$props.label,\n style = _this$props.style,\n otherProps = _objectWithoutProperties(_this$props, [\"label\", \"style\"]);\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", _extends({}, otherProps, {\n role: \"button\",\n onClick: this.click,\n style: this.getStyle(style),\n onMouseOver: this.mouseOver,\n onMouseOut: this.mouseOut\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_2__[\"GoogleIcon\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, label));\n }\n }]);\n\n return GoogleButton;\n}(react__WEBPACK_IMPORTED_MODULE_0__[\"PureComponent\"]);\n\n_defineProperty(GoogleButton, \"propTypes\", {\n label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['light', 'dark']),\n style: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n});\n\n_defineProperty(GoogleButton, \"defaultProps\", {\n label: 'Sign in with Google',\n disabled: false,\n type: 'dark',\n tabIndex: 0,\n onClick: function onClick() {}\n});\n\n\n\n//# sourceURL=webpack://ReactGoogleButton/./src/GoogleButton.js?");
/***/ }),
/***/ "./src/icons.js":
/*!**********************!*\
!*** ./src/icons.js ***!
\**********************/
/*! exports provided: GoogleIcon */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"GoogleIcon\", function() { return GoogleIcon; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles */ \"./src/styles.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\nvar darkSvg = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n version: \"1.1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"46px\",\n height: \"46px\",\n viewBox: \"0 0 46 46\",\n style: _styles__WEBPACK_IMPORTED_MODULE_2__[\"svgStyle\"]\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"filter\", {\n x: \"-50%\",\n y: \"-50%\",\n width: \"200%\",\n height: \"200%\",\n filterUnits: \"objectBoundingBox\",\n id: \"filter-1\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feOffset\", {\n dx: \"0\",\n dy: \"1\",\n in: \"SourceAlpha\",\n result: \"shadowOffsetOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feGaussianBlur\", {\n stdDeviation: \"0.5\",\n in: \"shadowOffsetOuter1\",\n result: \"shadowBlurOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feColorMatrix\", {\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.168 0\",\n in: \"shadowBlurOuter1\",\n type: \"matrix\",\n result: \"shadowMatrixOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feOffset\", {\n dx: \"0\",\n dy: \"0\",\n in: \"SourceAlpha\",\n result: \"shadowOffsetOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feGaussianBlur\", {\n stdDeviation: \"0.5\",\n in: \"shadowOffsetOuter2\",\n result: \"shadowBlurOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feColorMatrix\", {\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.084 0\",\n in: \"shadowBlurOuter2\",\n type: \"matrix\",\n result: \"shadowMatrixOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMerge\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMergeNode\", {\n in: \"shadowMatrixOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMergeNode\", {\n in: \"shadowMatrixOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMergeNode\", {\n in: \"SourceGraphic\"\n}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"path-2\",\n x: \"0\",\n y: \"0\",\n width: \"40\",\n height: \"40\",\n rx: \"2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"path-3\",\n x: \"5\",\n y: \"5\",\n width: \"38\",\n height: \"38\",\n rx: \"1\"\n})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Google-Button\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"9-PATCH\",\n transform: \"translate(-608.000000, -219.000000)\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"btn_google_dark_normal\",\n transform: \"translate(-1.000000, -1.000000)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button\",\n transform: \"translate(4.000000, 4.000000)\",\n filter: \"url(#filter-1)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button-bg\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#4285F4\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button-bg-copy\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFFFFF\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"logo_googleg_48dp\",\n transform: \"translate(15.000000, 15.000000)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#4285F4\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#34A853\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#FBBC05\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#EA4335\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M0,0 L18,0 L18,18 L0,18 L0,0 Z\",\n id: \"Shape\"\n})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"handles_square\"\n}))));\nvar lightSvg = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n version: \"1.1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"46px\",\n height: \"46px\",\n viewBox: \"0 0 46 46\",\n style: _styles__WEBPACK_IMPORTED_MODULE_2__[\"svgStyle\"]\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"filter\", {\n x: \"-50%\",\n y: \"-50%\",\n width: \"200%\",\n height: \"200%\",\n filterUnits: \"objectBoundingBox\",\n id: \"filter-1\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feOffset\", {\n dx: \"0\",\n dy: \"1\",\n in: \"SourceAlpha\",\n result: \"shadowOffsetOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feGaussianBlur\", {\n stdDeviation: \"0.5\",\n in: \"shadowOffsetOuter1\",\n result: \"shadowBlurOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feColorMatrix\", {\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.168 0\",\n in: \"shadowBlurOuter1\",\n type: \"matrix\",\n result: \"shadowMatrixOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feOffset\", {\n dx: \"0\",\n dy: \"0\",\n in: \"SourceAlpha\",\n result: \"shadowOffsetOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feGaussianBlur\", {\n stdDeviation: \"0.5\",\n in: \"shadowOffsetOuter2\",\n result: \"shadowBlurOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feColorMatrix\", {\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.084 0\",\n in: \"shadowBlurOuter2\",\n type: \"matrix\",\n result: \"shadowMatrixOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMerge\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMergeNode\", {\n in: \"shadowMatrixOuter1\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMergeNode\", {\n in: \"shadowMatrixOuter2\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"feMergeNode\", {\n in: \"SourceGraphic\"\n}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"path-2\",\n x: \"0\",\n y: \"0\",\n width: \"40\",\n height: \"40\",\n rx: \"2\"\n})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Google-Button\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"9-PATCH\",\n transform: \"translate(-608.000000, -160.000000)\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"btn_google_light_normal\",\n transform: \"translate(-1.000000, -1.000000)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button\",\n transform: \"translate(4.000000, 4.000000)\",\n filter: \"url(#filter-1)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button-bg\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFFFFF\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"logo_googleg_48dp\",\n transform: \"translate(15.000000, 15.000000)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#4285F4\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#34A853\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#FBBC05\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape\",\n fill: \"#EA4335\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M0,0 L18,0 L18,18 L0,18 L0,0 Z\",\n id: \"Shape\"\n})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"handles_square\"\n}))));\nvar disabledSvg = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n width: \"46px\",\n height: \"46px\",\n viewBox: \"0 0 46 46\",\n version: \"1.1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: _styles__WEBPACK_IMPORTED_MODULE_2__[\"svgStyle\"]\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"path-1\",\n x: \"0\",\n y: \"0\",\n width: \"40\",\n height: \"40\",\n rx: \"2\"\n})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Google-Button\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"9-PATCH\",\n transform: \"translate(-788.000000, -219.000000)\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"btn_google_dark_disabled\",\n transform: \"translate(-1.000000, -1.000000)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button\",\n transform: \"translate(4.000000, 4.000000)\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"button-bg\"\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fillOpacity: \"0.08\",\n fill: \"#000000\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"none\"\n}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n 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\",\n id: \"Shape-Copy\",\n fillOpacity: \"0.4\",\n fill: \"#000000\"\n}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"handles_square\"\n}))));\nvar GoogleIcon = function GoogleIcon(_ref) {\n var disabled = _ref.disabled,\n type = _ref.type;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n style: !disabled ? _styles__WEBPACK_IMPORTED_MODULE_2__[\"iconStyle\"] : _objectSpread({}, _styles__WEBPACK_IMPORTED_MODULE_2__[\"iconStyle\"], {}, _styles__WEBPACK_IMPORTED_MODULE_2__[\"disabledIconStyle\"])\n }, !disabled ? type === 'dark' ? darkSvg : lightSvg : disabledSvg);\n};\nGoogleIcon.propTypes = {\n disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['light', 'dark'])\n};\nGoogleIcon.defaultProps = {\n type: 'dark'\n};\n\n//# sourceURL=webpack://ReactGoogleButton/./src/icons.js?");
/***/ }),
/***/ "./src/index.js":
/*!**********************!*\
!*** ./src/index.js ***!
\**********************/
/*! exports provided: GoogleButton, default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _GoogleButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./GoogleButton */ \"./src/GoogleButton.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"GoogleButton\", function() { return _GoogleButton__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return _GoogleButton__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n\n\n\n\n\n//# sourceURL=webpack://ReactGoogleButton/./src/index.js?");
/***/ }),
/***/ "./src/styles.js":
/*!***********************!*\
!*** ./src/styles.js ***!
\***********************/
/*! exports provided: darkStyle, lightStyle, iconStyle, svgStyle, hoverStyle, disabledStyle, disabledIconStyle */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"darkStyle\", function() { return darkStyle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"lightStyle\", function() { return lightStyle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"iconStyle\", function() { return iconStyle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"svgStyle\", function() { return svgStyle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"hoverStyle\", function() { return hoverStyle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"disabledStyle\", function() { return disabledStyle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"disabledIconStyle\", function() { return disabledIconStyle; });\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar baseStyle = {\n height: '50px',\n width: '240px',\n border: 'none',\n textAlign: 'center',\n verticalAlign: 'center',\n boxShadow: '0 2px 4px 0 rgba(0,0,0,.25)',\n fontSize: '16px',\n lineHeight: '48px',\n display: 'block',\n borderRadius: '1px',\n transition: 'background-color .218s, border-color .218s, box-shadow .218s',\n fontFamily: 'Roboto,arial,sans-serif',\n cursor: 'pointer',\n userSelect: 'none'\n};\nvar darkStyle = _objectSpread({\n backgroundColor: '#4285f4',\n color: '#fff'\n}, baseStyle);\nvar lightStyle = _objectSpread({\n backgroundColor: '#fff',\n color: 'rgba(0,0,0,.54)'\n}, baseStyle);\nvar iconStyle = {\n width: '48px',\n height: '48px',\n textAlign: 'center',\n verticalAlign: 'center',\n display: 'block',\n marginTop: '1px',\n marginLeft: '1px',\n float: 'left',\n backgroundColor: '#fff',\n borderRadius: '1px',\n whiteSpace: 'nowrap'\n};\nvar svgStyle = {\n width: '48px',\n height: '48px',\n display: 'block'\n};\nvar hoverStyle = {\n boxShadow: '0 0 3px 3px rgba(66,133,244,.3)',\n transition: 'background-color .218s, border-color .218s, box-shadow .218s'\n}; // export const pressedStyle = {\n// backgroundColor: '#3367D6'\n// }\n\nvar disabledStyle = {\n backgroundColor: 'rgba(37, 5, 5, .08)',\n color: 'rgba(0, 0, 0, .40)',\n cursor: 'not-allowed'\n};\nvar disabledIconStyle = {\n backgroundColor: 'transparent'\n};\n\n//# sourceURL=webpack://ReactGoogleButton/./src/styles.js?");
/***/ }),
/***/ "prop-types":
/*!*********************************************************************************************************!*\
!*** external {"commonjs":"prop-types","commonjs2":"prop-types","amd":"prop-types","root":"PropTypes"} ***!
\*********************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = __WEBPACK_EXTERNAL_MODULE_prop_types__;\n\n//# sourceURL=webpack://ReactGoogleButton/external_%7B%22commonjs%22:%22prop-types%22,%22commonjs2%22:%22prop-types%22,%22amd%22:%22prop-types%22,%22root%22:%22PropTypes%22%7D?");
/***/ }),
/***/ "react":
/*!**************************************************************************************!*\
!*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
\**************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = __WEBPACK_EXTERNAL_MODULE_react__;\n\n//# sourceURL=webpack://ReactGoogleButton/external_%7B%22commonjs%22:%22react%22,%22commonjs2%22:%22react%22,%22amd%22:%22react%22,%22root%22:%22React%22%7D?");
/***/ })
/******/ });
});