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

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

"use strict";var e=require("styled-components"),s=require("styled-system"),t=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var r=a(e);const o={error:"#CD384B",info:"#0060A7",success:"#00811F ",warning:"#D64309",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--colorsUtilityYin100)",callout:"var(--colorsUtilityYin100)"},n={error:"#FDECEB",info:"#EAEEF6",success:"#E9F2E8 ",warning:"#FFEDE5",ai:"#EFEFEF",callout:"#E6FAE2"},i=r.default.div.attrs(t.default).withConfig({displayName:"message.style__MessageStyle",componentId:"sc-2430d97-0"})(["position:relative;display:flex;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);max-width:720px;:focus{outline:none;}"," "," "," ",""],(({variant:e})=>o[e]),(({isSubtle:s,variant:t})=>s&&e.css(["border:none;background-color:",";"],n[t])),(({transparent:s})=>s&&e.css(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),s.margin),l=r.default.div.withConfig({displayName:"message.style__MessageWrapper",componentId:"sc-2430d97-1"})(["display:flex;justify-content:space-between;align-items:flex-start;width:100%;"]),d=r.default.div.withConfig({displayName:"message.style__MessageContent",componentId:"sc-2430d97-2"})(["display:flex;box-sizing:border-box;width:100%;height:100%;padding:12px;",""],(({size:s,isSubtle:t})=>e.css([""," ",""],"large"===s&&e.css(["padding:20px;"]),t&&e.css(["gap:",";"],"large"===s?"16px":"8px")))),p=r.default.div.withConfig({displayName:"message.style__MessageContentWrapper",componentId:"sc-2430d97-3"})(["display:flex;flex-direction:column;justify-content:center;width:100%;gap:2px;font-size:14px;",""],(({size:s})=>"large"===s&&e.css(["gap:4px;font-size:16px;"]))),c=r.default.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"sc-2430d97-4"})(["",""],(({transparent:s,isSubtle:t,variant:a})=>e.css(["display:flex;background-color:",";"," span{width:20px;height:20px;&:before{color:var(--colorsUtilityYang100);}}"," ",""],o[a],!t&&e.css(["justify-content:center;align-items:center;width:32px;"]),t&&e.css(["padding-top:2px;background-color:transparent;span{&:before{color:",";}}"],o[a]),s&&e.css(["background-color:transparent;span{&:before{color:",";}}"],o[a]))));exports.MessageContent=d,exports.MessageContentWrapper=p,exports.MessageStyle=i,exports.MessageWrapper=l,exports.TypeIconStyle=c;