carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.3 kB
JavaScript
;var e=require("styled-components"),t=require("../../../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const s=i.default.div.withConfig({displayName:"tabs-header.style__StyledTabsHeaderWrapper",componentId:"sc-79b7b87d-0"})(["",""],(({position:t,isInSidebar:o})=>"left"===t&&e.css(['box-sizing:border-box;padding:3px;button[data-element="select-tab"]{border-top-left-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);}'," ",""],!o&&e.css(["min-width:20%;overflow-y:auto;"]),o&&e.css(["min-width:100%;margin:auto;padding:0px;"])))),a=i.default.div.attrs(t.default).withConfig({displayName:"tabs-header.style__StyledTabsHeaderList",componentId:"sc-79b7b87d-1"})(["display:flex;"," cursor:default;list-style:none;padding:",";overflow-x:hidden;position:relative;"," ",""],(({extendedLine:t=!0})=>!t&&e.css(["width:fit-content;"])),"3px",(({align:t})=>"right"===t&&e.css(["justify-content:flex-end;text-align:right;"])),(({position:t,noRightBorder:o,align:i})=>"left"===t&&e.css(["flex-direction:column;box-shadow:none;"," ",""],o&&e.css(["box-shadow:none;"]),"right"===i&&e.css(["justify-content:flex-start;"])))),d=i.default.div.withConfig({displayName:"tabs-header.style__StyledVerticalTabsWrapper",componentId:"sc-79b7b87d-2"})(["margin:3px;"," display:flex;flex-direction:column;"],(({isInSidebar:t})=>t&&e.css(["margin-left:6px;margin-top:6px;"]))),n=i.default.section.withConfig({displayName:"tabs-header.style__StyledWrapper",componentId:"sc-79b7b87d-3"})(["overflow:hidden;position:relative;display:flex;"," ",";",""],(({extendedLine:t=!0})=>!t&&e.css(["width:fit-content;"])),(({position:e})=>"top"===e&&"white-space: nowrap"),(({align:t})=>"right"===t&&e.css(["justify-content:flex-end;text-align:right;"]))),r=i.default.div.withConfig({displayName:"tabs-header.style__StyledNavigationButtonWrapper",componentId:"sc-79b7b87d-4"})(["width:48px;",""],(({position:t,visible:o,size:i})=>e.css(["height:",";z-index:8;display:",";",""],"default"===i?"48px":"56px",o?"block":"none","right"===t&&"\n right: 0;\n position: absolute;\n "))),l=i.default.button.withConfig({displayName:"tabs-header.style__StyledNavigationButton",componentId:"sc-79b7b87d-5"})(["position:absolute;height:100%;width:48px;top:0;align-items:center;border:none;border-radius:0px;background-color:var(--colorsDisabled400);color:var(--colorsActionMinor500);z-index:6;:hover{cursor:pointer;background-color:var(--colorsActionDisabled500);color:var(--colorsComponentsMenuYang100);}"]),p=i.default.div.withConfig({displayName:"tabs-header.style__StyledContainer",componentId:"sc-79b7b87d-6"})(["display:flex;padding:6px 4px 0px;margin:0;overflow-x:hidden;"," align-items:flex-start;"],(({size:t})=>e.css(["height:",";"],"large"===t?"50px":"42px"))),c=i.default.div.withConfig({displayName:"tabs-header.style__StyledBottomBorder",componentId:"sc-79b7b87d-7"})(["height:auto;border-bottom:2px solid var(--colorsActionMinor100);bottom:0;left:4px;right:4px;position:absolute;"]);exports.StyledBottomBorder=c,exports.StyledContainer=p,exports.StyledNavigationButton=l,exports.StyledNavigationButtonWrapper=r,exports.StyledTabsHeaderList=a,exports.StyledTabsHeaderWrapper=s,exports.StyledVerticalTabsWrapper=d,exports.StyledWrapper=n;