@b-design/ui-console-menu/lib/theme/xconsole.js

React component for Alibaba Cloud.

"use strict";

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

var _index = require("../css-var-utils/index");

var theme = _index.CssVarTheme.create({
  '--console-menu-divider-margin': {
    default: '15px'
  },
  '--console-menu-divider-border': {
    default: '1px solid #e3e4e6'
  },
  '--console-menu-header-color': {
    default: '#333333'
  },
  '--console-menu-bg': {
    default: '#fff'
  },
  '--console-menu-header-padding': {
    default: '24px 24px 16px'
  },
  '--console-menu-normal-text-color': {
    default: '#333333'
  },
  '--console-menu-padding': {
    default: '24px'
  },
  '--console-menu-hover-bg': {
    default: '#f7f9fa'
  },
  '--console-menu-item-height': {
    default: '32px'
  },
  '--console-menu-icon-arrow-color': {
    default: '#a8a8a8'
  },
  '--console-menu-active-bg': {
    default: '#eff3f8'
  },
  '--console-menu-active-text-color': {
    default: '#0064c8'
  },
  '--console-menu-active-bar-display': {
    default: 'block'
  },
  '--console-menu-disabled-text-color': {
    default: '#c1c1c1'
  },
  '--console-menu-disabled-bg': {
    default: '#f5f5f5'
  }
});

exports.theme = theme;
var XConsoleTheme = (0, _index.withStyledTheme)(theme, function (props) {
  return props.children;
});
exports.XConsoleTheme = XConsoleTheme;