react-price-animation
Version:
A component for animating numbers and prices in React.
58 lines • 1.85 kB
TypeScript
export declare const heightVars: {
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
export declare const countAnimateVars: {
delay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
translateY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fromTranslateY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
export declare const numberWrap: string;
export declare const number: import('@vanilla-extract/recipes').RuntimeFn<{
number: {
0: {
animation: `${string} 2s ease-out forwards`;
};
1: {
animation: `${string} 2s ease-out forwards`;
};
2: {
animation: `${string} 2s ease-out forwards`;
};
3: {
animation: `${string} 2s ease-out forwards`;
};
4: {
animation: `${string} 2s ease-out forwards`;
};
5: {
animation: `${string} 2s ease-out forwards`;
};
6: {
animation: `${string} 2s ease-out forwards`;
};
7: {
animation: `${string} 2s ease-out forwards`;
};
8: {
animation: `${string} 2s ease-out forwards`;
};
9: {
animation: `${string} 2s ease-out forwards`;
};
};
delay: {
delay: {
opacity: number;
animationDelay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
change: {
change: {
animation: `${string} 0.5s ease-out forwards`;
};
noChange: {
animation: `${string} forwards`;
};
};
}>;
//# sourceMappingURL=CountAnimate.css.d.ts.map