@activecollab/components
Version:
ActiveCollab Components
27 lines • 1.03 kB
JavaScript
import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { Dot } from "../Dot";
import { FontStyle } from "../FontStyle";
export const StyledTag = styled.div.withConfig({
displayName: "Styles__StyledTag",
componentId: "sc-1chtb47-0"
})(["", " font-size:13px;line-height:1.375;", " ", ""], {
"display": "flex",
"alignItems": "center"
}, BoxSizingStyle, FontStyle);
StyledTag.displayName = "StyledTag";
export const StyledTagDot = styled(Dot).withConfig({
displayName: "Styles__StyledTagDot",
componentId: "sc-1chtb47-1"
})(["", ""], props => props.$showText && css(["", ""], {
"marginRight": "0.25rem"
}));
StyledTagDot.displayName = "StyledTagDot";
export const StyledTagText = styled.div.withConfig({
displayName: "Styles__StyledTagText",
componentId: "sc-1chtb47-2"
})(["", " ", ""], {
"textTransform": "uppercase"
}, props => props.color && css(["color:", ";"], props.color));
StyledTagText.displayName = "StyledTagText";
//# sourceMappingURL=Styles.js.map