@skbkontur/ui-kit/lib/themes/default/button.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var utils_1 = require("../utils");
var common_1 = require("./common");
exports.getButtonTheme = function (base) {
    if (base === void 0) { base = common_1.getCommonTheme(); }
    var getColor = utils_1.getThemeColor.bind(null, base.colors);
    var useStales = {
        default: {},
        success: {},
        primary: {},
        danger: {},
        pay: {}
    };
    ['default', 'success', 'primary', 'danger', 'pay'].forEach(function (use) {
        var buttonStyles = base.components.button[use];
        if (!buttonStyles) {
            return;
        }
        var stylesForState = {};
        utils_1.CONTROL_STATES.forEach(function (state) {
            stylesForState[state] = {
                color: getColor(buttonStyles[state].text),
                background: getColor(buttonStyles[state].background),
                'box-shadow': getColor(buttonStyles[state].shadow),
                border: getColor(buttonStyles[state].border)
            };
        });
        useStales[use] = stylesForState;
    });
    return tslib_1.__assign({}, useStales, { small: {
            paddingHorizontal: '15px',
            height: '32px',
            fontSize: '14px',
            borderRadius: '2px'
        }, medium: {
            paddingHorizontal: '15px',
            height: '38px',
            fontSize: '16px',
            borderRadius: '2px'
        }, large: {
            paddingHorizontal: '20px',
            height: '42px',
            fontSize: '16px',
            borderRadius: '2px'
        } });
};
//# sourceMappingURL=button.js.map