carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.47 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../../../style/themes/apply-base-theme.js"),o=require("../../../icon-button/icon-button.style.js"),a=require("../../../icon/icon.style.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const l=s.default.div.attrs(r.default).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:e})=>"light"===e?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),t.padding,(({hasClose:t,headerVariant:r})=>t&&e.css(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],o.default,"dark"===r&&e.css(["","{color:var(--colorsUtilityYang080);}"],a.default)))),d=s.default.div.attrs(r.default).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;"],t.padding);exports.StyledSidebarSubHeader=d,exports.default=l;