UNPKG

13.9 kBJavaScriptView Raw
1"use strict";
2
3Object.defineProperty(exports, "__esModule", {
4 value: true
5});
6exports.GoogleIcon = void 0;
7
8var _react = _interopRequireDefault(require("react"));
9
10var _propTypes = _interopRequireDefault(require("prop-types"));
11
12var _styles = require("./styles");
13
14function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
16function 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; }
17
18function _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; }
19
20function _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; }
21
22var darkSvg = /*#__PURE__*/_react.default.createElement("svg", {
23 version: "1.1",
24 xmlns: "http://www.w3.org/2000/svg",
25 width: "46px",
26 height: "46px",
27 viewBox: "0 0 46 46",
28 style: _styles.svgStyle
29}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
30 x: "-50%",
31 y: "-50%",
32 width: "200%",
33 height: "200%",
34 filterUnits: "objectBoundingBox",
35 id: "filter-1"
36}, /*#__PURE__*/_react.default.createElement("feOffset", {
37 dx: "0",
38 dy: "1",
39 in: "SourceAlpha",
40 result: "shadowOffsetOuter1"
41}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
42 stdDeviation: "0.5",
43 in: "shadowOffsetOuter1",
44 result: "shadowBlurOuter1"
45}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
46 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.168 0",
47 in: "shadowBlurOuter1",
48 type: "matrix",
49 result: "shadowMatrixOuter1"
50}), /*#__PURE__*/_react.default.createElement("feOffset", {
51 dx: "0",
52 dy: "0",
53 in: "SourceAlpha",
54 result: "shadowOffsetOuter2"
55}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
56 stdDeviation: "0.5",
57 in: "shadowOffsetOuter2",
58 result: "shadowBlurOuter2"
59}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
60 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.084 0",
61 in: "shadowBlurOuter2",
62 type: "matrix",
63 result: "shadowMatrixOuter2"
64}), /*#__PURE__*/_react.default.createElement("feMerge", null, /*#__PURE__*/_react.default.createElement("feMergeNode", {
65 in: "shadowMatrixOuter1"
66}), /*#__PURE__*/_react.default.createElement("feMergeNode", {
67 in: "shadowMatrixOuter2"
68}), /*#__PURE__*/_react.default.createElement("feMergeNode", {
69 in: "SourceGraphic"
70}))), /*#__PURE__*/_react.default.createElement("rect", {
71 id: "path-2",
72 x: "0",
73 y: "0",
74 width: "40",
75 height: "40",
76 rx: "2"
77}), /*#__PURE__*/_react.default.createElement("rect", {
78 id: "path-3",
79 x: "5",
80 y: "5",
81 width: "38",
82 height: "38",
83 rx: "1"
84})), /*#__PURE__*/_react.default.createElement("g", {
85 id: "Google-Button",
86 stroke: "none",
87 strokeWidth: "1",
88 fill: "none",
89 fillRule: "evenodd"
90}, /*#__PURE__*/_react.default.createElement("g", {
91 id: "9-PATCH",
92 transform: "translate(-608.000000, -219.000000)"
93}), /*#__PURE__*/_react.default.createElement("g", {
94 id: "btn_google_dark_normal",
95 transform: "translate(-1.000000, -1.000000)"
96}, /*#__PURE__*/_react.default.createElement("g", {
97 id: "button",
98 transform: "translate(4.000000, 4.000000)",
99 filter: "url(#filter-1)"
100}, /*#__PURE__*/_react.default.createElement("g", {
101 id: "button-bg"
102}, /*#__PURE__*/_react.default.createElement("use", {
103 fill: "#4285F4",
104 fillRule: "evenodd"
105}), /*#__PURE__*/_react.default.createElement("use", {
106 fill: "none"
107}), /*#__PURE__*/_react.default.createElement("use", {
108 fill: "none"
109}), /*#__PURE__*/_react.default.createElement("use", {
110 fill: "none"
111}))), /*#__PURE__*/_react.default.createElement("g", {
112 id: "button-bg-copy"
113}, /*#__PURE__*/_react.default.createElement("use", {
114 fill: "#FFFFFF",
115 fillRule: "evenodd"
116}), /*#__PURE__*/_react.default.createElement("use", {
117 fill: "none"
118}), /*#__PURE__*/_react.default.createElement("use", {
119 fill: "none"
120}), /*#__PURE__*/_react.default.createElement("use", {
121 fill: "none"
122})), /*#__PURE__*/_react.default.createElement("g", {
123 id: "logo_googleg_48dp",
124 transform: "translate(15.000000, 15.000000)"
125}, /*#__PURE__*/_react.default.createElement("path", {
126 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",
127 id: "Shape",
128 fill: "#4285F4"
129}), /*#__PURE__*/_react.default.createElement("path", {
130 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",
131 id: "Shape",
132 fill: "#34A853"
133}), /*#__PURE__*/_react.default.createElement("path", {
134 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",
135 id: "Shape",
136 fill: "#FBBC05"
137}), /*#__PURE__*/_react.default.createElement("path", {
138 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",
139 id: "Shape",
140 fill: "#EA4335"
141}), /*#__PURE__*/_react.default.createElement("path", {
142 d: "M0,0 L18,0 L18,18 L0,18 L0,0 Z",
143 id: "Shape"
144})), /*#__PURE__*/_react.default.createElement("g", {
145 id: "handles_square"
146}))));
147
148var lightSvg = /*#__PURE__*/_react.default.createElement("svg", {
149 version: "1.1",
150 xmlns: "http://www.w3.org/2000/svg",
151 width: "46px",
152 height: "46px",
153 viewBox: "0 0 46 46",
154 style: _styles.svgStyle
155}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
156 x: "-50%",
157 y: "-50%",
158 width: "200%",
159 height: "200%",
160 filterUnits: "objectBoundingBox",
161 id: "filter-1"
162}, /*#__PURE__*/_react.default.createElement("feOffset", {
163 dx: "0",
164 dy: "1",
165 in: "SourceAlpha",
166 result: "shadowOffsetOuter1"
167}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
168 stdDeviation: "0.5",
169 in: "shadowOffsetOuter1",
170 result: "shadowBlurOuter1"
171}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
172 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.168 0",
173 in: "shadowBlurOuter1",
174 type: "matrix",
175 result: "shadowMatrixOuter1"
176}), /*#__PURE__*/_react.default.createElement("feOffset", {
177 dx: "0",
178 dy: "0",
179 in: "SourceAlpha",
180 result: "shadowOffsetOuter2"
181}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
182 stdDeviation: "0.5",
183 in: "shadowOffsetOuter2",
184 result: "shadowBlurOuter2"
185}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
186 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.084 0",
187 in: "shadowBlurOuter2",
188 type: "matrix",
189 result: "shadowMatrixOuter2"
190}), /*#__PURE__*/_react.default.createElement("feMerge", null, /*#__PURE__*/_react.default.createElement("feMergeNode", {
191 in: "shadowMatrixOuter1"
192}), /*#__PURE__*/_react.default.createElement("feMergeNode", {
193 in: "shadowMatrixOuter2"
194}), /*#__PURE__*/_react.default.createElement("feMergeNode", {
195 in: "SourceGraphic"
196}))), /*#__PURE__*/_react.default.createElement("rect", {
197 id: "path-2",
198 x: "0",
199 y: "0",
200 width: "40",
201 height: "40",
202 rx: "2"
203})), /*#__PURE__*/_react.default.createElement("g", {
204 id: "Google-Button",
205 stroke: "none",
206 strokeWidth: "1",
207 fill: "none",
208 fillRule: "evenodd"
209}, /*#__PURE__*/_react.default.createElement("g", {
210 id: "9-PATCH",
211 transform: "translate(-608.000000, -160.000000)"
212}), /*#__PURE__*/_react.default.createElement("g", {
213 id: "btn_google_light_normal",
214 transform: "translate(-1.000000, -1.000000)"
215}, /*#__PURE__*/_react.default.createElement("g", {
216 id: "button",
217 transform: "translate(4.000000, 4.000000)",
218 filter: "url(#filter-1)"
219}, /*#__PURE__*/_react.default.createElement("g", {
220 id: "button-bg"
221}, /*#__PURE__*/_react.default.createElement("use", {
222 fill: "#FFFFFF",
223 fillRule: "evenodd"
224}), /*#__PURE__*/_react.default.createElement("use", {
225 fill: "none"
226}), /*#__PURE__*/_react.default.createElement("use", {
227 fill: "none"
228}), /*#__PURE__*/_react.default.createElement("use", {
229 fill: "none"
230}))), /*#__PURE__*/_react.default.createElement("g", {
231 id: "logo_googleg_48dp",
232 transform: "translate(15.000000, 15.000000)"
233}, /*#__PURE__*/_react.default.createElement("path", {
234 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",
235 id: "Shape",
236 fill: "#4285F4"
237}), /*#__PURE__*/_react.default.createElement("path", {
238 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",
239 id: "Shape",
240 fill: "#34A853"
241}), /*#__PURE__*/_react.default.createElement("path", {
242 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",
243 id: "Shape",
244 fill: "#FBBC05"
245}), /*#__PURE__*/_react.default.createElement("path", {
246 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",
247 id: "Shape",
248 fill: "#EA4335"
249}), /*#__PURE__*/_react.default.createElement("path", {
250 d: "M0,0 L18,0 L18,18 L0,18 L0,0 Z",
251 id: "Shape"
252})), /*#__PURE__*/_react.default.createElement("g", {
253 id: "handles_square"
254}))));
255
256var disabledSvg = /*#__PURE__*/_react.default.createElement("svg", {
257 width: "46px",
258 height: "46px",
259 viewBox: "0 0 46 46",
260 version: "1.1",
261 xmlns: "http://www.w3.org/2000/svg",
262 style: _styles.svgStyle
263}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("rect", {
264 id: "path-1",
265 x: "0",
266 y: "0",
267 width: "40",
268 height: "40",
269 rx: "2"
270})), /*#__PURE__*/_react.default.createElement("g", {
271 id: "Google-Button",
272 stroke: "none",
273 strokeWidth: "1",
274 fill: "none",
275 fillRule: "evenodd"
276}, /*#__PURE__*/_react.default.createElement("g", {
277 id: "9-PATCH",
278 transform: "translate(-788.000000, -219.000000)"
279}), /*#__PURE__*/_react.default.createElement("g", {
280 id: "btn_google_dark_disabled",
281 transform: "translate(-1.000000, -1.000000)"
282}, /*#__PURE__*/_react.default.createElement("g", {
283 id: "button",
284 transform: "translate(4.000000, 4.000000)"
285}, /*#__PURE__*/_react.default.createElement("g", {
286 id: "button-bg"
287}, /*#__PURE__*/_react.default.createElement("use", {
288 fillOpacity: "0.08",
289 fill: "#000000",
290 fillRule: "evenodd"
291}), /*#__PURE__*/_react.default.createElement("use", {
292 fill: "none"
293}), /*#__PURE__*/_react.default.createElement("use", {
294 fill: "none"
295}), /*#__PURE__*/_react.default.createElement("use", {
296 fill: "none"
297}))), /*#__PURE__*/_react.default.createElement("path", {
298 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",
299 id: "Shape-Copy",
300 fillOpacity: "0.4",
301 fill: "#000000"
302}), /*#__PURE__*/_react.default.createElement("g", {
303 id: "handles_square"
304}))));
305
306var GoogleIcon = function GoogleIcon(_ref) {
307 var disabled = _ref.disabled,
308 type = _ref.type;
309 return /*#__PURE__*/_react.default.createElement("div", {
310 style: !disabled ? _styles.iconStyle : _objectSpread({}, _styles.iconStyle, {}, _styles.disabledIconStyle)
311 }, !disabled ? type === 'dark' ? darkSvg : lightSvg : disabledSvg);
312};
313
314exports.GoogleIcon = GoogleIcon;
315GoogleIcon.propTypes = {
316 disabled: _propTypes.default.bool,
317 type: _propTypes.default.oneOf(['light', 'dark'])
318};
319GoogleIcon.defaultProps = {
320 type: 'dark'
321};
\No newline at end of file