carbon-react/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js

A library of reusable React components for easily building user interfaces.

import t,{css as o}from"styled-components";import{padding as e}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import{toColor as r}from"../../../style/utils/color.js";import l from"../../icon/icon.style.js";const a={small:"1px",medium:"2px",large:"4px"},n=t.th.attrs(i).attrs((({stickyAlignment:t})=>({"data-sticky-align":t}))).withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeader",componentId:"sc-2badc15b-0"})(["",""],(({align:t,theme:i,width:l,leftPosition:n,rightPosition:d,truncate:s,expandable:p,verticalBorder:c,verticalBorderColor:m,stickyAlignment:h})=>o(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-top:none;box-sizing:border-box;left:0;font-weight:normal;position:sticky;text-align:",";top:auto;vertical-align:middle;padding:0;z-index:",";"," &&&&{> div{box-sizing:border-box;"," "," ","}"," "," "," ",' [data-component="icon"]:not([color]){color:var(--colorsActionMinor500);}}',""],t,i.zIndex.overlay,l&&o(["width:","px;"],l),s&&o(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),l&&o(["width:","px;"],l),e,void 0!==n&&o(["left:","px;"],n),void 0!==d&&o(["right:","px;"],d),c&&o(["border-","-width:",";"],"right"===h?"left":"right",a[c]),m&&o(["border-","-color:",";"],"right"===h?"left":"right",r(i,m)),p&&o(["white-space:nowrap;"])))),d=t.div.withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeaderContent",componentId:"sc-2badc15b-1"})(["",""],(({expandable:t})=>t&&o(["display:flex;align-items:center;line-height:1em;","{width:20px;height:20px;}"],l)));export{n as StyledFlatTableRowHeader,d as StyledFlatTableRowHeaderContent};