@veracity/vui/dist/core/vuiProvider/animations.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

//#region src/core/vuiProvider/animations.ts
const bounce = `
	0%, 100% {
		animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
		transform: translateY(-25%);
	}
	50% {
		animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
		transform: translateY(0);
	}
`;
const fadeDown = (distance) => `
	from {
		opacity: 0;
		transform: translateY(-${distance}px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
`;
const fadeIn = `
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
`;
const fadeLeft = (distance) => `
	from {
		opacity: 0;
		transform: translateX(${distance}px)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
`;
const fadeOut = `
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
`;
const fadeRight = (distance) => `
	from {
		opacity: 0;
		transform: translateX(-${distance}px)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
`;
const fadeUp = (distance) => `
	from {
		opacity: 0;
		transform: translateY(${distance}px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
`;
const pulse = `
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
`;
const spin = `
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
`;

//#endregion
export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=animations.js.map