@activecollab/components
Version:
ActiveCollab Components
27 lines • 1.52 kB
JavaScript
import styled, { css } from "styled-components";
import { Body2 } from "../../Typography";
export const StyledOptionContentWrapper = styled.div.withConfig({
displayName: "Styles__StyledOptionContentWrapper",
componentId: "sc-6fiqyy-0"
})(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";
export const StyledOptionIndicator = styled.div.withConfig({
displayName: "Styles__StyledOptionIndicator",
componentId: "sc-6fiqyy-1"
})(["height:24px;width:24px;border-radius:100%;margin-right:8px;flex-shrink:0;", ""], props => props.backgroundColor && !props.children && css(["background-color:", ";"], props.backgroundColor));
StyledOptionIndicator.displayName = "StyledOptionIndicator";
export const StyledOptionText = styled(Body2).withConfig({
displayName: "Styles__StyledOptionText",
componentId: "sc-6fiqyy-2"
})(["", " flex-grow:1;line-height:28px;padding-right:10px;", ""], {
"overflow": "hidden",
"textOverflow": "ellipsis",
"whiteSpace": "nowrap"
}, props => props.textColor && css(["color:", ";"], props.textColor));
StyledOptionText.displayName = "StyledOptionText";
export const StyledAdditionalInfo = styled.span.withConfig({
displayName: "Styles__StyledAdditionalInfo",
componentId: "sc-6fiqyy-3"
})(["margin:0 0 0 5px;line-height:18px;flex-shrink:0;"]);
StyledAdditionalInfo.displayName = "StyledAdditionalInfo";
//# sourceMappingURL=Styles.js.map