carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 9.96 kB
JavaScript
"use strict";var o=require("styled-components"),r=require("../../../icon/icon.style.js"),t=require("../../../../__internal__/validations/validation-icon.style.js");function i(o){return o&&o.__esModule?o:{default:o}}var e=i(o);const s=e.default.span.withConfig({displayName:"tab-title.style__StyledTitleContent",componentId:"sc-a4fb41f5-0"})(["outline:none;display:flex;align-items:flex-start;line-height:20px;margin:0;position:relative;",""],(({hasCustomLayout:r,error:t,warning:i,info:e,size:s,isTabSelected:a,hasSiblings:n,borders:l=!1,position:c="top",noLeftBorder:d,noRightBorder:p,hasHref:g,alternateStyling:b,align:x,validationRedesignOptIn:f})=>o.css(["text-align:",";"," "," "," "," "," "," "," "," "," "," "," "," ",""],x,"left"===c&&o.css(["display:flex;width:100%;justify-content:",";border-top-left-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius000);"],"right"===x?"flex-end":"flex-start"),"left"===c&&f&&o.css(["justify-content:space-between;"]),"top"===c&&o.css(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);"]),g&&o.css(['color:var(--colorsActionMinorYin090);display:block;text-decoration:none;[type="link"]{width:16px;margin-left:8px;height:16px;color:inherit;margin-top:-2px;}']),!g&&o.css(['[data-component="icon"]:not([color]){color:var(--colorsActionMinorYin065);}']),l&&o.css(["border-top:1px solid var(--colorsActionMinor100);border-left:1px solid var(--colorsActionMinor100);border-right:1px solid var(--colorsActionMinor100);"," "," ",""],"left"===c&&o.css(["border-bottom:1px solid var(--colorsActionMinor100);",""],!b&&"margin-right: -1px;"),d&&o.css(["border-left:none;",""],!p&&o.css(["border-right:1px solid var(--colorsActionMinor100);"])),p&&o.css(["border-right:none;"])),"large"===s&&"top"===c&&o.css(["padding:14px 24px;"," font-size:16px;"],l&&"padding-bottom: 9px;"),"large"===s&&"left"===c&&o.css(["font-size:16px;padding:14px 24px;"]),"default"===s&&o.css(["padding:10px 16px;",""],l&&"padding-bottom: 9px;"),(i||e)&&o.css(["outline:1px solid;outline-offset:-1px;z-index:",";"," "," "," "," &:hover{outline:1px solid;outline-offset:-1px;"," "," "," ","}"],f?1:2,e&&!i&&o.css(["outline-color:var(--colorsSemanticInfo500);"]),i&&o.css(["outline-color:var(--colorsSemanticCaution500);"]),"top"===c&&o.css(["border-bottom-color:transparent;"]),"left"===c&&o.css(["border-right-color:transparent;padding-right:",";"],"large"===s?"26px":"18px"),e&&!i&&o.css(["outline-color:var(--colorsSemanticInfo500);"]),i&&o.css(["outline-color:var(--colorsSemanticCaution500);"]),"top"===c&&o.css(["border-bottom-color:transparent;",""],r&&o.css(["padding-bottom:2px;"])),"left"===c&&o.css(["border-right-color:transparent;padding-right:",";"],"large"===s?"26px":"18px")),t&&o.css(["outline:2px solid var(--colorsSemanticNegative500);outline-offset:-2px;z-index:",";"," "," &:hover{outline:2px solid var(--colorsSemanticNegative500);outline-offset:-2px;"," ","}"],f?1:2,"top"===c&&o.css(["border-bottom-color:transparent;"]),"left"===c&&o.css(["border-right-color:transparent;padding-right:",";"],"large"===s?"26px":"18px"),"top"===c&&o.css(["border-bottom-color:transparent;",""],r&&o.css(["padding-bottom:2px;"])),"left"===c&&o.css(["border-right-color:transparent;padding-right:",";"],"large"===s?"26px":"18px")),n&&!r&&"top"===c&&o.css(["height:20px;"]),r&&o.css(["display:flex;"," ",""],"left"===c&&o.css(["padding:",";"," ",""],"large"===s?"2px":"0px",a&&o.css(["padding-right:0px;"]),(t||i||e)&&o.css(["padding-right:",";"],"large"===s?"26px":"18px")),"top"===c&&o.css(["padding:",";"," ",""],"large"===s?"2px":"0px",a&&o.css(["padding-bottom:0px;"]),(t||i||e)&&o.css(["padding-bottom:",";padding-right:",";&:hover{padding-bottom:",";}"],"large"===s?"4px":"2px","large"===s?"18px":"14px","large"===s?"4px":"2px")))))),a=o.css(["background-color:transparent;display:inline-block;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);font-weight:500;position:relative;border:none;cursor:pointer;font-size:14px;padding:0px;text-decoration:none;outline-offset:0px;margin:0;",";"," a:visited{color:inherit;}",""],(({position:o})=>"top"===o&&"white-space: nowrap"),(({position:r})=>o.css(["",""],"left"===r&&o.css(["border-top-right-radius:var(--borderRadius000);"]))),(({size:t,position:i="top",borders:e=!1,noRightBorder:a,noLeftBorder:n,isTabSelected:l,alternateStyling:c,error:d,warning:p,info:g,isInSidebar:b,validationRedesignOptIn:x})=>o.css(["height:",";"," "," "," ",' &:focus{outline:4px solid black;top:-2px;z-index:6;> span[data-role="tab-title-content"]{outline:none;',"}",' ::before{content:"";position:absolute;top:0;left 0;bottom:0;right:',";outline:3px solid var(--colorsSemanticFocus500);",' outline-offset:-2px;z-index:5;}> [data-element="tab-selected-indicator"]{z-index:4;',"}}}"," "," & ","{{","}"],"large"===t?"var(--sizing600)":"var(--sizing500)","top"===i&&o.css(["",""],e&&!(a||n)&&o.css(["&:nth-of-type(n + 1):not(:first-of-type){margin-left:-1px;}&:first-child{margin-left:0;}"])),"left"===i&&o.css(["",""],e&&o.css(["&:nth-of-type(n + 1):not(:first-of-type){margin-top:-1px;}&:first-child{margin-top:0;}"])),!l&&o.css(["color:var(--colorsActionMinorYin090);"," &:hover{background:var(--colorsActionMinor100);"," color:var(--colorsActionMinorYin090);outline:none;}&:focus{color:var(--colorsActionMinorYin090);outline:none;}"],x&&o.css(["background:transparent;"]),x&&o.css(["background:var(--colorsUtilityMajor100);"])),l&&o.css(["color:var(--colorsActionMajorYin090);background-color:var(--colorsActionMajorYang100);"," &:hover{background-color:var(--colorsActionMajorYang100);border-bottom-color:",";color:var(--colorsActionMajorYin090);cursor:default;}"],(d||p||g)&&o.css(["padding-bottom:0px;"]),c?"var(--colorsActionMinor100)":"var(--colorsActionMajor500)"),"top"===i&&"top: 2px;","top"===i?o.css(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"]):o.css(["border-top-left-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);"]),"top"===i?"0":"-1px","top"===i?o.css(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"]):o.css(["border-top-left-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);"]),"top"===i?o.css(["bottom:2px;left:2px;right:1px;"]):o.css(["bottom:2px;right:1px;"]),"left"===i&&o.css(["background-color:transparent;border-bottom:0px;"," "," display:flex;height:auto;margin-left:0px;&:first-child{margin-top:0;}&:hover{","}"," "," ",""],!b&&!d&&o.css(["--border-right-value:",";border-right:"," solid var(--colorsActionMinor100);"],x?"0px":"2px",c?"1px":"var(--border-right-value)"),!e&&o.css(["","{border-bottom:none;}"],s),c&&"border-right-color: var(--colorsActionMinor100)",(p||g)&&o.css(["border-right:none;"]),!l&&o.css(["border-right-color:var(--colorsActionMinor100);"]),l&&o.css([""," "," background-color:var(--colorsActionMajorYang100);&:hover{"," background-color:var(--colorsActionMajorYang100);","}&:focus{","}"],c&&o.css(["border-right-color:var(--colorsActionMinor100);"]),!c&&o.css(["border-right:none;padding-bottom:0px;","{"," border-right:none;}"],s,!(d||p||g)&&!x&&"margin-right: 2px;"),c&&"border-right-color: var(--colorsActionMinor100);",(d||p||g)&&"border-right-color: var(--colorsSemanticNegative500);",(d||p||g)&&"border-right-color: var(--colorsSemanticNegative500);")),c&&o.css(["&:focus{background-color:var(--colorsActionMinor200);}&:hover{background-color:",";}",""],l?"var(--colorsActionMinor200)":"var(--colorsActionMinor250)",l&&o.css(["background-color:var(--colorsActionMinor200);"])),r.default,x?"margin-top: 10px;":"margin-top: 2px;"))),n=e.default.button.withConfig({displayName:"tab-title.style__StyledTabTitleButton",componentId:"sc-a4fb41f5-1"})(["",""],a),l=e.default.a.withConfig({displayName:"tab-title.style__StyledTabTitleLink",componentId:"sc-a4fb41f5-2"})(["",""],a),c=e.default.div.withConfig({displayName:"tab-title.style__StyledLayoutWrapper",componentId:"sc-a4fb41f5-3"})(["",""],(({hasCustomLayout:i,titlePosition:e="before",hasCustomSibling:s,validationRedesignOptIn:a})=>o.css([""," ",""],i&&o.css(["flex-grow:2;"]),!i&&o.css(["display:inline-flex;position:relative;top:-1px;"," "," ","{height:20px;}","{z-index:10;","{height:",";left:-2px;}}"],s&&o.css(["left:4px;"]),!s&&o.css(["",""],"before"===e?"left: 8px;":"right: 8px;"),r.default,t.default,r.default,a?"0px":"16px")))),d=e.default.div.withConfig({displayName:"tab-title.style__StyledVerticalIndicator",componentId:"sc-a4fb41f5-4"})(["position:absolute;top:0px;bottom:0px;right:0px;box-shadow:inset calc(-1 * var(--sizing050)) 0px 0px 0px var(--colorsActionMinor100);width:2px;z-index:1;"]),p=e.default.div.withConfig({displayName:"tab-title.style__StyledSelectedIndicator",componentId:"sc-a4fb41f5-5"})(["position:absolute;z-index:1;"," "," &:focus{bottom:3px;left:3px;right:3px;}"],(r=>o.css(["",""],r&&o.css(["z-index:2;"]))),(({position:r="top",warning:t,error:i})=>o.css(["--selected-indicator-color:var(--colorsActionMajor500);"," "," "," ",""],t&&o.css(["--selected-indicator-color:var(--colorsSemanticCaution500);"]),i&&o.css(["--selected-indicator-color:var(--colorsSemanticNegative500);"]),"top"===r&&o.css(["bottom:-1px;left:0px;right:0px;box-shadow:inset 0px calc(-1 * var(--sizing050)) 0px var(--selected-indicator-color);height:var(--sizing050);"]),"left"===r&&o.css(["top:0px;bottom:0px;right:0px;box-shadow:inset calc(-1 * var(--sizing050)) 0px 0px 0px var(--selected-indicator-color);width:var(--sizing050);"]))));exports.StyledLayoutWrapper=c,exports.StyledSelectedIndicator=p,exports.StyledTabTitleButton=n,exports.StyledTabTitleLink=l,exports.StyledTitleContent=s,exports.StyledVerticalIndicator=d;