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