carbon-react/lib/components/card/card.style.js

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

"use strict";var r=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/add-focus-styling.js");function t(r){return r&&r.__esModule?r:{default:r}}var s=t(r);const d={small:"0 var(--spacing300)",medium:"0 var(--spacing400)",large:"0 var(--spacing600)"},i={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},n=s.default.div.attrs(o.default).withConfig({displayName:"card.style__StyledCard",componentId:"sc-4237fca-0"})(["",""],(({cardWidth:o,interactive:a,draggable:t,height:s,spacing:i,boxShadow:n="boxShadow050",hoverBoxShadow:l="boxShadow100",roundness:u})=>r.css(["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,s,d[i],o,e.margin,a&&r.css([":hover,:focus{box-shadow:var(--",");}"],l),t&&r.css(["cursor:move;"])))),l=s.default.div.attrs(o.default).attrs((({href:r,onClick:e})=>r?{as:"a"}:e?{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:e})=>e&&r.css(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],a.default())),(({spacing:r})=>`\n    padding: ${d[r]};\n    margin: ${i[r]};\n  `),(({roundness:e,hasFooter:o})=>r.css([""," ",""],"default"===e&&r.css(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);",""],!o&&r.css(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"])),"default"!==e&&r.css(["border-top-left-radius:var(--borderRadius200);border-top-right-radius:var(--borderRadius200);",""],!o&&r.css(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"])))));exports.StyledCard=n,exports.StyledCardContent=l,exports.marginSizes=i,exports.paddingSizes=d;