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

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

"use strict";var t=require("styled-components"),r=require("./flat-table-header/flat-table-header.style.js"),o=require("./flat-table-row/flat-table-row.style.js"),e=require("./flat-table-row-header/flat-table-row-header.style.js"),l=require("./flat-table-head/flat-table-head.style.js"),a=require("./flat-table-checkbox/flat-table-checkbox.style.js"),d=require("../../style/themes/apply-base-theme.js"),i=require("./flat-table-cell/flat-table-cell.style.js"),s=require("./cell-sizes.style.js"),c=require("../box/box.style.js"),b=require("../pager/pager.style.js"),u=require("../../style/utils/add-focus-styling.js");function f(t){return t&&t.__esModule?t:{default:t}}var n=f(t);const y=n.default.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-e272cfd9-0"})([""," :focus{outline:none;}"],(({width:r,overflowX:o})=>r&&t.css(["width:",";",""],r,o&&`overflow-x: ${o};`))),h=n.default.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-e272cfd9-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:r})=>r&&t.css(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:l})=>{const{height:d,fontSize:c,paddingSize:b}=s.default[l];return t.css(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],o.default,d,i.StyledFlatTableCell,r.default,e.StyledFlatTableRowHeader,a.default,c,b,b)}),(({isZebra:r})=>r&&t.css(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],o.default,e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,o.default,i.StyledFlatTableCell,e.StyledFlatTableRowHeader,a.default))),v=n.default(c.default).attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-e272cfd9-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:r})=>!r&&t.css(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],o.default,i.StyledFlatTableCell,i.StyledFlatTableCell)),(({hasStickyFooter:r,hasHorizontalScrollbar:o,bottomBorderRadius:e})=>!r&&!o&&t.css(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],e,e)),(({isInSidebar:r})=>t.css(["box-sizing:border-box;:has(",":focus-visible){","}",""],y,u.default(),r?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-base":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-white":return t.css(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);default:return t.css([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],l.default,a.default,r.default,l.default,l.default,e.StyledFlatTableRowHeader)}}),(({isInSidebar:o})=>o&&t.css(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],l.default,r.default,l.default,e.StyledFlatTableRowHeader,l.default,a.default)),(({hasStickyHead:r,theme:o})=>r&&t.css(["","{position:sticky;top:0;left:0;z-index:",";}"],l.default,o.zIndex.overlay+5)),l.default,e.StyledFlatTableRowHeader,r.default,l.default,a.default,(({theme:t})=>t.zIndex.overlay+5),r.default,a.default,r.default,a.default,(({theme:t})=>t.zIndex.overlay+3),o.default,(({hasVerticalScrollbar:r})=>!r&&t.css(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay+5),(({footer:r})=>r&&t.css(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:r,firstColRowSpanIndex:e,lastColRowSpanIndex:l,hasHorizontalScrollbar:a,hasVerticalScrollbar:d,bottomBorderRadius:i})=>!r&&t.css(["tbody{"," "," ",":last-of-type{"," ","}}"],e>=0&&t.css(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],o.default,e+1),l>=0&&!a&&t.css(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],o.default,l+1),o.default,!a&&-1===e&&t.css(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],i),!d&&!a&&-1===l&&t.css(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],i)))),p=n.default.div.attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-e272cfd9-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],b.StyledPagerContainer,(({hasStickyFooter:r,theme:o})=>r&&t.css(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],o.zIndex.overlay+1,b.StyledPagerContainer)));exports.StyledFlatTable=h,exports.StyledFlatTableFooter=p,exports.StyledFlatTableWrapper=v,exports.StyledTableContainer=y;