carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.04 kB
JavaScript
import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import e from"../../style/themes/apply-base-theme.js";import{StyledLinkPreview as n}from"../link-preview/link-preview.style.js";import{VARIANT_TYPES as r}from"../typography/typography.component.js";const a=o.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"sc-e4a86780-0"})(["position:relative;width:100%;",' &:last-of-type:not(:first-of-type){border-top:solid 1px var(--colorsUtilityMajor050);}a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);&:hover{cursor:pointer;color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({hasPreview:o})=>o&&t(["margin-top:var(--spacing200);"]))),s=o.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"sc-e4a86780-1"})(["display:flex;justify-content:space-between;padding-bottom:var(--spacing300);"]),l=o.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"sc-e4a86780-2"})(["display:inline-block;min-width:fit-content;"]),p=o.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"sc-e4a86780-3"})(["",""],r.map((o=>`\n ${o}{\n font-weight: 700;\n font-size: 16px;\n line-height: 21px;\n padding-bottom: 16px;\n }\n `))),c=o.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"sc-e4a86780-4"})(["line-height:21px;align-items:baseline;font-weight:500;",""],(({hasName:o})=>t(["margin-top:var(--spacing200);"," ",""],o&&t(["&:first-of-type{font-size:14px;}&:nth-of-type(2){font-size:12px;color:var(--colorsUtilityYin065);margin-left:var(--spacing200);}&:last-of-type:not(:nth-of-type(2)){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"]),!o&&t(["&:first-of-type{font-size:12px;color:var(--colorsUtilityYin065);}&:last-of-type:not(:first-of-type){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"])))),d=o.div.withConfig({displayName:"note.style__StyledFooter",componentId:"sc-e4a86780-5"})(["display:flex;margin-bottom:calc(-1 * var(--spacing100));flex-wrap:wrap;"]),y=o.div.attrs(e).withConfig({displayName:"note.style__StyledNote",componentId:"sc-e4a86780-6"})([""," ","{margin:0px;:not(:first-of-type){margin-top:8px;}}.textBold{font-weight:bold;}.textItalic{font-style:italic;}",""],(({width:o})=>t(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);display:flex;flex-direction:column;padding:24px;position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],o,a)),n,i);export{d as StyledFooter,c as StyledFooterContent,l as StyledInlineControl,y as StyledNote,a as StyledNoteContent,s as StyledNoteMain,p as StyledTitleWrapper};