carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.38 kB
JavaScript
import t,{css as i}from"styled-components";import{margin as e}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const l=t.div.attrs(n).withConfig({displayName:"content.style__StyledContent",componentId:"sc-273b17cd-0"})(["",""],(({bodyFullWidth:t,align:n})=>i([""," & + &{margin-top:15px;}"," ",""],e,n&&i(["text-align:",";"],n),t&&i(["text-align:left;"])))),o=t.div.withConfig({displayName:"content.style__StyledContentTitle",componentId:"sc-273b17cd-1"})(["",";"],(({titleWidth:t,inline:e,variant:n,align:l})=>i(["display:",";font-weight:500;width:",";text-align:",";"," ",""],e?"inline-block":"block",t&&`calc(${t}% - 30px)`,!e&&l,"center"===l&&e&&i(["text-align:right;width:calc(50% - 30px);"]),"secondary"===n&&i(["color:var(--colorsUtilityYin055);font-weight:normal;"])))),a=t.div.withConfig({displayName:"content.style__StyledContentBody",componentId:"sc-273b17cd-2"})(["",";"],(({bodyFullWidth:t,titleWidth:e,inline:n,align:l})=>i(["display:",";margin-top:2px;white-space:pre-wrap;word-wrap:break-word;font-weight:normal;"," "," "," "," ",""],n?"inline-block":"block","center"===l&&n&&i(["width:50%;"]),e&&i(["width:","%;"],100-Number(e)),t&&i(["width:100%;"]),n&&t&&i(["margin-top:15px;"]),n&&!t&&i(["margin-top:0;margin-left:var(--spacing300);text-align:left;"]))));export{l as StyledContent,a as StyledContentBody,o as StyledContentTitle};