gov-gui/dist/cjs/animation-helpers-d910bb06.js

Gov UI Component Library Typscript Build

'use strict';

const getGlobalPropsClasses = ({ classes, variant, size }) => {
    const validSizes = ['sm', 'md', 'lg', 'xl'];
    const validVariants = ['primary', 'secondary', 'info', 'success', 'warning', 'danger', 'white', 'disabled'];
    const classList = [];
    if (classes) {
        classList.push(classes);
    }
    if (variant && validVariants.includes(variant)) {
        classList.push(`${variant}-bg`);
    }
    if (size && validSizes.includes(size)) {
        classList.push(size);
    }
    // if (styles) {
    //   Object.keys(styles).forEach(key => {
    //     classList.push(`${key}-${styles[key]}`);
    //   });
    // }
    return classList.join(' ');
};
//   export const getAnimationClasses = ({ classes, styles }: GlobalProps): string => {
//     const classes: string[] = [];
//     if (animation) {
//       // animate.css typically requires the base class 'animate__animated' plus the specific animation
//       classes.push('animate__animated', `animate__${animation}`);
//     }
//     return classes.join(' ');
//   };

// animation-helpers.ts
const getAnimationClasses = ({ animation, animationSpeed, animationDelay }) => {
    const classes = [];
    if (animation) {
        // animate.css typically requires the base class 'animate__animated' plus the specific animation
        classes.push('animate__animated', `animate__${animation}`);
    }
    if (animationSpeed) {
        classes.push(`animate__${animationSpeed}`);
    }
    if (animationDelay) {
        classes.push(`animate__delay-${animationDelay}`);
    }
    return classes.join(' ');
};

exports.getAnimationClasses = getAnimationClasses;
exports.getGlobalPropsClasses = getGlobalPropsClasses;

//# sourceMappingURL=animation-helpers-d910bb06.js.map