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

Empathy X Tailwind plugin

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

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

export { buttonColors };