@nex-ui/react/dist/cjs/theme/shared/variants.cjs

🎉 A beautiful, modern, and reliable React component library.

'use strict';

const colorVariant = {
    blue: {
        colorPalette: 'blue'
    },
    gray: {
        colorPalette: 'gray'
    },
    pink: {
        colorPalette: 'pink'
    },
    purple: {
        colorPalette: 'purple'
    },
    cyan: {
        colorPalette: 'cyan'
    },
    orange: {
        colorPalette: 'orange'
    },
    yellow: {
        colorPalette: 'yellow'
    },
    green: {
        colorPalette: 'green'
    },
    red: {
        colorPalette: 'red'
    }
};
const fullWidth = {
    true: {
        w: '100%'
    }
};
const radiusVariant = {
    sm: {
        borderRadius: 'md'
    },
    md: {
        borderRadius: 'lg'
    },
    lg: {
        borderRadius: 'xl'
    },
    full: {
        borderRadius: 'full'
    },
    none: {
        borderRadius: 'none'
    }
};
const sizeVariant = {
    sm: {
        px: '3',
        fs: 'md',
        h: '8'
    },
    md: {
        px: '4',
        fs: 'lg',
        h: '10'
    },
    lg: {
        px: '5',
        fs: 'xl',
        h: '12'
    }
};
const disabledVariant = {
    true: {
        opacity: 0.6,
        pointerEvents: 'none'
    }
};

exports.colorVariant = colorVariant;
exports.disabledVariant = disabledVariant;
exports.fullWidth = fullWidth;
exports.radiusVariant = radiusVariant;
exports.sizeVariant = sizeVariant;