carbon-react/lib/components/drawer/drawer.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var e=require("styled-components"),t=require("../../style/utils/add-focus-styling.js"),i=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(e);const r=a.default.div.withConfig({displayName:"drawer.style__StyledSidebarTitle",componentId:"sc-4497ce5f-0"})(["padding:var(--spacing300);",""],(({stickyHeader:t})=>t&&e.css(["position:sticky;top:0;border-bottom:var(--sizing010) solid #a0a0a0;"]))),s=a.default.div.withConfig({displayName:"drawer.style__StyledSidebarFooter",componentId:"sc-4497ce5f-1"})(["padding:var(--spacing300);background-color:var(--colorsUtilityYang100);",""],(({stickyFooter:t})=>t&&e.css(["position:sticky;bottom:0;"]))),d=a.default.div.withConfig({displayName:"drawer.style__StyledDrawerSidebar",componentId:"sc-4497ce5f-2"})(["display:flex;flex-direction:column;flex:1 1 0%;overflow-y:auto;outline:none;"]),n=a.default.aside.withConfig({displayName:"drawer.style__StyledDrawerContent",componentId:"sc-4497ce5f-3"})(["",";"],(({animationDuration:t,backgroundColor:i,expandedWidth:o,isExpanded:a,showControls:n})=>e.css(['flex-direction:column;height:auto;position:relative;overflow:auto;display:flex;min-width:"288px";width:',';max-width:"760px";'," background-color:",";",""],o,!a&&e.css(["display:none;width:0;min-width:0;"]),i||"var(--colorsUtilityYang100)",n&&e.css(["display:flex;overflow:hidden;min-height:40px;transition:all "," ease-in-out;",",",",","{transition:all "," ease-in-out;white-space:nowrap;overflow:hidden;opacity:1;}",""],t,d,r,s,t,!a&&e.css(["min-width:var(--sizing500);width:var(--sizing500);",",",",","{opacity:0;}"],d,r,s))))),l=a.default.button.attrs(i.default).attrs({type:"button"}).withConfig({displayName:"drawer.style__StyledSidebarToggleButton",componentId:"sc-4497ce5f-4"})(["",""],(({isExpanded:i})=>e.css(["position:absolute;top:var(--spacing300);right:8px;padding:var(--spacing100);width:var(--spacing300);height:var(--spacing300);display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;z-index:1;border-radius:var(--borderRadius050);transform:rotate(0deg);&:focus{","}&:hover{cursor:pointer;}",""],t.default(),i&&e.css(["transform:rotate(180deg);"])))),c=a.default.div.withConfig({displayName:"drawer.style__StyledDrawerWrapper",componentId:"sc-4497ce5f-5"})(["display:flex;",""],(({height:t})=>e.css(["height:",";"],t)));exports.StyledDrawerContent=n,exports.StyledDrawerSidebar=d,exports.StyledDrawerWrapper=c,exports.StyledSidebarFooter=s,exports.StyledSidebarTitle=r,exports.StyledSidebarToggleButton=l;