cloudhubui
Version:
Various components to use in react projects
98 lines (97 loc) • 1.74 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.varFadeOutRight = exports.varFadeOutLeft = exports.varFadeOutDown = exports.varFadeOutUp = exports.varFadeOut = void 0;
// ----------------------------------------------------------------------
var DISTANCE = 120;
var TRANSITION_ENTER = {
duration: 0.64,
ease: [0.43, 0.13, 0.23, 0.96]
};
var TRANSITION_EXIT = {
duration: 0.48,
ease: [0.43, 0.13, 0.23, 0.96]
};
var varFadeOut = {
initial: {
opacity: 1
},
animate: {
opacity: 0,
transition: TRANSITION_ENTER
},
exit: {
opacity: 1,
transition: TRANSITION_EXIT
}
};
exports.varFadeOut = varFadeOut;
var varFadeOutUp = {
initial: {
y: 0,
opacity: 1
},
animate: {
y: -DISTANCE,
opacity: 0,
transition: TRANSITION_ENTER
},
exit: {
y: 0,
opacity: 1,
transition: TRANSITION_EXIT
}
};
exports.varFadeOutUp = varFadeOutUp;
var varFadeOutDown = {
initial: {
y: 0,
opacity: 1
},
animate: {
y: DISTANCE,
opacity: 0,
transition: TRANSITION_ENTER
},
exit: {
y: 0,
opacity: 1,
transition: TRANSITION_EXIT
}
};
exports.varFadeOutDown = varFadeOutDown;
var varFadeOutLeft = {
initial: {
x: 0,
opacity: 1
},
animate: {
x: -DISTANCE,
opacity: 0,
transition: TRANSITION_ENTER
},
exit: {
x: 0,
opacity: 1,
transition: TRANSITION_EXIT
}
};
exports.varFadeOutLeft = varFadeOutLeft;
var varFadeOutRight = {
initial: {
x: 0,
opacity: 1
},
animate: {
x: DISTANCE,
opacity: 0,
transition: TRANSITION_ENTER
},
exit: {
x: 0,
opacity: 1,
transition: TRANSITION_EXIT
}
};
exports.varFadeOutRight = varFadeOutRight;