@empathyco/x-tailwindcss/dist/cjs/x-tailwind-plugin/components/button/index.js

Empathy X Tailwind plugin

'use strict';

var xDeepMerge = require('@empathyco/x-deep-merge');
var xUtils = require('@empathyco/x-utils');
var colors = require('./colors.js');
var _default = require('./default.js');
var disabled = require('./disabled.js');
var ghost = require('./ghost.js');
var layouts = require('./layouts.js');
var link = require('./link.js');
var outlined = require('./outlined.js');
var sizes = require('./sizes.js');
var tight = require('./tight.js');

/**
 * Returns the component `button` CSS.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function button(helpers) {
    return {
        '.x-button': xDeepMerge.deepMerge(_default.buttonDefault(helpers), xUtils.rename({
            ...colors.buttonColors(helpers),
            ...sizes.buttonSizes(helpers),
            ...layouts.buttonLayouts(helpers),
            ...outlined.buttonOutlined(helpers),
            ...link.buttonLink(helpers),
            ...ghost.buttonGhost(helpers),
            ...tight.buttonTight(helpers),
        }, { prefix: '&-' }), disabled.buttonDisabled(helpers)),
    };
}

exports.button = button;