carbon-react/esm/components/tile/tile.style.js

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

import r,{css as t}from"styled-components";import{space as e}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import a from"../../style/utils/element-sizing.js";import i from"./tile-content/tile-content.style.js";const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},n=r.div.attrs(o).withConfig({displayName:"tile.style__StyledTile",componentId:"sc-418bb97f-0"})(["",""],(({borderVariant:r,borderWidth:o="borderWidth100",isHorizontal:n,variant:c,width:l,roundness:d,highlightVariant:u,height:v})=>t([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> *:first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> *:last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e,u&&t(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),o,((r,t)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(t){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(r,c),s(d),s(d),i,s(d),s(d),i,s(d),s(d),"tile"===c&&t(["background-color:var(--colorsUtilityYang100);"]),"transparent"===c&&t(["background-color:transparent;"]),"active"===c&&t(["background-color:var(--colorsActionMajor025);"]),"grey"===c&&t(["background-color:var(--colorsUtilityMajor025);"]),n?"row":"column",a({width:l||void 0,height:v||void 0}))));export{n as default};