carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 921 B
JavaScript
import o,{css as e}from"styled-components";import{margin as t,padding as i}from"styled-system";import{Box as d}from"../box/box.component.js";import{Sidebar as n}from"../sidebar/sidebar.component.js";import{getColors as r}from"./__internal__/utils.js";const a=o(d).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"sc-6ef01593-0"})(["",";"],(({backgroundColor:o,borderColor:d,height:n,hidden:a,width:s})=>e([""," "," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;outline:none;"," ",""],r(o),d&&e(["border-left:1px solid var(",");"],d),a&&e(["display:none;"]),n,s,s,t,i))),s=o(n).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"sc-6ef01593-1"})([""," ",""],(({hidden:o})=>e(["",""],o&&e(["display:none;"]))),(({backgroundColor:o})=>e(['div[data-element="sidebar-content"]{',"}"],r(o))));export{a as StyledAdaptiveSidebar,s as StyledSidebar};