Skip to content

Commit 00818f6

Browse files
dielduartedielduarte
committed
remove webpack and use only babel
1 parent 7607836 commit 00818f6

File tree

161 files changed

+3796
-16627
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

161 files changed

+3796
-16627
lines changed

‎.babelrc

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"presets": ["es2015"]
3+
}

‎BaseAnimation.js

Lines changed: 35 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,35 @@
1-
import styled from 'styled-components';
2-
3-
const BaseAnimation = styled.div`
4-
animation-duration: ${props => props.duration ? props.duration : '1s'};
5-
animation-timing-function: ${props => props.timingFunction ? props.timingFunction : 'ease'};
6-
animation-delay: ${props => props.delay ? props.delay : '0s'};
7-
animation-iteration-count: ${props => props.iterationCount ? props.iterationCount : '1'};
8-
animation-direction: ${props => props.direction ? props.direction : 'normal'};
9-
animation-fill-mode: ${props => props.fillMode ? props.fillMode : 'both'};
10-
animation-play-state: ${props => props.playState ? props.playState : 'running'};
11-
display: ${props => props.inline ? 'inline-block' : 'initial'};
12-
`;
13-
14-
export default BaseAnimation;
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _templateObject = _taggedTemplateLiteral(['\n animation-duration: ', ';\n animation-timing-function: ', ';\n animation-delay: ', ';\n animation-iteration-count: ', ';\n animation-direction: ', ';\n animation-fill-mode: ', ';\n animation-play-state: ', ';\n display: ', ';\n'], ['\n animation-duration: ', ';\n animation-timing-function: ', ';\n animation-delay: ', ';\n animation-iteration-count: ', ';\n animation-direction: ', ';\n animation-fill-mode: ', ';\n animation-play-state: ', ';\n display: ', ';\n']);
8+
9+
var _styledComponents = require('styled-components');
10+
11+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
12+
13+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14+
15+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
16+
17+
var BaseAnimation = _styledComponents2.default.div(_templateObject, function (props) {
18+
return props.duration ? props.duration : '1s';
19+
}, function (props) {
20+
return props.timingFunction ? props.timingFunction : 'ease';
21+
}, function (props) {
22+
return props.delay ? props.delay : '0s';
23+
}, function (props) {
24+
return props.iterationCount ? props.iterationCount : '1';
25+
}, function (props) {
26+
return props.direction ? props.direction : 'normal';
27+
}, function (props) {
28+
return props.fillMode ? props.fillMode : 'both';
29+
}, function (props) {
30+
return props.playState ? props.playState : 'running';
31+
}, function (props) {
32+
return props.inline ? 'inline-block' : 'initial';
33+
});
34+
35+
exports.default = BaseAnimation;

‎Bounce.js

Lines changed: 26 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,26 @@
1-
import styled, { keyframes } from 'styled-components';
2-
import BaseAnimation from './BaseAnimation';
3-
4-
const bounceAnimation = keyframes`
5-
from, 20%, 53%, 80%, to {
6-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
7-
transform: translate3d(0,0,0);
8-
}
9-
10-
40%, 43% {
11-
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
12-
transform: translate3d(0, -30px, 0);
13-
}
14-
15-
70% {
16-
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
17-
transform: translate3d(0, -15px, 0);
18-
}
19-
20-
90% {
21-
transform: translate3d(0,-4px,0);
22-
}
23-
`;
24-
25-
const Bounce = styled(BaseAnimation)`
26-
animation-name: ${bounceAnimation};
27-
`;
28-
29-
export default Bounce;
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _templateObject = _taggedTemplateLiteral(['\n from, 20%, 53%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n transform: translate3d(0,0,0);\n }\n\n 40%, 43% {\n animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n transform: translate3d(0, -30px, 0);\n }\n\n 70% {\n animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n transform: translate3d(0, -15px, 0);\n }\n\n 90% {\n transform: translate3d(0,-4px,0);\n }\n'], ['\n from, 20%, 53%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n transform: translate3d(0,0,0);\n }\n\n 40%, 43% {\n animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n transform: translate3d(0, -30px, 0);\n }\n\n 70% {\n animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n transform: translate3d(0, -15px, 0);\n }\n\n 90% {\n transform: translate3d(0,-4px,0);\n }\n']),
8+
_templateObject2 = _taggedTemplateLiteral(['\n animation-name: ', ';\n'], ['\n animation-name: ', ';\n']);
9+
10+
var _styledComponents = require('styled-components');
11+
12+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
13+
14+
var _BaseAnimation = require('./BaseAnimation');
15+
16+
var _BaseAnimation2 = _interopRequireDefault(_BaseAnimation);
17+
18+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19+
20+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21+
22+
var bounceAnimation = (0, _styledComponents.keyframes)(_templateObject);
23+
24+
var Bounce = (0, _styledComponents2.default)(_BaseAnimation2.default)(_templateObject2, bounceAnimation);
25+
26+
exports.default = Bounce;

