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

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

"use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),e=require("../../style/utils/add-focus-styling.js"),t=require("../icon/icon.style.js"),i=require("../button/button.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const n={light:o=>{let r="#08711E",e="#10601C";return"negative"===o?(r="#B23342",e="#9F303C"):"subtle"===o&&(r="#000000E5",e="#000000"),{color:r,hoverColor:e,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",e="#72E26F";return"negative"===o?(r="#E85B66",e="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",e="var(--colorsUtilityYang100)"),{color:r,hoverColor:e,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},l=s.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-59de49aa-0"})(["",""],(({isSkipLink:r,theme:a,iconAlign:s,hasContent:l,disabled:d,underline:c,variant:u,inverse:v,isMenuItem:b,hasFocus:g,linkSize:f})=>{const p=v?"dark":"light",{color:h,hoverColor:m,disabledColor:y,focusColor:x,focusBgColor:C,focusBoxShadowColor:k}=n[p](u),w="medium"===f?"var(--fontSizes100)":"var(--fontSizes200)";return o.css([""," "," "," > 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;}"],r&&o.css(["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);}"],a.zIndex.aboveAll,w,t.default),!r&&o.css(["> a,> button{font-size:",";"," ","}"],w,!d&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{background-color:",";border-radius:var(--borderRadius025);}"],h,t.default,h,m,t.default,m,C),d&&o.css(["color:",";&:hover,&:focus{color:",";}"],y,y)),!d&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",b&&"display: inline-block;",t.default,l?"inline-block":"inline","left"===s&&o.css(["margin-right:",";"],l?"var(--spacing050)":0),"right"===s&&o.css(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),x,t.default,x,!d&&o.css(["&:has(img,svg,picture){display:inline-block;}&:has(img,svg,picture):focus{"," border-radius:var(--borderRadius025);outline:default;}"],e.default()),d&&o.css(["cursor:not-allowed;"]),!r&&!d&&g&&o.css(["> 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&&o.css(["&:has(img,svg,picture){> a,> button{","}}"],e.default()),i.default)})),d=s.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-59de49aa-1"})([""]);exports.StyledContent=d,exports.StyledLink=l;