@fluentui/react-northstar
Version:
A themable React component library.
1,179 lines (1,178 loc) • 28.1 kB
TypeScript
export declare const slideAnimations: {
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;
};
};