‎BounceIn.js

Lines changed: 26 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,26 @@
1-
import styled, { keyframes } from 'styled-components';
2-
import BaseAnimation from './BaseAnimation';
3-
4-
const bounceInAnimation = keyframes`
5-
from, 20%, 40%, 60%, 80%, to {
6-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
7-
}
8-
9-
0% {
10-
opacity: 0;
11-
transform: scale3d(.3, .3, .3);
12-
}
13-
14-
20% {
15-
transform: scale3d(1.1, 1.1, 1.1);
16-
}
17-
18-
40% {
19-
transform: scale3d(.9, .9, .9);
20-
}
21-
22-
60% {
23-
opacity: 1;
24-
transform: scale3d(1.03, 1.03, 1.03);
25-
}
26-
27-
80% {
28-
transform: scale3d(.97, .97, .97);
29-
}
30-
31-
to {
32-
opacity: 1;
33-
transform: scale3d(1, 1, 1);
34-
}
35-
`;
36-
37-
const BounceIn = styled(BaseAnimation)`
38-
animation-name: ${bounceInAnimation};
39-
`;
40-
41-
export default BounceIn;
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _templateObject = _taggedTemplateLiteral(['\n from, 20%, 40%, 60%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n 0% {\n opacity: 0;\n transform: scale3d(.3, .3, .3);\n }\n\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n transform: scale3d(.9, .9, .9);\n }\n\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n transform: scale3d(.97, .97, .97);\n }\n\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n'], ['\n from, 20%, 40%, 60%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n 0% {\n opacity: 0;\n transform: scale3d(.3, .3, .3);\n }\n\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n transform: scale3d(.9, .9, .9);\n }\n\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n transform: scale3d(.97, .97, .97);\n }\n\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n']),
8+
_templateObject2 = _taggedTemplateLiteral(['\n animation-name: ', ';\n'], ['\n animation-name: ', ';\n']);
9+
10+
var _styledComponents = require('styled-components');
11+
12+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
13+
14+
var _BaseAnimation = require('./BaseAnimation');
15+
16+
var _BaseAnimation2 = _interopRequireDefault(_BaseAnimation);
17+
18+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19+
20+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21+
22+
var bounceInAnimation = (0, _styledComponents.keyframes)(_templateObject);
23+
24+
var BounceIn = (0, _styledComponents2.default)(_BaseAnimation2.default)(_templateObject2, bounceInAnimation);
25+
26+
exports.default = BounceIn;

‎BounceInDown.js

Lines changed: 26 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,26 @@
1-
import styled, { keyframes } from 'styled-components';
2-
import BaseAnimation from './BaseAnimation';
3-
4-
const bounceInDownAnimation = keyframes`
5-
from, 60%, 75%, 90%, to {
6-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
7-
}
8-
9-
0% {
10-
opacity: 0;
11-
transform: translate3d(0, -3000px, 0);
12-
}
13-
14-
60% {
15-
opacity: 1;
16-
transform: translate3d(0, 25px, 0);
17-
}
18-
19-
75% {
20-
transform: translate3d(0, -10px, 0);
21-
}
22-
23-
90% {
24-
transform: translate3d(0, 5px, 0);
25-
}
26-
27-
to {
28-
transform: none;
29-
}
30-
`;
31-
32-
const BounceInDown = styled(BaseAnimation)`
33-
animation-name: ${bounceInDownAnimation};
34-
`;
35-
36-
export default BounceInDown;
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _templateObject = _taggedTemplateLiteral(['\n from, 60%, 75%, 90%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n\n to {\n transform: none;\n }\n'], ['\n from, 60%, 75%, 90%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n\n to {\n transform: none;\n }\n']),
8+
_templateObject2 = _taggedTemplateLiteral(['\n animation-name: ', ';\n'], ['\n animation-name: ', ';\n']);
9+
10+
var _styledComponents = require('styled-components');
11+
12+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
13+
14+
var _BaseAnimation = require('./BaseAnimation');
15+
16+
var _BaseAnimation2 = _interopRequireDefault(_BaseAnimation);
17+
18+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19+
20+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21+
22+
var bounceInDownAnimation = (0, _styledComponents.keyframes)(_templateObject);
23+
24+
var BounceInDown = (0, _styledComponents2.default)(_BaseAnimation2.default)(_templateObject2, bounceInDownAnimation);
25+
26+
exports.default = BounceInDown;

