{"version":3,"sources":["../../../src/Card/CardHeader/CardHeader.css.ts"],"names":["css","vars","sizeMap","header","__spreadProps","__spreadValues","cardHeaderCSS","align","size","separator"],"mappings":";6aACA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAGrB,IAAMC,EAAWC,GAA+C,CAC9D,OAAQA,EAAQ,CACd,IAAK,QACH,OAAOF,EAAK,SAAS,WAAW,sBAAsB,EAExD,IAAK,QACH,OAAOG,EAAAC,EAAA,GACFJ,EAAK,SAAS,WAAW,qBAAqB,GAD5C,CAEL,cAAeA,EAAK,QAAQ,CAAC,CAC/B,GAEF,QACE,OAAOA,EAAK,SAAS,WAAW,qBAAqB,CACzD,CACF,EAEaK,EAAgB,CAAC,CAC5B,MAAAC,EAAQ,OACR,KAAAC,EAAO,SACP,UAAAC,CACF,IACET,EAAII,EAAAC,EAAAD,EAAAC,EAAA,CACF,QAAS,OACT,eAAgBE,IAAU,SAAW,SAAW,UAEhD,MAAO,OAEP,cAAeN,EAAK,QAAQ,CAAC,GAEzBQ,GAAa,CACf,WAAYR,EAAK,QAAQ,CAAC,EAC1B,UAAW,GAAGA,EAAK,OAAO,CAAC,UAAUA,EAAK,SAAS,MAAM,MAAM,EACjE,GAXE,CAaF,6BAA8B,CAC5B,cAAeA,EAAK,QAAQ,CAAC,CAC/B,EAEA,2DAA4D,CAC1D,cAAeA,EAAK,QAAQ,CAAC,CAC/B,EAEA,4DAA6D,CAC3D,QAAS,cACT,MAAO,QAEP,cAAe,CACjB,IAEGC,EAAQM,CAAI,GA5Bb,CA6BF,WAAY,KACd,EAAC","sourcesContent":["import type { CSSObject } from \"@emotion/react\";\nimport { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nconst sizeMap = (header: CardHeaderProps[\"size\"]): CSSObject => {\n  switch (header) {\n    case \"large\":\n      return vars.semantic.typography[\"heading-2xlarge-bold\"];\n\n    case \"small\":\n      return {\n        ...vars.semantic.typography[\"heading-medium-bold\"],\n        paddingBottom: vars.spacing[5],\n      };\n\n    default:\n      return vars.semantic.typography[\"heading-xlarge-bold\"];\n  }\n};\n\nexport const cardHeaderCSS = ({\n  align = \"left\",\n  size = \"medium\",\n  separator,\n}: Pick<CardHeaderProps, \"align\" | \"size\" | \"separator\">) =>\n  css({\n    display: \"flex\",\n    justifyContent: align === \"center\" ? \"center\" : \"initial\",\n\n    width: \"100%\",\n\n    paddingBottom: vars.spacing[6],\n\n    ...(separator && {\n      paddingTop: vars.spacing[6],\n      borderTop: `${vars.divide.x} solid ${vars.semantic.color.divide}`,\n    }),\n\n    \"[data-clay-card-section] &\": {\n      paddingBottom: vars.spacing[5],\n    },\n\n    '[data-clay-card-size=\"large\"] [data-clay-card-section] &': {\n      paddingBottom: vars.spacing[6],\n    },\n\n    '[data-clay-card-inline=\"true\"] [data-clay-card-section] &': {\n      display: \"inline-flex\",\n      width: \"228px\",\n\n      paddingBottom: 0,\n    },\n\n    ...sizeMap(size),\n    whiteSpace: \"pre\",\n  });\n"]}