carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.47 kB
JavaScript
import r,{css as i}from"styled-components";import o from"../../icon/icon.style.js";const a=r.div.withConfig({displayName:"form-summary.style__StyledFormSummary",componentId:"sc-db2b538-0"})(["display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:end;font-size:var(--fontSizes100);font-weight:500;"," ",""],(({fullWidth:r})=>r&&i(["display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;"])),(({showSummary:r,fullWidth:o})=>r&&i(["background-color:var(--colorsUtilityMajor025);border:solid var(--borderWidth100) var(--colorsActionMinor250);border-radius:var(--borderRadius100);margin:calc(-1 * var(--sizing100)) 0;padding:var(--sizing100);gap:var(--sizing125);",""],o&&i(["margin:0 calc(-1 * var(--sizing100));"])))),e=r.div.withConfig({displayName:"form-summary.style__StyledMessagePrefix",componentId:"sc-db2b538-1"})(["&:first-of-type{margin-left:var(--sizing100);}"]),t=r.div.withConfig({displayName:"form-summary.style__StyledInternalSummary",componentId:"sc-db2b538-2"})(["display:flex;align-items:center;gap:var(--sizing100);"," "," ","{"," ","}"],(({type:r})=>"warning"===r&&i(["color:var(--colorsSemanticCaution650);"])),(({type:r})=>"error"===r&&i(["color:var(--colorsSemanticNegative600);"])),o,(({type:r})=>"warning"===r&&i(["color:var(--colorsSemanticCaution650);"])),(({type:r})=>"error"===r&&i(["color:var(--colorsSemanticNegative600);"])));export{a as StyledFormSummary,t as StyledInternalSummary,e as StyledMessagePrefix};