@empathyco/x-tailwindcss/dist/esm/x-tailwind-plugin/components/badge/colors.js

Empathy X Tailwind plugin

import { mapColors } from '../../utils/map-colors.js';

/**
 * Returns the `colors` variants for component `badge`.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the variant.
 */
function badgeColors(helpers) {
    return {
        ...mapColors(color => {
            return {
                '--badge-color-25': color['25'],
                '--badge-color-50': color['50'],
                backgroundColor: color['75'],
            };
        }, helpers),
    };
}

export { badgeColors };