@cap3/capitano-components/lib/atoms/Input/Input.js

# <div style="color: crimson;">ALPHA DISCLAIMER</div>

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const capitano_theme_1 = require("@cap3/capitano-theme");
const formElementHelpers_1 = require("../../atoms/basics/formElementHelpers");
const polished_1 = require("polished");
exports.Input = capitano_theme_1.styled("input")(formElementHelpers_1.formElementBaseStyle, formElementHelpers_1.formElementInputBaseStyle, formElementHelpers_1.formElementBorderStyle, ({ theme }) => {
    const placeHolderStyle = {
        opacity: 0.5,
        color: theme.colors.textOnBackground,
    };
    return polished_1.placeholder(placeHolderStyle);
}, ({ theme, invalid }) => {
    const validationVisible = invalid !== undefined;
    if (validationVisible) {
        const validatedColor = invalid
            ? theme.colors.success["500"]
            : theme.colors.danger["500"];
        return {
            borderColor: validatedColor,
            color: validatedColor,
        };
    }
    else {
        return {};
    }
});
//# sourceMappingURL=Input.js.map