cloudhubui
Version:
Various components to use in react projects
72 lines (71 loc) • 1.32 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.varSlideOutRight = exports.varSlideOutLeft = exports.varSlideOutDown = exports.varSlideOutUp = void 0;
// ----------------------------------------------------------------------
var DISTANCE = 160;
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 varSlideOutUp = {
initial: {
y: 0
},
animate: {
y: -DISTANCE,
transition: TRANSITION_ENTER
},
exit: {
y: 0,
transition: TRANSITION_EXIT
}
};
exports.varSlideOutUp = varSlideOutUp;
var varSlideOutDown = {
initial: {
y: 0
},
animate: {
y: DISTANCE,
transition: TRANSITION_ENTER
},
exit: {
y: 0,
transition: TRANSITION_EXIT
}
};
exports.varSlideOutDown = varSlideOutDown;
var varSlideOutLeft = {
initial: {
x: 0
},
animate: {
x: -DISTANCE,
transition: TRANSITION_ENTER
},
exit: {
x: 0,
transition: TRANSITION_EXIT
}
};
exports.varSlideOutLeft = varSlideOutLeft;
var varSlideOutRight = {
initial: {
x: 0
},
animate: {
x: DISTANCE,
transition: TRANSITION_ENTER
},
exit: {
x: 0,
transition: TRANSITION_EXIT
}
};
exports.varSlideOutRight = varSlideOutRight;