@b-design/ui-console-menu/es/styles/Menu.js

React component for Alibaba Cloud.

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["fusionPrefix", "theme"];
import React from 'react';
import styled from 'styled-components';
import { Nav } from '@b-design/ui';
import Item from './Item';
import SubMenu from './SubMenu';
import { getPriority } from '../utils';
import { vars } from '../theme';
/**
 * @public
 */

var PrimaryMenu = styled(NavFilterProps).withConfig({
  componentId: "sc-1libj3r-0"
})(["", " ", "{padding:0;border:0;border-radius:0;box-shadow:none;background-color:", ";.", "menu-header{box-sizing:border-box;padding:", ";}", "{background-color:", ";.", "nav-item.", "menu-item{background-color:", ";color:", ";padding:0 ", " 0 ", ";&:hover{background-color:", ";}&.", "opened{color:", ";}.", "menu-item-inner{position:relative;display:flex;align-items:center;justify-content:space-between;> .", "menu-icon-arrow{color:", ";line-height:12px;position:static;}}}}", "{color:", ";background-color:", ";padding:0 ", ";&:hover{background-color:", ";}a{color:", ";&:hover{text-decoration:none;}}&.", "nav-item.", "menu-item.", "selected.", "selected{background-color:", ";color:", ";a{color:", ";}::before{display:", ";right:0;}}> .", "menu-item-inner{display:flex;align-items:center;}&.", "nav-item.", "menu-item.", "disabled{color:", ";a{background-color:#f5f5f5;}&:hover{background-color:", ";}}}}"], function (props) {
  return props.theme.varDef || '';
}, getPriority(5), vars['--console-menu-bg'].consumeStyled, getPrefix, vars['--console-menu-header-padding'].consumeStyled, SubMenu, vars['--console-menu-bg'].consumeStyled, getPrefix, getPrefix, vars['--console-menu-bg'].consumeStyled, vars['--console-menu-normal-text-color'].consumeStyled, vars['--console-menu-padding'].consumeStyled, vars['--console-menu-padding'].consumeStyled, vars['--console-menu-hover-bg'].consumeStyled, getPrefix, vars['--console-menu-normal-text-color'].consumeStyled, getPrefix, getPrefix, vars['--console-menu-icon-arrow-color'].consumeStyled, Item, vars['--console-menu-normal-text-color'].consumeStyled, vars['--console-menu-bg'].consumeStyled, vars['--console-menu-padding'].consumeStyled, vars['--console-menu-hover-bg'].consumeStyled, vars['--console-menu-normal-text-color'].consumeStyled, getPrefix, getPrefix, getPrefix, getPrefix, vars['--console-menu-active-bg'].consumeStyled, vars['--console-menu-active-text-color'].consumeStyled, vars['--console-menu-active-text-color'].consumeStyled, vars['--console-menu-active-bar-display'].consumeStyled, getPrefix, getPrefix, getPrefix, getPrefix, vars['--console-menu-disabled-text-color'].consumeStyled, vars['--console-menu-disabled-bg'].consumeStyled);
export default PrimaryMenu;
/**
 * @public
 */

export var SecondaryMenu = styled(NavFilterProps).withConfig({
  componentId: "sc-1libj3r-1"
})(["", "{", "{padding:0 24px 0 0;&.", "nav-item.", "menu-item.", "disabled{color:#c1c1c1;&:hover{color:#c1c1c1;}}.", "menu-item-inner{height:32px;line-height:32px;}}", "{.", "nav-item.", "menu-item{padding:0 24px 0 0;&.", "opened{color:#555555;}.", "menu-icon-arrow.", "icon:before{transform:scale(0.7);}.", "menu-item-inner{height:32px;line-height:32px;}}.", "menu-sub-menu{", "{padding:0 24px 0 16px;.", "menu-item-inner{height:32px;line-height:32px;}}}}}"], getPriority(5), Item, getPrefix, getPrefix, getPrefix, getPrefix, SubMenu, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, Item, getPrefix);

function getPrefix(_ref) {
  var fusionPrefix = _ref.fusionPrefix;
  return fusionPrefix;
}

function NavFilterProps(_ref2) {
  var fusionPrefix = _ref2.fusionPrefix,
      theme = _ref2.theme,
      props = _objectWithoutProperties(_ref2, _excluded);

  return /*#__PURE__*/React.createElement(Nav, props);
}