46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
function _export(target, all) {
|
|
for(var name in all)Object.defineProperty(target, name, {
|
|
enumerable: true,
|
|
get: all[name]
|
|
});
|
|
}
|
|
_export(exports, {
|
|
Fade: function() {
|
|
return Fade;
|
|
},
|
|
FadeRelaxed: function() {
|
|
return FadeRelaxed;
|
|
},
|
|
FadeSnappy: function() {
|
|
return FadeSnappy;
|
|
},
|
|
createFadePresence: function() {
|
|
return createFadePresence;
|
|
}
|
|
});
|
|
const _reactmotion = require("@fluentui/react-motion");
|
|
const _fadeatom = require("../../atoms/fade-atom");
|
|
const createFadePresence = ({ enterDuration = _reactmotion.motionTokens.durationNormal, enterEasing = _reactmotion.motionTokens.curveEasyEase, exitDuration = enterDuration, exitEasing = enterEasing } = {})=>({
|
|
enter: (0, _fadeatom.fadeAtom)({
|
|
direction: 'enter',
|
|
duration: enterDuration,
|
|
easing: enterEasing
|
|
}),
|
|
exit: (0, _fadeatom.fadeAtom)({
|
|
direction: 'exit',
|
|
duration: exitDuration,
|
|
easing: exitEasing
|
|
})
|
|
});
|
|
const Fade = (0, _reactmotion.createPresenceComponent)(createFadePresence());
|
|
const FadeSnappy = (0, _reactmotion.createPresenceComponent)(createFadePresence({
|
|
enterDuration: _reactmotion.motionTokens.durationFast
|
|
}));
|
|
const FadeRelaxed = (0, _reactmotion.createPresenceComponent)(createFadePresence({
|
|
enterDuration: _reactmotion.motionTokens.durationGentle
|
|
}));
|