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

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

"use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),i=require("../../../style/utils/color.js"),r=require("../../icon/icon.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(e);const s={small:"1px",medium:"2px",large:"4px"},d=a.default.th.attrs(o.default).attrs((({stickyAlignment:e})=>({"data-sticky-align":e}))).withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeader",componentId:"sc-2badc15b-0"})(["",""],(({align:o,theme:r,width:l,leftPosition:a,rightPosition:d,truncate:n,expandable:c,verticalBorder:p,verticalBorderColor:h,stickyAlignment:g})=>e.css(["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);}}',""],o,r.zIndex.overlay,l&&e.css(["width:","px;"],l),n&&e.css(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),l&&e.css(["width:","px;"],l),t.padding,void 0!==a&&e.css(["left:","px;"],a),void 0!==d&&e.css(["right:","px;"],d),p&&e.css(["border-","-width:",";"],"right"===g?"left":"right",s[p]),h&&e.css(["border-","-color:",";"],"right"===g?"left":"right",i.toColor(r,h)),c&&e.css(["white-space:nowrap;"])))),n=a.default.div.withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeaderContent",componentId:"sc-2badc15b-1"})(["",""],(({expandable:t})=>t&&e.css(["display:flex;align-items:center;line-height:1em;","{width:20px;height:20px;}"],r.default)));exports.StyledFlatTableRowHeader=d,exports.StyledFlatTableRowHeaderContent=n;