@fluentui/react-northstar
Version:
A themable React component library.
303 lines (302 loc) • 7.09 kB
TypeScript
export declare const scaleAnimations: {
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;
};
};