39 lines
1.0 KiB
JavaScript
39 lines
1.0 KiB
JavaScript
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "DialogSurfaceMotion", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function() {
|
||
|
|
return DialogSurfaceMotion;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const _reactmotion = require("@fluentui/react-motion");
|
||
|
|
const _reacttheme = require("@fluentui/react-theme");
|
||
|
|
const keyframes = [
|
||
|
|
{
|
||
|
|
opacity: 0,
|
||
|
|
boxShadow: '0px 0px 0px 0px rgba(0, 0, 0, 0.1)',
|
||
|
|
transform: 'scale(0.85) translateZ(0)'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
boxShadow: _reacttheme.tokens.shadow64,
|
||
|
|
transform: 'scale(1) translateZ(0)',
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
];
|
||
|
|
const DialogSurfaceMotion = (0, _reactmotion.createPresenceComponent)({
|
||
|
|
enter: {
|
||
|
|
keyframes,
|
||
|
|
easing: _reactmotion.motionTokens.curveDecelerateMid,
|
||
|
|
duration: _reactmotion.motionTokens.durationGentle
|
||
|
|
},
|
||
|
|
exit: {
|
||
|
|
keyframes: [
|
||
|
|
...keyframes
|
||
|
|
].reverse(),
|
||
|
|
easing: _reactmotion.motionTokens.curveAccelerateMin,
|
||
|
|
duration: _reactmotion.motionTokens.durationGentle
|
||
|
|
}
|
||
|
|
});
|