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

Empathy X Tailwind plugin

/**
 * Returns the `outlined` variant for component `badge`.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the variant.
 */
function badgeOutlined(helpers) {
    const { theme } = helpers;
    return {
        outlined: {
            color: theme('x.colors.neutral.90'),
            backgroundColor: 'transparent',
            borderWidth: theme('x.spacing.1'),
            borderColor: `var(--badge-color-50, ${theme('x.colors.neutral.90')})`,
        },
    };
}

export { badgeOutlined };