@widergy/react-social-auth 2.0.3 → 2.1.1

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.
Files changed (38) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/components/Apple/assets/appleIcon.svg +17 -0
  3. package/dist/components/Apple/index.js +68 -37
  4. package/dist/components/Apple/styles.module.scss +13 -0
  5. package/dist/components/Apple/utils.js +1 -1
  6. package/dist/components/Button/index.js +57 -0
  7. package/dist/components/Button/styles.module.scss +51 -0
  8. package/dist/components/ButtonContainer/index.js +58 -0
  9. package/dist/components/Facebook/assets/facebookIcon.svg +3 -0
  10. package/dist/components/Facebook/index.js +84 -0
  11. package/dist/components/Facebook/styles.module.scss +13 -0
  12. package/dist/components/Google/assets/googleIcon.svg +1 -0
  13. package/dist/components/Google/components/GoogleButton/index.js +62 -0
  14. package/dist/components/Google/components/GoogleButton/styles.module.scss +13 -0
  15. package/dist/components/Google/index.js +58 -0
  16. package/dist/components/Microsoft/assets/microsoftIcon.svg +1 -0
  17. package/dist/components/Microsoft/index.js +73 -0
  18. package/dist/components/Microsoft/styles.module.scss +53 -0
  19. package/dist/components/Twitter/assets/{twitter.svg → twitterIcon.svg} +1 -1
  20. package/dist/components/Twitter/errors.js +2 -2
  21. package/dist/components/Twitter/index.js +80 -67
  22. package/dist/components/Twitter/styles.module.scss +13 -0
  23. package/dist/components/Twitter/utils.js +7 -7
  24. package/dist/constants/buttonSizes.js +10 -0
  25. package/dist/index.js +35 -7
  26. package/dist/scss/variables/_colors.scss +8 -1
  27. package/package.json +14 -4
  28. package/dist/components/Apple/assets/apple.svg +0 -14
  29. package/dist/components/Apple/components/LargeButton/index.js +0 -44
  30. package/dist/components/Apple/components/LargeButton/styles.module.scss +0 -35
  31. package/dist/components/Apple/components/SmallButton/index.js +0 -40
  32. package/dist/components/Apple/components/SmallButton/styles.module.scss +0 -10
  33. package/dist/components/Apple/types.js +0 -14
  34. package/dist/components/Twitter/components/LargeButton/index.js +0 -44
  35. package/dist/components/Twitter/components/LargeButton/styles.module.scss +0 -35
  36. package/dist/components/Twitter/components/SmallButton/index.js +0 -40
  37. package/dist/components/Twitter/components/SmallButton/styles.module.scss +0 -10
  38. 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,10 +0,0 @@
1
- @import '../../../../scss/variables/colors';
2
-
3
- .button {
4
- background-color: $black;
5
- border-radius: 50%;
6
-
7
- &:hover {
8
- background-color: $black;
9
- }
10
- }
@@ -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,10 +0,0 @@
1
- @import '../../../../scss/variables/colors';
2
-
3
- .button {
4
- background-color: $twitter;
5
- border-radius: 50%;
6
-
7
- &:hover {
8
- background-color: $twitter;
9
- }
10
- }
@@ -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;