{"version":3,"sources":["../../src/Card/Card.css.ts"],"names":["css","vars","gapSizeMap","size","inline","cardCSS","__spreadValues"],"mappings":";yVACA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAGrB,IAAMC,EAAa,CAAC,CAAE,KAAAC,EAAM,OAAAC,CAAO,IAC7BD,IAAS,QACJ,CACL,IAAKF,EAAK,QAAQ,CAAC,CACrB,EAGEG,EACK,CACL,IAAK,MACP,EAGK,CAAC,EAGGC,EAAU,CAAC,CAAE,KAAAF,EAAM,OAAAC,CAAO,IACrCJ,EAAIM,EAAA,CACF,QAAS,OACT,cAAe,SAEf,YAAaL,EAAK,QAAQ,CAAC,EAC3B,aAAcA,EAAK,QAAQ,CAAC,EAE5B,gBAAiBA,EAAK,SAAS,MAAM,QACrC,aAAcA,EAAK,QAAQ,MAE3B,WAAYA,EAAK,QAAQ,CAAC,EAE1B,6BAA8B,CAC5B,WAAYA,EAAK,QAAQE,IAAS,QAAU,EAAI,CAAC,CACnD,GAEGD,EAAW,CAAE,KAAAC,EAAM,OAAAC,CAAO,CAAC,EAC/B","sourcesContent":["import type { CSSObject } from \"@emotion/react\";\nimport { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { CardProps } from \"./Card.types\";\n\nconst gapSizeMap = ({ size, inline }: Pick<CardProps, \"size\" | \"inline\">): CSSObject => {\n  if (size !== \"small\") {\n    return {\n      gap: vars.spacing[4],\n    };\n  }\n\n  if (inline) {\n    return {\n      gap: \"24px\",\n    };\n  }\n\n  return {};\n};\n\nexport const cardCSS = ({ size, inline }: Pick<CardProps, \"size\" | \"inline\">) =>\n  css({\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    paddingLeft: vars.spacing[6],\n    paddingRight: vars.spacing[6],\n\n    backgroundColor: vars.semantic.color.surface,\n    borderRadius: vars.rounded.large,\n\n    paddingTop: vars.spacing[5],\n\n    \"&:has(>[data-clay-header])\": {\n      paddingTop: vars.spacing[size === \"small\" ? 5 : 6],\n    },\n\n    ...gapSizeMap({ size, inline }),\n  });\n"]}