@widergy/react-social-auth 2.0.2 → 2.1.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [2.1.0](https://github.com/widergy/react-social-auth/compare/v2.0.3...v2.1.0) (2023-03-14)
+
+
+### Bug Fixes
+
+* fixes icon sizes ([6be2a7b](https://github.com/widergy/react-social-auth/commit/6be2a7b9b7b50552706cb1f84cdb04e3afb00d46))
+* fixes styles and prop types ([6aebb88](https://github.com/widergy/react-social-auth/commit/6aebb8822c1356aaa4b43b2b20305c7cfd7f7dfc))
+* moves color declarations to colors file ([97d7a71](https://github.com/widergy/react-social-auth/commit/97d7a714723fe2d87241e28154490ec803478d5f))
+* updates facebook icon ([3a702f9](https://github.com/widergy/react-social-auth/commit/3a702f9b110e0f3b0f4a4a97633e2fb45e824cb7))
+
+
+### Features
+
+* standardizes federated buttons ([d7628a9](https://github.com/widergy/react-social-auth/commit/d7628a92e6c349b8b4a82d00e9fa6da0705f2f2e))
+
+## [2.0.3](https://github.com/widergy/react-social-auth/compare/v2.0.2...v2.0.3) (2023-03-10)
+
+
+### Bug Fixes
+
+* create pull_request_template.md ([0ef9be9](https://github.com/widergy/react-social-auth/commit/0ef9be937d0927038744e44c9333698fbcc600eb))
+
 ## [2.0.2](https://github.com/widergy/react-social-auth/compare/v2.0.1...v2.0.2) (2023-03-10)
 
 

package/dist/components/Apple/assets/appleIcon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Apple_logo_black 2</title>
+    <g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Con-DNI---01" transform="translate(-1039.000000, -389.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Group-27" transform="translate(887.000000, 167.000000)">
+                <g id="Group-23" transform="translate(17.000000, 212.000000)">
+                    <g id="Group-15" transform="translate(123.000000, 0.000000)">
+                        <g id="Apple_logo_black" transform="translate(12.600000, 10.800000)">
+                            <path d="M18.5424591,17.5224972 C18.2024218,18.3080534 17.7999282,19.0311534 17.3335909,19.6959621 C16.6979284,20.6022652 16.1774629,21.2296004 15.7763572,21.5779659 C15.1545744,22.1497841 14.4883782,22.4426326 13.774993,22.4592879 C13.2628549,22.4592879 12.6452354,22.3135568 11.9262989,22.0179337 C11.205003,21.7236951 10.5421377,21.5779659 9.93603788,21.5779659 C9.30037576,21.5779659 8.61863485,21.7236951 7.88942784,22.0179337 C7.15910966,22.3135568 6.57077557,22.4676155 6.12095417,22.4828826 C5.43685398,22.5120284 4.754975,22.2108523 4.07434413,21.5779659 C3.63992917,21.1990663 3.09656307,20.5495246 2.44563352,19.6293409 C1.74723818,18.646703 1.17306038,17.5072301 0.723239167,16.2081477 C0.241496117,14.804972 0,13.4462095 0,12.1307502 C0,10.6238979 0.32560339,9.32426023 0.97778161,8.23516818 C1.49033625,7.36036989 2.17221572,6.67030152 3.02564034,6.16371458 C3.87906572,5.65712841 4.80119223,5.39897746 5.7942411,5.38246098 C6.33760682,5.38246098 7.05015966,5.55053674 7.93564508,5.88085909 C8.81863258,6.21229167 9.38559337,6.38036742 9.63416742,6.38036742 C9.82000833,6.38036742 10.4498413,6.1838392 11.5175595,5.79203314 C12.5272634,5.4286786 13.379439,5.27822879 14.077557,5.33749242 C15.9692767,5.4901625 17.3904951,6.23588598 18.335661,7.57938144 C16.6438006,8.60449091 15.8068915,10.0402822 15.8235462,11.8821756 C15.8388133,13.3168564 16.3592788,14.5107352 17.3821674,15.4586775 C17.8457286,15.8986437 18.3634189,16.2386814 18.9393996,16.4801778 C18.8144896,16.8424218 18.6826383,17.1893991 18.5424591,17.5224972 Z M14.2038572,0.449834034 C14.2038572,1.57433081 13.7930356,2.62427027 12.9741701,3.59608333 C11.9859784,4.75137898 10.7907121,5.41896269 9.49454394,5.31362064 C9.47802803,5.17871572 9.46845133,5.03673295 9.46845133,4.88753295 C9.46845133,3.80801723 9.93839735,2.65272216 10.7729472,1.7081115 C11.1895966,1.22983858 11.7195002,0.832161117 12.3621021,0.514926269 C13.0033157,0.202424754 13.609832,0.0296046856 14.1802619,9.98757121e-06 C14.196918,0.15033764 14.2038572,0.300674754 14.2038572,0.449819451 L14.2038572,0.449834034 Z" id="path4"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/components/Apple/index.js

@@ -7,30 +7,44 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
-var _LargeButton = _interopRequireDefault(require("./components/LargeButton"));
-var _SmallButton = _interopRequireDefault(require("./components/SmallButton"));
-var _types = require("./types");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
+var _appleIcon = _interopRequireDefault(require("./assets/appleIcon.svg"));
+var _utils = require("./utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-var SMALL_VARIANT = 'small';
 var Apple = function Apple(_ref) {
-  var _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    Component = _ref.Component,
-    icon = _ref.icon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'apple' : _ref$label,
-    onFailure = _ref.onFailure,
-    onSuccess = _ref.onSuccess,
-    uppercase = _ref.uppercase,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? SMALL_VARIANT : _ref$variant;
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    config = _ref.config,
+    label = _ref.label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _buttonSizes.SMALL : _ref$size,
+    tooltipContent = _ref.tooltipContent,
+    triggerOnMount = _ref.triggerOnMount;
+  var _ref2 = config || {},
+    clientId = _ref2.clientId,
+    failureCallback = _ref2.failureCallback,
+    redirectUrl = _ref2.redirectUrl,
+    scope = _ref2.scope,
+    successCallback = _ref2.successCallback;
+  (0, _react.useEffect)(function () {
+    (0, _utils.initAppleAuth)(clientId, redirectUrl, scope);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   var handleLogin = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -40,13 +54,13 @@ var Apple = function Apple(_ref) {
             return window.AppleID.auth.signIn();
           case 3:
             data = _context.sent;
-            if (onSuccess) onSuccess(data);
+            if (successCallback) successCallback(data);
             _context.next = 10;
             break;
           case 7:
             _context.prev = 7;
             _context.t0 = _context["catch"](0);
-            if (onFailure) onFailure(_context.t0);
+            if (failureCallback) failureCallback(_context.t0);
           case 10:
           case "end":
             return _context.stop();
@@ -54,32 +68,46 @@ var Apple = function Apple(_ref) {
       }, _callee, null, [[0, 7]]);
     }));
     return function handleLogin() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Component ? /*#__PURE__*/_react.default.createElement(Component, {
-    onClick: handleLogin
-  }) : variant === SMALL_VARIANT ? /*#__PURE__*/_react.default.createElement(_SmallButton.default, {
-    icon: icon,
-    onClick: handleLogin,
-    classes: classes
-  }) : /*#__PURE__*/_react.default.createElement(_LargeButton.default, {
-    uppercase: uppercase,
-    icon: icon,
-    onClick: handleLogin,
+  return /*#__PURE__*/_react.default.createElement(_ButtonContainer.default, {
+    className: classNames.container,
+    size: size,
+    tooltipContent: tooltipContent,
+    triggerOnMount: triggerOnMount
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     label: label,
-    classes: classes
+    onClick: handleLogin,
+    size: size,
+    Icon: function Icon(_ref4) {
+      var className = _ref4.className;
+      return /*#__PURE__*/_react.default.createElement("img", {
+        alt: "Logo de Apple",
+        className: className,
+        src: _appleIcon.default
+      });
+    },
+    classNames: _objectSpread({
+      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+    }, size === _buttonSizes.LARGE ? {
+      text: _stylesModule.default.buttonText
+    } : {})
   }));
 };
 Apple.propTypes = {
-  classes: _types.classesType,
-  Component: _propTypes.node,
-  icon: _propTypes.string,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  config: (0, _propTypes.shape)({
+    clientId: _propTypes.string,
+    failureCallback: _propTypes.func,
+    redirectUrl: _propTypes.string,
+    scope: _propTypes.string,
+    successCallback: _propTypes.func
+  }),
   label: _propTypes.string,
-  onSuccess: _propTypes.func,
-  onFailure: _propTypes.func,
-  uppercase: _propTypes.bool,
-  variant: _propTypes.string
+  size: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  triggerOnMount: _propTypes.bool
 };
 var _default = Apple;
 exports.default = _default;

package/dist/components/Apple/styles.module.scss

@@ -0,0 +1,13 @@
+@import '../../scss/variables/colors';
+
+.buttonText {
+  color: $white;
+}
+
+.buttonContainer {
+  background: $black !important;
+
+  &:hover {
+    background: scale-color($color: $black, $lightness: 20%) !important;
+  }
+}

package/dist/components/Apple/utils.js

@@ -9,7 +9,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 var initAppleAuth = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(clientId, scope, redirectUrl) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(clientId, redirectUrl, scope) {
     var head, script;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {

package/dist/components/Button/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _energyUi = require("@widergy/energy-ui");
+var _propTypes = require("prop-types");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Button = function Button(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    _Icon = _ref.Icon,
+    label = _ref.label,
+    onClick = _ref.onClick,
+    size = _ref.size;
+  return size === _buttonSizes.LARGE ? /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
+    onClick: onClick,
+    classNames: {
+      root: "".concat(_stylesModule.default.largeContainer, " ").concat(classNames.container),
+      childrenContainer: _stylesModule.default.fullWidth,
+      text: "".concat(_stylesModule.default.largeText, " ").concat(classNames.text)
+    },
+    Icon: _Icon
+  }, label) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(label ? _stylesModule.default.buttonWithLabel : '')
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
+    classNames: {
+      root: "".concat(_stylesModule.default.smallContainer, " ").concat(classNames.container)
+    },
+    onClick: onClick,
+    Icon: function Icon(_ref2) {
+      var className = _ref2.className;
+      return /*#__PURE__*/_react.default.createElement(_Icon, {
+        className: className
+      });
+    }
+  }), label && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    className: classNames.text
+  }, label));
+};
+Button.propTypes = {
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  Icon: _propTypes.element,
+  label: _propTypes.string,
+  onClick: _propTypes.func,
+  size: _propTypes.string
+};
+var _default = Button;
+exports.default = _default;

package/dist/components/Button/styles.module.scss

@@ -0,0 +1,46 @@
+@import '../../scss/variables/colors';
+
+.buttonWithLabel {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  grid-gap: 8px;
+}
+
+.container {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  width: fit-content;
+}
+
+.fullWidth {
+  width: 100%;
+}
+
+.largeContainer {
+  box-shadow: 0 3px 6px $large-button-shadow !important;
+  width: 100%;
+}
+
+.largeIcon {
+  height: 24px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.largeText {
+  margin: 0 auto !important;
+  transform: translate(-0.675rem);
+}
+
+.smallContainer {
+  border-radius: 50% !important;
+  box-shadow: 0 3px 6px $small-button-shadow !important;
+  height: 48px !important;
+  min-width: 0 !important;
+  padding: 8px !important;
+  width: 48px !important;
+}

package/dist/components/ButtonContainer/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _energyUi = require("@widergy/energy-ui");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var ButtonContainer = function ButtonContainer(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    size = _ref.size,
+    tooltipContent = _ref.tooltipContent,
+    triggerOnMount = _ref.triggerOnMount;
+  var ref = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    triggered = _useState2[0],
+    setTriggered = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (triggerOnMount && !triggered && ref.current) {
+      var buttonElement = ref.current.getElementsByTagName('button');
+      if (buttonElement && buttonElement.length) {
+        setTimeout(function () {
+          return buttonElement[0].click();
+        }, 400);
+      }
+      setTriggered(true);
+    }
+  }, [triggered, triggerOnMount]);
+  return /*#__PURE__*/_react.default.createElement(_energyUi.UTTooltip, {
+    content: tooltipContent,
+    interactive: false,
+    tippyProps: {
+      placement: 'left'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    ref: ref,
+    className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(size === _buttonSizes.LARGE ? _stylesModule.default.large : '')
+  }, children));
+};
+ButtonContainer.propTypes = {
+  children: _propTypes.object,
+  className: _propTypes.string,
+  size: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  triggerOnMount: _propTypes.bool
+};
+var _default = ButtonContainer;
+exports.default = _default;

package/dist/components/ButtonContainer/styles.module.scss

@@ -0,0 +1,3 @@
+.large {
+  width: 100%;
+}

package/dist/components/Facebook/assets/facebookIcon.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="21" viewBox="0 0 13 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.67 0.709576C12.67 0.391674 12.4108 0.133667 12.0941 0.133667H9.21455C6.03322 0.133667 3.45545 2.45458 3.45545 5.31685V8.42676H0.575909C0.258007 8.42676 0 8.68476 0 9.00267V11.9974C0 12.3153 0.258007 12.5733 0.575909 12.5733H3.45545V20.2905C3.45545 20.6084 3.71346 20.8664 4.03136 20.8664H7.48682C7.80357 20.8664 8.06273 20.6084 8.06273 20.2905V12.5733H11.0793C11.3385 12.5733 11.5654 12.4005 11.6357 12.1517L12.4661 9.15701C12.5686 8.79073 12.2922 8.42676 11.9121 8.42676H8.06273V5.31685C8.06273 4.7444 8.57759 4.28021 9.21455 4.28021H12.0941C12.4108 4.28021 12.67 4.0222 12.67 3.7043V0.709576Z" fill="white"/>
+</svg>

package/dist/components/Facebook/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _facebookLoginRenderProps = _interopRequireDefault(require("react-facebook-login/dist/facebook-login-render-props"));
+var _propTypes = require("prop-types");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
+var _facebookIcon = _interopRequireDefault(require("./assets/facebookIcon.svg"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var Facebook = function Facebook(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    config = _ref.config,
+    label = _ref.label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _buttonSizes.SMALL : _ref$size,
+    tooltipContent = _ref.tooltipContent,
+    triggerOnMount = _ref.triggerOnMount;
+  var _ref2 = config || {},
+    appId = _ref2.appId,
+    callback = _ref2.callback,
+    fields = _ref2.fields;
+  return /*#__PURE__*/_react.default.createElement(_ButtonContainer.default, {
+    className: classNames.container,
+    size: size,
+    tooltipContent: tooltipContent,
+    triggerOnMount: triggerOnMount
+  }, /*#__PURE__*/_react.default.createElement(_facebookLoginRenderProps.default, {
+    appId: appId,
+    callback: callback,
+    cookie: true,
+    disableMobileRedirect: true,
+    fields: fields,
+    render: function render(renderProps) {
+      return /*#__PURE__*/_react.default.createElement(_Button.default, {
+        label: label,
+        onClick: renderProps.onClick,
+        size: size,
+        Icon: function Icon(_ref3) {
+          var className = _ref3.className;
+          return /*#__PURE__*/_react.default.createElement("img", {
+            alt: "Logo de Facebook",
+            className: className,
+            src: _facebookIcon.default
+          });
+        },
+        classNames: _objectSpread({
+          container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+        }, size === _buttonSizes.LARGE ? {
+          text: _stylesModule.default.buttonText
+        } : {})
+      });
+    }
+  }));
+};
+Facebook.propTypes = {
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  config: (0, _propTypes.shape)({
+    appId: _propTypes.string,
+    callback: _propTypes.func,
+    fields: _propTypes.string
+  }),
+  label: _propTypes.string,
+  size: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  triggerOnMount: _propTypes.bool
+};
+var _default = Facebook;
+exports.default = _default;

package/dist/components/Facebook/styles.module.scss

@@ -0,0 +1,13 @@
+@import '../../scss/variables/colors';
+
+.buttonText {
+  color: $white;
+}
+
+.buttonContainer {
+  background: $facebook-bg !important;
+
+  &:hover {
+    background: scale-color($color: $facebook-bg, $lightness: -30%) !important;
+  }
+}

package/dist/components/Google/assets/googleIcon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><style>.google-a{fill:#4285f4;}.google-a,.google-b,.google-c,.google-d,.google-e{fill-rule:evenodd;}.google-b{fill:#34a853;}.google-c{fill:#fbbc05;}.google-d{fill:#ea4335;}.google-e{fill:none;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><path class="google-a" d="M17.64,9.2a10.347,10.347,0,0,0-.164-1.841H9v3.481h4.844a4.14,4.14,0,0,1-1.8,2.716v2.258h2.909A8.777,8.777,0,0,0,17.64,9.2Z"/><path class="google-b" d="M9,18a8.592,8.592,0,0,0,5.956-2.181l-2.909-2.258A5.43,5.43,0,0,1,3.964,10.71H.957v2.332A9,9,0,0,0,9,18Z"/><path class="google-c" d="M3.964,10.71a5.321,5.321,0,0,1,0-3.42V4.958H.957a9.011,9.011,0,0,0,0,8.084L3.964,10.71Z"/><path class="google-d" d="M9,3.58a4.862,4.862,0,0,1,3.441,1.346l2.581-2.581A8.649,8.649,0,0,0,9,0,9,9,0,0,0,.957,4.958L3.964,7.29A5.364,5.364,0,0,1,9,3.58Z"/><path class="google-e" d="M0,0H18V18H0Z"/></g></g></svg>

package/dist/components/Google/components/GoogleButton/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _google = require("@react-oauth/google");
+var _propTypes = require("prop-types");
+var _Button = _interopRequireDefault(require("../../../Button"));
+var _googleIcon = _interopRequireDefault(require("../../assets/googleIcon.svg"));
+var _buttonSizes = require("../../../../constants/buttonSizes");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var GoogleButton = function GoogleButton(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    failureCallback = _ref.failureCallback,
+    label = _ref.label,
+    size = _ref.size,
+    successCallback = _ref.successCallback;
+  var login = (0, _google.useGoogleLogin)({
+    onError: failureCallback,
+    onSuccess: successCallback
+  });
+  return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    label: label,
+    onClick: login,
+    size: size,
+    Icon: function Icon(_ref2) {
+      var className = _ref2.className;
+      return /*#__PURE__*/_react.default.createElement("img", {
+        alt: "Logo de Google",
+        className: className,
+        src: _googleIcon.default
+      });
+    },
+    classNames: _objectSpread({
+      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+    }, size === _buttonSizes.LARGE ? {
+      text: _stylesModule.default.buttonText
+    } : {})
+  });
+};
+GoogleButton.propTypes = {
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  failureCallback: _propTypes.func,
+  label: _propTypes.string,
+  size: _propTypes.string,
+  successCallback: _propTypes.bool
+};
+var _default = GoogleButton;
+exports.default = _default;

package/dist/components/Google/components/GoogleButton/styles.module.scss

@@ -0,0 +1,13 @@
+@import '../../../../scss/variables/colors';
+
+.buttonText {
+  color: $dark01 !important;
+}
+
+.buttonContainer {
+  background: $white !important;
+
+  &:hover {
+    background: scale-color($color: $white, $lightness: -10%) !important;
+  }
+}