carbon-react/esm/components/link/link.style.js

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

import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import e from"../icon/icon.style.js";import a from"../button/button.style.js";const n={light:o=>{let r="#08711E",t="#10601C";return"negative"===o?(r="#B23342",t="#9F303C"):"subtle"===o&&(r="#000000E5",t="#000000"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",t="#72E26F";return"negative"===o?(r="#E85B66",t="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},s=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-59de49aa-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:s,hasContent:l,disabled:d,underline:c,variant:u,inverse:b,isMenuItem:v,hasFocus:g,linkSize:p})=>{const h=b?"dark":"light",{color:f,hoverColor:m,disabledColor:y,focusColor:x,focusBgColor:C,focusBoxShadowColor:k}=n[h](u),w="medium"===p?"var(--fontSizes100)":"var(--fontSizes200)";return r([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:",";","{color:",";}outline:none;}"," ","}"," "," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:",";color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,w,e),!o&&r(["> a,> button{font-size:",";"," ","}"],w,!d&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{background-color:",";border-radius:var(--borderRadius025);}"],f,e,f,m,e,m,C),d&&r(["color:",";&:hover,&:focus{color:",";}"],y,y)),!d&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",v&&"display: inline-block;",e,l?"inline-block":"inline","left"===s&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===s&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),x,e,x,!d&&r(["&:has(img,svg,picture){display:inline-block;}&:has(img,svg,picture):focus{"," border-radius:var(--borderRadius025);outline:default;}"],i()),d&&r(["cursor:not-allowed;"]),!o&&!d&&g&&r(["> a,> button{outline:none;text-decoration:underline;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 ",';border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}'],k),!d&&g&&r(["&:has(img,svg,picture){> a,> button{","}}"],i()),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-59de49aa-1"})([""]);export{l as StyledContent,s as StyledLink};