carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.43 kB
JavaScript
import t,{css as e}from"styled-components";import{layout as i,flexbox as o}from"styled-system";import n from"./menu.config.js";import{StyledVerticalWrapper as s,StyledDivider as a}from"../vertical-divider/vertical-divider.style.js";import{StyledLink as r}from"../link/link.style.js";import l from"../../style/themes/apply-base-theme.js";const m=t.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;}}"],i,o,s,(({menuType:t})=>t&&e(["display:inline-block;vertical-align:bottom;background-color:",";",""],n[t].background,"dark"===t&&e(["color:",";"],n[t].color))),a),d=t.li.attrs(l).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(["align-items:stretch;"])),i,o,r,r,(({inSubmenu:t})=>e([""," ",""],t&&e(["display:list-item;"]),!t&&e(["height:inherit;"]))),(({inFullscreenView:t})=>t&&e(["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;}"],r,r,r)));export{d as StyledMenuItem,m as StyledMenuWrapper};