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

React component for Alibaba Cloud.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.SecondaryMenu = void 0;

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _ui = require("@b-design/ui");

var _Item = _interopRequireDefault(require("./Item"));

var _SubMenu = _interopRequireDefault(require("./SubMenu"));

var _utils = require("../utils");

var _theme = require("../theme");

var _excluded = ["fusionPrefix", "theme"];

/**
 * @public
 */
var PrimaryMenu = (0, _styledComponents.default)(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 || '';
}, (0, _utils.getPriority)(5), _theme.vars['--console-menu-bg'].consumeStyled, getPrefix, _theme.vars['--console-menu-header-padding'].consumeStyled, _SubMenu.default, _theme.vars['--console-menu-bg'].consumeStyled, getPrefix, getPrefix, _theme.vars['--console-menu-bg'].consumeStyled, _theme.vars['--console-menu-normal-text-color'].consumeStyled, _theme.vars['--console-menu-padding'].consumeStyled, _theme.vars['--console-menu-padding'].consumeStyled, _theme.vars['--console-menu-hover-bg'].consumeStyled, getPrefix, _theme.vars['--console-menu-normal-text-color'].consumeStyled, getPrefix, getPrefix, _theme.vars['--console-menu-icon-arrow-color'].consumeStyled, _Item.default, _theme.vars['--console-menu-normal-text-color'].consumeStyled, _theme.vars['--console-menu-bg'].consumeStyled, _theme.vars['--console-menu-padding'].consumeStyled, _theme.vars['--console-menu-hover-bg'].consumeStyled, _theme.vars['--console-menu-normal-text-color'].consumeStyled, getPrefix, getPrefix, getPrefix, getPrefix, _theme.vars['--console-menu-active-bg'].consumeStyled, _theme.vars['--console-menu-active-text-color'].consumeStyled, _theme.vars['--console-menu-active-text-color'].consumeStyled, _theme.vars['--console-menu-active-bar-display'].consumeStyled, getPrefix, getPrefix, getPrefix, getPrefix, _theme.vars['--console-menu-disabled-text-color'].consumeStyled, _theme.vars['--console-menu-disabled-bg'].consumeStyled);
var _default = PrimaryMenu;
/**
 * @public
 */

exports.default = _default;
var SecondaryMenu = (0, _styledComponents.default)(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;}}}}}"], (0, _utils.getPriority)(5), _Item.default, getPrefix, getPrefix, getPrefix, getPrefix, _SubMenu.default, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, getPrefix, _Item.default, getPrefix);
exports.SecondaryMenu = SecondaryMenu;

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

function NavFilterProps(_ref2) {
  var fusionPrefix = _ref2.fusionPrefix,
      theme = _ref2.theme,
      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Nav, props);
}