carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.2 kB
JavaScript
import r,{css as o}from"styled-components";import{margin as e}from"styled-system";import a from"../../style/themes/apply-base-theme.js";import t from"../../style/utils/add-focus-styling.js";const i={small:"0 var(--spacing300)",medium:"0 var(--spacing400)",large:"0 var(--spacing600)"},d={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},s=r.div.attrs(a).withConfig({displayName:"card.style__StyledCard",componentId:"sc-4237fca-0"})(["",""],(({cardWidth:r,interactive:a,draggable:t,height:d,spacing:s,boxShadow:n="boxShadow050",hoverBoxShadow:l="boxShadow100",roundness:u})=>o(["background-color:var(--colorsUtilityYang100);border:none;border-radius:",";box-shadow:var(--",");color:var(--colorsUtilityYin090);display:flex;flex-direction:column;height:",";justify-content:space-between;align-items:normal;margin:25px;outline:none;padding:",";transition:all 0.3s ease-in-out;vertical-align:top;width:",";"," "," "," ::-moz-focus-inner{border:0;}"],"default"===u?"var(--borderRadius100)":"var(--borderRadius200)",n,d,i[s],r,e,a&&o([":hover,:focus{box-shadow:var(--",");}"],l),t&&o(["cursor:move;"])))),n=r.div.attrs(a).attrs((({href:r,onClick:o})=>r?{as:"a"}:o?{as:"button",role:"button",type:"button"}:{})).withConfig({displayName:"card.style__StyledCardContent",componentId:"sc-4237fca-1"})([""," align-items:stretch;outline:none;text-decoration:none;background-color:inherit;border:none;padding:0;"," ",""],(({interactive:r})=>r&&o(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],t())),(({spacing:r})=>`\n padding: ${i[r]};\n margin: ${d[r]};\n `),(({roundness:r,hasFooter:e})=>o([""," ",""],"default"===r&&o(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"])),"default"!==r&&o(["border-top-left-radius:var(--borderRadius200);border-top-right-radius:var(--borderRadius200);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"])))));export{s as StyledCard,n as StyledCardContent,d as marginSizes,i as paddingSizes};