norma-library
Version:
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
35 lines • 1.21 kB
JavaScript
import { __makeTemplateObject } from "tslib";
import styled from "styled-components";
var setSize = function (size) {
switch (size) {
case "small":
return "12px";
case "medium":
return "14px";
case "large":
return "16px";
default:
return "14px";
}
};
var setColor = function (size) {
switch (size) {
case "default":
return "var(--primary-project, var(--secondary, pink));";
case "secondary":
return "#808495";
case "success":
return "#6BC235";
case "warning":
return "#FF7F11";
case "danger":
return "#D63643";
case "info":
return "#43BBF2";
default:
return "#666";
}
};
export var Container = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n color: ", ";\n font-size: ", ";\n"], ["\n margin: 0;\n padding: 0;\n color: ", ";\n font-size: ", ";\n"])), function (props) { return setColor(props.type); }, function (props) { return setSize(props.size); });
var templateObject_1;
//# sourceMappingURL=styles.js.map