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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var utils_1 = require("../utils");
var common_1 = require("./common");
var INPUT_STATES = ['default', 'focus', 'warning', 'error', 'disabled'];
exports.getInputTheme = function (base) {
    if (base === void 0) { base = common_1.getCommonTheme(); }
    var getColor = utils_1.getThemeColor.bind(null, base.colors);
    var inputStyles = base.components.input.default;
    var stateStyles = {};
    INPUT_STATES.forEach(function (state) {
        stateStyles[state] = {
            color: getColor(inputStyles[state].text),
            background: getColor(inputStyles[state].background),
            'box-shadow': getColor(inputStyles[state].shadow),
            border: getColor(inputStyles[state].border)
        };
    });
    return tslib_1.__assign({}, stateStyles, { padding: '10px', iconWidth: '27px', small: {
            fontSize: '14px',
            lineHeight: '20px',
            paddingTop: '6px',
            paddingBottom: '6px'
        }, medium: {
            fontSize: '16px',
            lineHeight: '22px',
            paddingTop: '8px',
            paddingBottom: '8px'
        }, large: {
            fontSize: '16px',
            lineHeight: '22px',
            paddingTop: '10px',
            paddingBottom: '10px'
        } });
};
//# sourceMappingURL=input.js.map