primevue-mirror/components/lib/props/style/animation/modules/fade.js

/* const { addAnimation } = require('../rules');

module.exports = (root, opts) => {
    addAnimation(
        {
            name: 'fadein',
            from: { opacity: '0' },
            to: { opacity: '1' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeout',
            from: { opacity: '1' },
            to: { opacity: '0' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeinleft',
            from: { opacity: '0', transform: 'translateX(-100%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '1', transform: 'translateX(0%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeoutleft',
            from: { opacity: '1', transform: 'translateX(0%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '0', transform: 'translateX(-100%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeinright',
            from: { opacity: '0', transform: 'translateX(100%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '1', transform: 'translateX(0%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeoutright',
            from: { opacity: '1', transform: 'translateX(0%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '0', transform: 'translateX(100%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeinup',
            from: { opacity: '0', transform: 'translateY(-100%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '1', transform: 'translateY(0%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeoutup',
            from: { opacity: '1', transform: 'translateY(0%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '0', transform: 'translateY(-100%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeindown',
            from: { opacity: '0', transform: 'translateY(100%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '1', transform: 'translateY(0%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'fadeoutdown',
            from: { opacity: '1', transform: 'translateY(0%)', transition: 'transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1)' },
            to: { opacity: '0', transform: 'translateY(100%)' },
            duration: '.15s',
            timing: 'linear'
        },
        root,
        opts
    );
};
 */