flowtoken-next/dist/styles.d.ts


/**
 * CSS styles converted to JavaScript objects for better compatibility with modern bundlers
 */
export declare const animationsStyles = "\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes blurIn {\n    from {\n        opacity: 0;\n        filter: blur(5px);\n    }\n    to {\n        opacity: 1;\n        filter: blur(0px);\n    }\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n    overflow: hidden;\n  }\n  to {\n    width: fit-content;\n  }\n}\n\n@keyframes slideInFromLeft {\n  from {\n    transform: translateX(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0%);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeAndScale {\n  from {\n    transform: scale(0.5);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n@keyframes colorTransition {\n  from {\n    color: red;\n  }\n  to {\n    color: black;\n  }\n}\n\n@keyframes rotateIn {\n  from {\n    transform: rotate(-360deg);\n    opacity: 0;\n  }\n  to {\n    transform: rotate(0deg);\n    opacity: 1;\n  }\n}\n\n@keyframes bounceIn {\n  0%, 40%, 80%, 100% {\n    transform: translateY(0);\n  }\n  20% {\n    transform: translateY(-10%);\n  }\n  60% {\n    transform: translateY(-5%);\n  }\n}\n\n@keyframes elastic {\n  0%, 100% {\n    transform: scale(1);\n  }\n  10% {\n    transform: scale(1.2);\n  }\n}\n\n@keyframes highlight {\n  from {\n    background-color: yellow;\n  }\n  to {\n    background-color: transparent;\n  }\n}\n\n@keyframes blurAndSharpen {\n  from {\n    filter: blur(5px);\n    opacity: 0;\n  }\n  to {\n    filter: blur(0);\n    opacity: 1;\n  }\n}\n\n@keyframes dropIn {\n  from {\n    transform: translateY(-10%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateY(10%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n@keyframes wave {\n  from {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n";
export declare const customListsStyles = "\n.custom-li {\n  list-style-type: disc;\n  animation: var(--marker-animation, fadeIn 1s ease-in-out);\n  margin-left: 20px;\n}\n\n.custom-li::marker {\n  animation: var(--marker-animation, fadeIn 1s ease-in-out);\n}\n";
export declare function injectStyles(): void;