carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.66 kB
JavaScript
import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import l from"../../../style/themes/apply-base-theme.js";import{toColor as i}from"../../../style/utils/color.js";const r={small:"1px",medium:"2px",large:"4px"},a=o.td.attrs(l).withConfig({displayName:"flat-table-cell.style__StyledFlatTableCell",componentId:"sc-2bb2b0ea-0"})(["",""],(({align:o,theme:l,rowSpan:a,leftPosition:s,rightPosition:d,makeCellSticky:p,colWidth:n,isTruncated:c,expandable:m,verticalBorder:b,verticalBorderColor:y})=>t(["background-color:var(--colorsUtilityYang100);border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);text-align:",";vertical-align:middle;padding:0;"," &&&&{> div{box-sizing:border-box;"," "," ","}"," ",' [data-component="icon"]:not([color]){color:var(--colorsActionMinor500);}}&:first-of-type{border-left:1px solid var(--colorsUtilityMajor100);}&:last-of-type{border-right:1px solid var(--colorsUtilityMajor100);}'," "," ",""],o,n&&t(["width:","px;"],n),c&&t(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),n&&t(["width:","px;"],n),e,b&&t(["border-right:"," solid var(--colorsUtilityMajor300);"],r[b]),y&&t(["border-right-color:",";"],i(l,y)),a&&t(["&:first-of-type + &{border-left:1px solid var(--colorsUtilityMajor100);}"]),p&&t([""," "," position:sticky;"],void 0!==s&&`left: ${s}px;`,void 0!==d&&`right: ${d}px;`),m&&t(["white-space:nowrap;"])))),s=o.div.withConfig({displayName:"flat-table-cell.style__StyledCellContent",componentId:"sc-2bb2b0ea-1"})(["",""],(({expandable:o})=>o&&t(["display:flex;align-items:center;line-height:1em;"])));export{s as StyledCellContent,a as StyledFlatTableCell};