dm-web-react
Version:
The DM web client with React.
41 lines • 2.91 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
export var Input = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n padding: 0 6px;\n line-height: ", ";\n font-size: ", ";\n border: 1px solid transparent;\n border-radius: 4px;\n box-sizing: border-box;\n outline: none;\n color: ", ";\n background: ", ";\n border-color: ", ";\n :hover {\n color: ", ";\n background: ", ";\n border-color: ", ";\n }\n :focus,\n .active {\n color: ", ";\n background: ", ";\n border-color: ", ";\n }\n"], ["\n height: ",
";\n padding: 0 6px;\n line-height: ",
";\n font-size: ", ";\n border: 1px solid transparent;\n border-radius: 4px;\n box-sizing: border-box;\n outline: none;\n color: ",
";\n background: ",
";\n border-color: ",
";\n :hover {\n color: ",
";\n background: ",
";\n border-color: ",
";\n }\n :focus,\n .active {\n color: ",
";\n background: ",
";\n border-color: ",
";\n }\n"])), function (props) {
return props.uiSize === "xs" ? "26px" : props.uiSize === "sm" ? "32px" : props.uiSize === "md" ? "36px" : props.uiSize === "lg" ? "48px" : "26px";
}, function (props) {
return props.uiSize === "xs" ? "24px" : props.uiSize === "sm" ? "30px" : props.uiSize === "md" ? "34px" : props.uiSize === "lg" ? "46px" : "24px";
}, function (props) { return (props.uiSize === "xs" || !props.uiSize ? "12px" : "14px"); }, function (props) {
return props.disabled ? props.theme.input.disabled_color : props.theme.input.default_color;
}, function (props) {
return props.disabled ? props.theme.input.disabled_background : props.theme.input.default_background;
}, function (props) {
return props.disabled ? props.theme.input.disabled_borderColor : props.theme.input.default_borderColor;
}, function (props) {
return props.disabled ? props.theme.input.disabled_color : props.theme.input.hover_color;
}, function (props) {
return props.disabled ? props.theme.input.disabled_background : props.theme.input.hover_background;
}, function (props) {
return props.disabled ? props.theme.input.disabled_borderColor : props.theme.input.hover_borderColor;
}, function (props) {
return props.disabled ? props.theme.input.disabled_color : props.theme.input.active_color;
}, function (props) {
return props.disabled ? props.theme.input.disabled_background : props.theme.input.active_background;
}, function (props) {
return props.disabled ? props.theme.input.disabled_borderColor : props.theme.input.active_borderColor;
});
var templateObject_1;
//# sourceMappingURL=styled.js.map