carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.01 kB
JavaScript
import i,{css as o}from"styled-components";import{margin as e}from"styled-system";import t from"../icon/icon.component.js";import n from"../icon/icon.style.js";import a from"../../style/themes/apply-base-theme.js";import{Help as d}from"../help/help.component.js";import{Typography as r}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import{Hr as p}from"../hr/hr.component.js";import{Link as l}from"../link/link.component.js";import s from"../../style/utils/add-focus-styling.js";const m=i.div.attrs(a).withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-c7b238d0-0"})(["width:100%;",""],e),c=i.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-c7b238d0-1"})(["display:inline-flex;align-items:flex-end;"]),g=i.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-c7b238d0-2"})(["",""],(({divider:i,subheader:e,hasBackLink:t})=>o([""," "," "," ",""],e&&o(["margin-bottom:16px;"]),i&&o(["margin-bottom:15px;"]),i&&!e&&o(["margin-bottom:20px;"]),t&&o(["display:grid;grid-template-columns:min-content auto;"])))),y=i(l).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(),n,n),h=i(r).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-c7b238d0-4"})(["",""],(({withMargin:i})=>i?o(["margin-right:16px;"]):null)),f=i.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-c7b238d0-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=i.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-c7b238d0-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:i})=>i&&o(["grid-column:2;"])),(({hasSeparator:i})=>i&&o(["grid-row:3;margin-top:0px;"]))),b=i(t).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-c7b238d0-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],n),_=i.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;"]),w=i(p).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-c7b238d0-9"})(["margin:15px 0 20px;"]),S=i(d).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-c7b238d0-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);export{w as StyledDivider,g as StyledHeader,c as StyledHeaderContent,S as StyledHeaderHelp,m as StyledHeading,y as StyledHeadingBackButton,b as StyledHeadingIcon,f as StyledHeadingPills,h as StyledHeadingTitle,_ as StyledSeparator,x as StyledSubHeader};