carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.29 kB
JavaScript
import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import e from"../../../icon-button/icon-button.style.js";import a from"../../../icon/icon.style.js";const s=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"sc-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:o})=>"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),r,(({hasClose:o,headerVariant:r})=>o&&t(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],e,"dark"===r&&t(["","{color:var(--colorsUtilityYang080);}"],a)))),l=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"sc-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],r);export{l as StyledSidebarSubHeader,s as default};