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

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

"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("./menu.config.js"),s=require("../vertical-divider/vertical-divider.style.js"),l=require("../link/link.style.js"),n=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var r=a(e);const d=r.default.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"sc-f30761ad-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:40px;"," "," ","{"," ","{position:relative;top:-1px;}}"],t.layout,t.flexbox,s.StyledVerticalWrapper,(({menuType:t})=>t&&e.css(["display:inline-block;vertical-align:bottom;background-color:",";",""],i.default[t].background,"dark"===t&&e.css(["color:",";"],i.default[t].color))),s.StyledDivider),o=r.default.li.attrs(n.default).withConfig({displayName:"menu.style__StyledMenuItem",componentId:"sc-f30761ad-1"})(["display:flex;list-style:none;"," "," "," "," a:focus,"," button:focus{border-radius:var(--borderRadius000);}"," ",""],(({maxWidth:t})=>t&&e.css(["align-items:stretch;"])),t.layout,t.flexbox,l.StyledLink,l.StyledLink,(({inSubmenu:t})=>e.css([""," ",""],t&&e.css(["display:list-item;"]),!t&&e.css(["height:inherit;"]))),(({inFullscreenView:t})=>t&&e.css(["padding-top:var(--spacing200);padding-bottom:var(--spacing200);> a,"," > a,> button,",' > button,> span,> div,[data-component="submenu-wrapper"] > ',"{width:100%;box-sizing:border-box;height:auto;white-space:normal;}"],l.StyledLink,l.StyledLink,l.StyledLink)));exports.StyledMenuItem=o,exports.StyledMenuWrapper=d;