{"version":3,"sources":["../../../src/Banner/PageBanner/PageBanner.css.ts"],"names":["css","vars","pageBannerCSS","_default","critical","warning","information","variantStyle"],"mappings":";AAAA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAEd,IAAMC,EAAgBF,EAAI,CAC/B,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,QAAS,GAAGC,EAAK,QAAQ,CAAC,CAAC,IAAIA,EAAK,QAAQ,CAAC,CAAC,GAE9C,aAAcA,EAAK,QAAQ,KAC7B,CAAC,EAEKE,EAAWH,EAAI,CACnB,gBAAiBC,EAAK,SAAS,MAAM,qBACvC,CAAC,EAEKG,EAAWJ,EAAI,CACnB,gBAAiBC,EAAK,SAAS,MAAM,wBACvC,CAAC,EAEKI,EAAUL,EAAI,CAClB,gBAAiBC,EAAK,SAAS,MAAM,uBACvC,CAAC,EAEKK,EAAcN,EAAI,CACtB,gBAAiBC,EAAK,SAAS,MAAM,yBACvC,CAAC,EAEYM,EAAe,CAC1B,QAASJ,EACT,SAAAC,EACA,QAAAC,EACA,YAAAC,CACF","sourcesContent":["import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\n\nexport const pageBannerCSS = css({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  padding: `${vars.spacing[4]} ${vars.spacing[6]}`,\n\n  borderRadius: vars.rounded.large,\n});\n\nconst _default = css({\n  backgroundColor: vars.semantic.color.surfaceSlateSecondary,\n});\n\nconst critical = css({\n  backgroundColor: vars.semantic.color.surfaceCriticalSecondary,\n});\n\nconst warning = css({\n  backgroundColor: vars.semantic.color.surfaceWarningSecondary,\n});\n\nconst information = css({\n  backgroundColor: vars.semantic.color.surfaceHighlightSecondary,\n});\n\nexport const variantStyle = {\n  default: _default,\n  critical,\n  warning,\n  information,\n};\n"]}