@fluentui/react-northstar
Version:
A themable React component library.
1,809 lines (1,808 loc) • 42.5 kB
TypeScript
export declare const animations: {
'carousel-slide-to-next-enter': {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
'carousel-slide-to-previous-enter': {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
'popup-show': {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
'popup-hide': {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
slideDownEnterUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownEnterFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownEnterFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownEnterNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownEnterSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownEnterSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownEnterUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpEnterUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftEnterUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightEnterUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideDownExitUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideUpExitUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideRightExitUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
slideLeftExitUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: string;
};
duration: string;
timingFunction: string;
direction: string;
fillMode: string;
};
scaleEnterUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleEnterFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleEnterFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleEnterNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleEnterSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleEnterSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleEnterUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleExitUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
scaleDownSoft: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
transform: string;
opacity: number;
};
'100%': {
transform: string;
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeEnterUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: any;
};
'100%': {
opacity: number;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitUltraFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitFaster: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitFast: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitNormal: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitSlower: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
fadeExitUltraSlow: {
keyframe: ({ delta }: {
delta: any;
}) => {
'0%': {
opacity: number;
};
'100%': {
opacity: any;
};
};
keyframeParams: {
delta: number;
};
duration: string;
timingFunction: string;
fillMode: string;
};
};