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

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

"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../icon/icon.component.js"),n=require("../icon/icon.style.js"),d=require("../../style/themes/apply-base-theme.js"),a=require("../help/help.component.js"),o=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var r=require("../hr/hr.component.js"),l=require("../link/link.component.js"),s=require("../../style/utils/add-focus-styling.js");function p(e){return e&&e.__esModule?e:{default:e}}var c=p(e);const g=c.default.div.attrs(d.default).withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-c7b238d0-0"})(["width:100%;",""],t.margin),y=c.default.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-c7b238d0-1"})(["display:inline-flex;align-items:flex-end;"]),m=c.default.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-c7b238d0-2"})(["",""],(({divider:t,subheader:i,hasBackLink:n})=>e.css([""," "," "," ",""],i&&e.css(["margin-bottom:16px;"]),t&&e.css(["margin-bottom:15px;"]),t&&!i&&e.css(["margin-bottom:20px;"]),n&&e.css(["display:grid;grid-template-columns:min-content auto;"])))),h=c.default(l.Link).withConfig({displayName:"heading.style__StyledHeadingBackButton",componentId:"sc-c7b238d0-3"})(["margin-right:5px;margin-top:2px;box-shadow:none;a,button{margin:0 1px 0 0;text-decoration:none;display:block;&:focus{background-color:transparent;","}&:hover{","{color:var(--colorsActionMinor600);}}","{margin-right:0;display:inline-flex;color:var(--colorsActionMinor500);}}"],s.default(),n.default,n.default),u=c.default(o.Typography).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-c7b238d0-4"})(["",""],(({withMargin:t})=>t?e.css(["margin-right:16px;"]):null)),f=c.default.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-c7b238d0-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=c.default.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-c7b238d0-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:t})=>t&&e.css(["grid-column:2;"])),(({hasSeparator:t})=>t&&e.css(["grid-row:3;margin-top:0px;"]))),b=c.default(i.default).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-c7b238d0-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],n.default),S=c.default.hr.withConfig({displayName:"heading.style__StyledSeparator",componentId:"sc-c7b238d0-8"})(["border-top:2px;border-style:solid;border-color:var(--colorsUtilityMajor100);margin:10px 0 8px;text-align:left;width:50px;"]),_=c.default(r.Hr).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-c7b238d0-9"})(["margin:15px 0 20px;"]),H=c.default(a.Help).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-c7b238d0-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);exports.StyledDivider=_,exports.StyledHeader=m,exports.StyledHeaderContent=y,exports.StyledHeaderHelp=H,exports.StyledHeading=g,exports.StyledHeadingBackButton=h,exports.StyledHeadingIcon=b,exports.StyledHeadingPills=f,exports.StyledHeadingTitle=u,exports.StyledSeparator=S,exports.StyledSubHeader=x;