carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.54 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("./flat-table-header-utils.js"),i=require("../../../style/themes/apply-base-theme.js"),o=require("../../../style/utils/color.js");function l(e){return e&&e.__esModule?e:{default:e}}const d={small:"1px",medium:"2px",large:"4px"},s=l(e).default.th.attrs(i.default).withConfig({displayName:"flat-table-header.style__StyledFlatTableHeader",componentId:"sc-16315b2b-0"})(["",""],(({align:i,alternativeBgColor:l,colWidth:s,leftPosition:a,rightPosition:n,makeCellSticky:c,verticalBorder:p,verticalBorderColor:u,colorTheme:g,theme:h})=>e.css(["background-color:transparent;border-width:0;box-sizing:border-box;font-weight:500;left:auto;text-align:",";user-select:none;vertical-align:middle;word-break:keep-all;padding:0;"," &:first-child{padding-left:1px;}&&&{> div{box-sizing:border-box;"," ","}}",";"," &&&{"," ","}}"],i,s&&e.css(["width:","px;"],s),t.padding,s&&e.css(["width:","px;"],s),l&&e.css(["&&&{background-color:",";}&&&:first-child{border-left:unset;}"],r.default(g)),c&&e.css([""," "," position:sticky;&:first-child{padding-right:0.395em;@-moz-document url-prefix(){padding-right:2px;}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){padding-right:0.9em;}}"],void 0!==a&&`left: ${a}px;`,void 0!==n&&`right: ${n}px;`),p&&e.css(["border-right-width:",";"],d[p]),u&&e.css(["border-right-color:",";"],o.toColor(h,u)))));exports.default=s;