‎BounceInLeft.js

Lines changed: 26 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,26 @@
1-
import styled, { keyframes } from 'styled-components';
2-
import BaseAnimation from './BaseAnimation';
3-
4-
const bounceInLeftAnimation = keyframes`
5-
from, 60%, 75%, 90%, to {
6-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
7-
}
8-
9-
0% {
10-
opacity: 0;
11-
transform: translate3d(-3000px, 0, 0);
12-
}
13-
14-
60% {
15-
opacity: 1;
16-
transform: translate3d(25px, 0, 0);
17-
}
18-
19-
75% {
20-
transform: translate3d(-10px, 0, 0);
21-
}
22-
23-
90% {
24-
transform: translate3d(5px, 0, 0);
25-
}
26-
27-
to {
28-
transform: none;
29-
}
30-
`;
31-
32-
const BounceInLeft = styled(BaseAnimation)`
33-
animation-name: ${bounceInLeftAnimation};
34-
`;
35-
36-
export default BounceInLeft;
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _templateObject = _taggedTemplateLiteral(['\n from, 60%, 75%, 90%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n\n to {\n transform: none;\n }\n'], ['\n from, 60%, 75%, 90%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n\n to {\n transform: none;\n }\n']),
8+
_templateObject2 = _taggedTemplateLiteral(['\n animation-name: ', ';\n'], ['\n animation-name: ', ';\n']);
9+
10+
var _styledComponents = require('styled-components');
11+
12+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
13+
14+
var _BaseAnimation = require('./BaseAnimation');
15+
16+
var _BaseAnimation2 = _interopRequireDefault(_BaseAnimation);
17+
18+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19+
20+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21+
22+
var bounceInLeftAnimation = (0, _styledComponents.keyframes)(_templateObject);
23+
24+
var BounceInLeft = (0, _styledComponents2.default)(_BaseAnimation2.default)(_templateObject2, bounceInLeftAnimation);
25+
26+
exports.default = BounceInLeft;

‎BounceInRight.js

Lines changed: 26 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,26 @@
1-
import styled, { keyframes } from 'styled-components';
2-
import BaseAnimation from './BaseAnimation';
3-
4-
const bounceInRightAnimation = keyframes`
5-
from, 60%, 75%, 90%, to {
6-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
7-
}
8-
9-
from {
10-
opacity: 0;
11-
transform: translate3d(3000px, 0, 0);
12-
}
13-
14-
60% {
15-
opacity: 1;
16-
transform: translate3d(-25px, 0, 0);
17-
}
18-
19-
75% {
20-
transform: translate3d(10px, 0, 0);
21-
}
22-
23-
90% {
24-
transform: translate3d(-5px, 0, 0);
25-
}
26-
27-
to {
28-
transform: none;
29-
}
30-
`;
31-
32-
const BounceInRight = styled(BaseAnimation)`
33-
animation-name: ${bounceInRightAnimation};
34-
`;
35-
36-
export default BounceInRight;
1+
'use strict';
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
7+
var _templateObject = _taggedTemplateLiteral(['\n from, 60%, 75%, 90%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n\n to {\n transform: none;\n }\n'], ['\n from, 60%, 75%, 90%, to {\n animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n }\n\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n\n to {\n transform: none;\n }\n']),
8+
_templateObject2 = _taggedTemplateLiteral(['\n animation-name: ', ';\n'], ['\n animation-name: ', ';\n']);
9+
10+
var _styledComponents = require('styled-components');
11+
12+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
13+
14+
var _BaseAnimation = require('./BaseAnimation');
15+
16+
var _BaseAnimation2 = _interopRequireDefault(_BaseAnimation);
17+
18+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19+
20+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21+
22+
var bounceInRightAnimation = (0, _styledComponents.keyframes)(_templateObject);
23+
24+
var BounceInRight = (0, _styledComponents2.default)(_BaseAnimation2.default)(_templateObject2, bounceInRightAnimation);
25+
26+
exports.default = BounceInRight;

0 commit comments

Comments
 (0)