@widergy/react-social-auth 2.0.3 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/components/Apple/assets/appleIcon.svg +17 -0
- package/dist/components/Apple/index.js +65 -37
- package/dist/components/Apple/styles.module.scss +13 -0
- package/dist/components/Apple/utils.js +1 -1
- package/dist/components/Button/index.js +53 -0
- package/dist/components/Button/styles.module.scss +46 -0
- package/dist/components/ButtonContainer/index.js +63 -0
- package/dist/components/ButtonContainer/styles.module.scss +3 -0
- package/dist/components/Facebook/assets/facebookIcon.svg +3 -0
- package/dist/components/Facebook/index.js +81 -0
- package/dist/components/Facebook/styles.module.scss +13 -0
- package/dist/components/Google/assets/googleIcon.svg +1 -0
- package/dist/components/Google/components/GoogleButton/index.js +59 -0
- package/dist/components/Google/components/GoogleButton/styles.module.scss +13 -0
- package/dist/components/Google/index.js +55 -0
- package/dist/components/Microsoft/assets/microsoftIcon.svg +1 -0
- package/dist/components/Microsoft/index.js +68 -0
- package/dist/components/Microsoft/styles.module.scss +53 -0
- package/dist/components/Twitter/assets/{twitter.svg → twitterIcon.svg} +1 -1
- package/dist/components/Twitter/errors.js +2 -2
- package/dist/components/Twitter/index.js +77 -67
- package/dist/components/Twitter/styles.module.scss +13 -0
- package/dist/components/Twitter/utils.js +7 -7
- package/dist/constants/buttonSizes.js +10 -0
- package/dist/index.js +35 -7
- package/dist/scss/variables/_colors.scss +8 -1
- package/package.json +14 -4
- package/dist/components/Apple/assets/apple.svg +0 -14
- package/dist/components/Apple/components/LargeButton/index.js +0 -44
- package/dist/components/Apple/components/LargeButton/styles.module.scss +0 -35
- package/dist/components/Apple/components/SmallButton/index.js +0 -40
- package/dist/components/Apple/components/SmallButton/styles.module.scss +0 -10
- package/dist/components/Apple/types.js +0 -14
- package/dist/components/Twitter/components/LargeButton/index.js +0 -44
- package/dist/components/Twitter/components/LargeButton/styles.module.scss +0 -35
- package/dist/components/Twitter/components/SmallButton/index.js +0 -40
- package/dist/components/Twitter/components/SmallButton/styles.module.scss +0 -10
- package/dist/components/Twitter/types.js +0 -14
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="22.03" height="26.142" viewBox="0 0 22.03 26.142">
|
|
2
|
-
<g id="RABjIu.tif" transform="translate(-1196.095 -673.067)">
|
|
3
|
-
<g id="Grupo_21677" data-name="Grupo 21677" transform="translate(1196.095 673.067)">
|
|
4
|
-
<path id="Trazado_1206" data-name="Trazado 1206" d="M1203.447,934.508h-.689a3.378,3.378,0,0,1-1.8-.9,12.776,12.776,0,0,1-1.912-2.214,13.978,13.978,0,0,1-1.286-2.125,16.681,16.681,0,0,1-1.584-5.106c-.038-.278-.052-.558-.062-.837,0-.025.007-.051-.013-.073v-.1c.019-.017.012-.04.013-.06s.011-.065-.013-.093v-.179a.437.437,0,0,0,0-.23v-.23a.261.261,0,0,0,0-.179v-.153c.025-.03.008-.065.013-.1s.01-.057-.013-.081v-.1c.032-.18.02-.362.04-.543a8.225,8.225,0,0,1,.7-2.562,7.421,7.421,0,0,1,.863-1.442,6.642,6.642,0,0,1,4.307-2.544,5.349,5.349,0,0,1,2.331.187c.63.182,1.237.431,1.858.637a6.137,6.137,0,0,0,.985.263.669.669,0,0,0,.24,0,11.526,11.526,0,0,0,1.558-.485,13.893,13.893,0,0,1,2.113-.628,6.372,6.372,0,0,1,2.458.066,6.564,6.564,0,0,1,2.437,1.006,5.8,5.8,0,0,1,1.383,1.346c.09.122.085.158-.048.243a7.108,7.108,0,0,0-1.211.952,5.18,5.18,0,0,0-1.525,3.127,6.047,6.047,0,0,0,.36,2.957,5.31,5.31,0,0,0,1,1.59,6.2,6.2,0,0,0,2.053,1.526.407.407,0,0,1,.131.077v.051a8.3,8.3,0,0,1-.516,1.381,13.193,13.193,0,0,1-1.257,2.244,17.567,17.567,0,0,1-1.422,1.832,5.08,5.08,0,0,1-1.5,1.181,3.174,3.174,0,0,1-1.6.287,6.238,6.238,0,0,1-1.926-.51,6.743,6.743,0,0,0-1.911-.477,5.177,5.177,0,0,0-1.606.145,9.4,9.4,0,0,0-1.259.415,9.094,9.094,0,0,1-1.2.382C1203.766,934.482,1203.6,934.477,1203.447,934.508Z" transform="translate(-1196.095 -908.366)" fill="#fff"/>
|
|
5
|
-
<path id="Trazado_1207" data-name="Trazado 1207" d="M1632.937,673.067a5.06,5.06,0,0,1-.6,3.012,6.52,6.52,0,0,1-2.684,2.715,3.916,3.916,0,0,1-2.012.461c-.117,0-.155-.037-.163-.157a5.082,5.082,0,0,1,.631-2.781,6.118,6.118,0,0,1,4.052-3.137,5.459,5.459,0,0,0,.552-.113Z" transform="translate(-1616.447 -673.067)" fill="#fff"/>
|
|
6
|
-
<path id="Trazado_1208" data-name="Trazado 1208" d="M1196.095,1229.962a.23.23,0,0,1,0,.23Z" transform="translate(-1196.095 -1215.742)" fill="#fff"/>
|
|
7
|
-
<path id="Trazado_1209" data-name="Trazado 1209" d="M1196.095,1213.965a.147.147,0,0,1,0,.179Z" transform="translate(-1196.095 -1200.154)" fill="#fff"/>
|
|
8
|
-
<path id="Trazado_1210" data-name="Trazado 1210" d="M1196.117,1203.638c0,.036.019.076-.022.1v-.1C1196.1,1203.628,1196.109,1203.627,1196.117,1203.638Z" transform="translate(-1196.095 -1190.083)" fill="#fff"/>
|
|
9
|
-
<path id="Trazado_1211" data-name="Trazado 1211" d="M1196.095,1245.959c.042.027.023.067.022.1-.008.01-.015.01-.022,0Z" transform="translate(-1196.095 -1231.331)" fill="#fff"/>
|
|
10
|
-
<path id="Trazado_1212" data-name="Trazado 1212" d="M1196.117,1201.042h-.022v-.077C1196.139,1200.982,1196.115,1201.016,1196.117,1201.042Z" transform="translate(-1196.095 -1187.488)" fill="#fff"/>
|
|
11
|
-
<path id="Trazado_1213" data-name="Trazado 1213" d="M1196.095,1249.958h.022c0,.021.011.045-.022.05Z" transform="translate(-1196.095 -1235.228)" fill="#fff"/>
|
|
12
|
-
</g>
|
|
13
|
-
</g>
|
|
14
|
-
</svg>
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _energyUi = require("@widergy/energy-ui");
|
|
9
|
-
var _propTypes = require("prop-types");
|
|
10
|
-
var _apple = _interopRequireDefault(require("../../assets/apple.svg"));
|
|
11
|
-
var _types = require("../../types");
|
|
12
|
-
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
var LargeButton = function LargeButton(_ref) {
|
|
15
|
-
var onClick = _ref.onClick,
|
|
16
|
-
label = _ref.label,
|
|
17
|
-
_ref$classes = _ref.classes,
|
|
18
|
-
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
|
19
|
-
icon = _ref.icon;
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
|
|
21
|
-
classNames: {
|
|
22
|
-
childrenContainer: _stylesModule.default.childrenContainer,
|
|
23
|
-
root: "".concat(_stylesModule.default.button, " ").concat(classes.root),
|
|
24
|
-
text: "".concat(_stylesModule.default.label, " ").concat(classes.label)
|
|
25
|
-
},
|
|
26
|
-
Icon: function Icon(_ref2) {
|
|
27
|
-
var className = _ref2.className;
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
|
29
|
-
src: icon || _apple.default,
|
|
30
|
-
alt: "",
|
|
31
|
-
className: "".concat(_stylesModule.default.icon, " ").concat(classes.largeIcon, " ").concat(className)
|
|
32
|
-
});
|
|
33
|
-
},
|
|
34
|
-
onClick: onClick
|
|
35
|
-
}, label);
|
|
36
|
-
};
|
|
37
|
-
LargeButton.propTypes = {
|
|
38
|
-
classes: _types.classesType,
|
|
39
|
-
icon: _propTypes.string,
|
|
40
|
-
label: _propTypes.string,
|
|
41
|
-
onClick: _propTypes.func
|
|
42
|
-
};
|
|
43
|
-
var _default = LargeButton;
|
|
44
|
-
exports.default = _default;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
@import '../../../../scss/variables/colors';
|
|
2
|
-
|
|
3
|
-
.button {
|
|
4
|
-
align-items: center;
|
|
5
|
-
background-color: $black;
|
|
6
|
-
box-sizing: border-box;
|
|
7
|
-
height: 40px;
|
|
8
|
-
justify-content: flex-start;
|
|
9
|
-
margin: 10px 0;
|
|
10
|
-
padding: 8px 12px;
|
|
11
|
-
width: 100%;
|
|
12
|
-
|
|
13
|
-
&:hover {
|
|
14
|
-
background-color: $light-black;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.childrenContainer {
|
|
19
|
-
width: 100%;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.icon {
|
|
23
|
-
height: 24px;
|
|
24
|
-
margin-right: 12px;
|
|
25
|
-
position: absolute;
|
|
26
|
-
top: 50%;
|
|
27
|
-
transform: translateY(-50%);
|
|
28
|
-
width: 24px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.label {
|
|
32
|
-
font-size: 0.875rem;
|
|
33
|
-
font-weight: 700;
|
|
34
|
-
margin: 0 auto -2px;
|
|
35
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _energyUi = require("@widergy/energy-ui");
|
|
9
|
-
var _propTypes = require("prop-types");
|
|
10
|
-
var _apple = _interopRequireDefault(require("../../assets/apple.svg"));
|
|
11
|
-
var _types = require("../../types");
|
|
12
|
-
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
var SmallButton = function SmallButton(_ref) {
|
|
15
|
-
var onClick = _ref.onClick,
|
|
16
|
-
_ref$classes = _ref.classes,
|
|
17
|
-
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
|
18
|
-
icon = _ref.icon;
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
|
|
20
|
-
classNames: {
|
|
21
|
-
root: "".concat(_stylesModule.default.button, " ").concat(classes.root)
|
|
22
|
-
},
|
|
23
|
-
Icon: function Icon(_ref2) {
|
|
24
|
-
var className = _ref2.className;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
|
26
|
-
src: icon || _apple.default,
|
|
27
|
-
alt: "",
|
|
28
|
-
className: "".concat(classes.smallIcon, " ").concat(className)
|
|
29
|
-
});
|
|
30
|
-
},
|
|
31
|
-
onClick: onClick
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
SmallButton.propTypes = {
|
|
35
|
-
onClick: _propTypes.func,
|
|
36
|
-
classes: _types.classesType,
|
|
37
|
-
icon: _propTypes.string
|
|
38
|
-
};
|
|
39
|
-
var _default = SmallButton;
|
|
40
|
-
exports.default = _default;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.classesType = void 0;
|
|
7
|
-
var _propTypes = require("prop-types");
|
|
8
|
-
var classesType = (0, _propTypes.shape)({
|
|
9
|
-
root: _propTypes.string,
|
|
10
|
-
smallIcon: _propTypes.string,
|
|
11
|
-
largeIcon: _propTypes.string,
|
|
12
|
-
label: _propTypes.string
|
|
13
|
-
});
|
|
14
|
-
exports.classesType = classesType;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _energyUi = require("@widergy/energy-ui");
|
|
9
|
-
var _propTypes = require("prop-types");
|
|
10
|
-
var _twitter = _interopRequireDefault(require("../../assets/twitter.svg"));
|
|
11
|
-
var _types = require("../../types");
|
|
12
|
-
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
var LargeButton = function LargeButton(_ref) {
|
|
15
|
-
var onClick = _ref.onClick,
|
|
16
|
-
label = _ref.label,
|
|
17
|
-
_ref$classes = _ref.classes,
|
|
18
|
-
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
|
19
|
-
icon = _ref.icon;
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
|
|
21
|
-
classNames: {
|
|
22
|
-
childrenContainer: _stylesModule.default.childrenContainer,
|
|
23
|
-
root: "".concat(_stylesModule.default.button, " ").concat(classes.root),
|
|
24
|
-
text: "".concat(_stylesModule.default.label, " ").concat(classes.label)
|
|
25
|
-
},
|
|
26
|
-
Icon: function Icon(_ref2) {
|
|
27
|
-
var className = _ref2.className;
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
|
29
|
-
src: icon || _twitter.default,
|
|
30
|
-
alt: "",
|
|
31
|
-
className: "".concat(_stylesModule.default.icon, " ").concat(classes.largeIcon, " ").concat(className)
|
|
32
|
-
});
|
|
33
|
-
},
|
|
34
|
-
onClick: onClick
|
|
35
|
-
}, label);
|
|
36
|
-
};
|
|
37
|
-
LargeButton.propTypes = {
|
|
38
|
-
classes: _types.classesType,
|
|
39
|
-
icon: _propTypes.string,
|
|
40
|
-
label: _propTypes.string,
|
|
41
|
-
onClick: _propTypes.func
|
|
42
|
-
};
|
|
43
|
-
var _default = LargeButton;
|
|
44
|
-
exports.default = _default;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
@import '../../../../scss/variables/colors';
|
|
2
|
-
|
|
3
|
-
.button {
|
|
4
|
-
align-items: center;
|
|
5
|
-
background-color: $twitter;
|
|
6
|
-
box-sizing: border-box;
|
|
7
|
-
height: 40px;
|
|
8
|
-
justify-content: flex-start;
|
|
9
|
-
margin: 10px 0;
|
|
10
|
-
padding: 8px 12px;
|
|
11
|
-
width: 100%;
|
|
12
|
-
|
|
13
|
-
&:hover {
|
|
14
|
-
background-color: $twitter;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.childrenContainer {
|
|
19
|
-
width: 100%;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.icon {
|
|
23
|
-
height: 24px;
|
|
24
|
-
margin-right: 12px;
|
|
25
|
-
position: absolute;
|
|
26
|
-
top: 50%;
|
|
27
|
-
transform: translateY(-50%);
|
|
28
|
-
width: 24px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.label {
|
|
32
|
-
font-size: 0.875rem;
|
|
33
|
-
font-weight: 700;
|
|
34
|
-
margin: 0 auto -2px;
|
|
35
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _energyUi = require("@widergy/energy-ui");
|
|
9
|
-
var _propTypes = require("prop-types");
|
|
10
|
-
var _twitter = _interopRequireDefault(require("../../assets/twitter.svg"));
|
|
11
|
-
var _types = require("../../types");
|
|
12
|
-
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
var SmallButton = function SmallButton(_ref) {
|
|
15
|
-
var onClick = _ref.onClick,
|
|
16
|
-
_ref$classes = _ref.classes,
|
|
17
|
-
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
|
18
|
-
icon = _ref.icon;
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
|
|
20
|
-
classNames: {
|
|
21
|
-
root: "".concat(_stylesModule.default.button, " ").concat(classes.root)
|
|
22
|
-
},
|
|
23
|
-
Icon: function Icon(_ref2) {
|
|
24
|
-
var className = _ref2.className;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
|
26
|
-
src: icon || _twitter.default,
|
|
27
|
-
alt: "",
|
|
28
|
-
className: "".concat(classes.smallIcon, " ").concat(className)
|
|
29
|
-
});
|
|
30
|
-
},
|
|
31
|
-
onClick: onClick
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
SmallButton.propTypes = {
|
|
35
|
-
onClick: _propTypes.func,
|
|
36
|
-
classes: _types.classesType,
|
|
37
|
-
icon: _propTypes.string
|
|
38
|
-
};
|
|
39
|
-
var _default = SmallButton;
|
|
40
|
-
exports.default = _default;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.classesType = void 0;
|
|
7
|
-
var _propTypes = require("prop-types");
|
|
8
|
-
var classesType = (0, _propTypes.shape)({
|
|
9
|
-
root: _propTypes.string,
|
|
10
|
-
smallIcon: _propTypes.string,
|
|
11
|
-
largeIcon: _propTypes.string,
|
|
12
|
-
label: _propTypes.string
|
|
13
|
-
});
|
|
14
|
-
exports.classesType = classesType;
|