{"version":3,"sources":["../../../src/Banner/ContentsBanner/ContentsBanner.css.ts"],"names":["css","vars","containerCSS","title","variant","type","__spreadValues","_default","critical","warning","information","success","variantStyle","primary","secondary","typeStyle"],"mappings":";yVAAA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAGd,IAAMC,EAAe,CAAC,CAC3B,MAAAC,EACA,QAAAC,EACA,KAAAC,CACF,IACEL,EAAIM,IAAA,CACF,QAAS,OACT,IAAKL,EAAK,QAAQ,CAAC,EACnB,WAAYE,EAAQ,aAAe,UAC/BC,IAAY,WAAaC,IAAS,WAAa,CAAE,gBAAiB,aAAc,GAChFD,IAAY,WAAaC,IAAS,WAAa,CAAE,OAAQ,OAAQ,QAAS,MAAO,EACtF,EAEGE,EAAWP,EAAI,CACnB,gBAAiBC,EAAK,SAAS,MAAM,WACrC,aAAcA,EAAK,SAAS,MAAM,OAClC,YAAaA,EAAK,SAAS,MAAM,OACjC,YAAa,CACX,gBAAiB,cACjB,MAAOA,EAAK,SAAS,MAAM,WAE3B,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,eAC7B,CACF,CACF,CAAC,EAEKO,EAAWR,EAAI,CACnB,gBAAiBC,EAAK,SAAS,MAAM,yBACrC,aAAcA,EAAK,SAAS,MAAM,eAClC,YAAaA,EAAK,SAAS,MAAM,eACjC,YAAa,CACX,gBAAiB,cACjB,MAAOA,EAAK,SAAS,MAAM,aAE3B,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,iBAC7B,CACF,CACF,CAAC,EAEKQ,EAAUT,EAAI,CAClB,gBAAiBC,EAAK,SAAS,MAAM,wBACrC,aAAcA,EAAK,SAAS,MAAM,cAClC,YAAaA,EAAK,SAAS,MAAM,cACjC,YAAa,CACX,gBAAiB,cACjB,MAAOA,EAAK,SAAS,MAAM,YAE3B,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,gBAC7B,CACF,CACF,CAAC,EAEKS,EAAcV,EAAI,CACtB,gBAAiBC,EAAK,SAAS,MAAM,0BACrC,aAAcA,EAAK,SAAS,MAAM,gBAClC,YAAaA,EAAK,SAAS,MAAM,gBACjC,YAAa,CACX,gBAAiB,cACjB,MAAOA,EAAK,SAAS,MAAM,WAE3B,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,eAC7B,CACF,CACF,CAAC,EAEKU,EAAUX,EAAI,CAClB,gBAAiBC,EAAK,SAAS,MAAM,wBACrC,aAAcA,EAAK,SAAS,MAAM,cAClC,YAAaA,EAAK,SAAS,MAAM,cACjC,YAAa,CACX,gBAAiB,cACjB,MAAOA,EAAK,SAAS,MAAM,WAC7B,CACF,CAAC,EAEYW,EAAe,CAC1B,QAASL,EACT,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,QAAAC,CACF,EAEME,EAAUb,EAAI,CAClB,QAASC,EAAK,QAAQ,CAAC,EAEvB,gBAAiB,MACjB,gBAAiB,OACnB,CAAC,EAEKa,EAAYd,EAAI,CACpB,QAAS,GAAGC,EAAK,QAAQ,CAAC,CAAC,IAAIA,EAAK,QAAQ,CAAC,CAAC,GAE9C,aAAc,MACd,aAAc,QACd,cAAe,OACf,aAAcA,EAAK,QAAQ,MAC7B,CAAC,EAEYc,EAAY,CACvB,QAAAF,EACA,UAAAC,EACA,QAASA,CACX","sourcesContent":["import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ContentsBannerProps } from \".\";\n\nexport const containerCSS = ({\n  title,\n  variant,\n  type,\n}: Pick<ContentsBannerProps, \"type\" | \"variant\" | \"title\">) =>\n  css({\n    display: \"flex\",\n    gap: vars.spacing[2],\n    alignItems: title ? \"flex-start\" : \"center\",\n    ...(variant === \"default\" && type !== \"primary\" && { backgroundColor: \"transparent\" }),\n    ...(variant !== \"default\" && type !== \"primary\" && { border: \"none\", outline: \"none\" }),\n  });\n\nconst _default = css({\n  backgroundColor: vars.semantic.color.surfaceSub,\n  outlineColor: vars.semantic.color.border,\n  borderColor: vars.semantic.color.border,\n  \"button, a\": {\n    backgroundColor: \"transparent\",\n    color: vars.semantic.color.textAccent,\n\n    \"&:hover\": {\n      color: vars.semantic.color.textAccentHover,\n    },\n  },\n});\n\nconst critical = css({\n  backgroundColor: vars.semantic.color.surfaceCriticalSecondary,\n  outlineColor: vars.semantic.color.borderCritical,\n  borderColor: vars.semantic.color.borderCritical,\n  \"button, a\": {\n    backgroundColor: \"transparent\",\n    color: vars.semantic.color.textCritical,\n\n    \"&:hover\": {\n      color: vars.semantic.color.textCriticalHover,\n    },\n  },\n});\n\nconst warning = css({\n  backgroundColor: vars.semantic.color.surfaceWarningSecondary,\n  outlineColor: vars.semantic.color.borderWarning,\n  borderColor: vars.semantic.color.borderWarning,\n  \"button, a\": {\n    backgroundColor: \"transparent\",\n    color: vars.semantic.color.textWarning,\n\n    \"&:hover\": {\n      color: vars.semantic.color.textWarningHover,\n    },\n  },\n});\n\nconst information = css({\n  backgroundColor: vars.semantic.color.surfaceHighlightSecondary,\n  outlineColor: vars.semantic.color.borderHighlight,\n  borderColor: vars.semantic.color.borderHighlight,\n  \"button, a\": {\n    backgroundColor: \"transparent\",\n    color: vars.semantic.color.textAccent,\n\n    \"&:hover\": {\n      color: vars.semantic.color.textAccentHover,\n    },\n  },\n});\n\nconst success = css({\n  backgroundColor: vars.semantic.color.surfaceSuccessSecondary,\n  outlineColor: vars.semantic.color.borderSuccess,\n  borderColor: vars.semantic.color.borderSuccess,\n  \"button, a\": {\n    backgroundColor: \"transparent\",\n    color: vars.semantic.color.textSuccess,\n  },\n});\n\nexport const variantStyle = {\n  default: _default,\n  critical,\n  warning,\n  information,\n  success,\n};\n\nconst primary = css({\n  padding: vars.spacing[4],\n\n  borderLeftWidth: \"4px\",\n  borderLeftStyle: \"solid\",\n});\n\nconst secondary = css({\n  padding: `${vars.spacing[3]} ${vars.spacing[4]}`,\n\n  outlineWidth: \"1px\",\n  outlineStyle: \"solid\",\n  outlineOffset: \"-1px\",\n  borderRadius: vars.rounded.medium,\n});\n\nexport const typeStyle = {\n  primary,\n  secondary,\n  minimal: secondary,\n};\n"]}