carbon-react/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js

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

"use strict";var e=require("styled-components"),t=require("../../button/button.component.js"),o=require("../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const a=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"sc-fef5633f-0"})(["position:fixed;inset:0;"]),s=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"sc-fef5633f-1"})(["position:fixed;top:0;",""],(({width:t})=>e.css(["width:",";"],t))),r=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"sc-fef5633f-2"})(["border-radius:0;background-color:var( ",' );[data-component="icon"]{color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:e})=>e?"--colorsActionMinorGray700":"--colorsUtilityYin100"),o.default(!0),o.default(!0)),l=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"sc-fef5633f-3"})(['border-radius:0;[data-component="icon"]{color:var(--colorsUtilityYang100);}']),d=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"sc-fef5633f-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),c=n.default.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"sc-fef5633f-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:e})=>e||"100%"),(({responsive:t})=>!t&&e.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:e})=>e||"100%"),(({childOpen:e,menu:t})=>"secondary"===t||!e&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:t})=>e.css(["top:",";max-height:calc(100% - ",");"],t,"auto"===t?"40px":t)),(({childOpen:t})=>t&&e.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:t,left:o,menu:i})=>"secondary"===i&&e.css(["left:",";height:",";"],o,t)));exports.ModalContainer=s,exports.StyledBackdrop=a,exports.StyledButton=r,exports.StyledCloseButton=l,exports.StyledGlobalVerticalMenuWrapper=d,exports.StyledResponsiveMenu=c;