@ludiks/react/dist/utils/styles.d.ts

Complete React library for Ludiks gamification platform - includes SDK and ready-to-use components

export declare function createStyles(styles: Record<string, React.CSSProperties>): Record<string, import("react").CSSProperties>;
export declare const commonStyles: {
    fadeIn: {
        animation: string;
    };
    slideUp: {
        animation: string;
    };
    scaleIn: {
        animation: string;
    };
    pulse: {
        animation: string;
    };
    shadowSm: {
        boxShadow: string;
    };
    shadowMd: {
        boxShadow: string;
    };
    shadowLg: {
        boxShadow: string;
    };
    shadowXl: {
        boxShadow: string;
    };
    gradientPrimary: {
        background: string;
    };
    gradientSuccess: {
        background: string;
    };
    gradientWarning: {
        background: string;
    };
    gradientGray: {
        background: string;
    };
    transition: {
        transition: string;
    };
    transitionSlow: {
        transition: string;
    };
};
export declare const keyframes = "\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  \n  @keyframes slideUp {\n    from { \n      transform: translateY(10px);\n      opacity: 0;\n    }\n    to { \n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  \n  @keyframes scaleIn {\n    from { \n      transform: scale(0.95);\n      opacity: 0;\n    }\n    to { \n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n  }\n  \n  @keyframes bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-5px); }\n  }\n  \n  @keyframes shimmer {\n    0% { background-position: -200px 0; }\n    100% { background-position: calc(200px + 100%) 0; }\n  }\n";