@vlinderclimate/net-zero-ui/overrides/MuiMenu.js

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var theme_colors = require('../theme/colors.js');
var theme_typography = require('../theme/typography.js');

var MuiMenu = {
    root: {
        "&.Mui-selected, &.Mui-active, &.Mui-selected.Mui-focusVisible": {
            backgroundColor: theme_colors["default"].primary.main,
            color: theme_colors["default"].gray.white,
            "&:hover": {
                backgroundColor: theme_colors["default"].primary.main,
                color: theme_colors["default"].gray.white
            }
        }
    },
    paper: {
        border: 0,
        borderRadius: 0,
        background: "#FFFFFF",
        boxShadow: "0px 2px 6px rgba(0, 0, 0, 0.15)",
        ".MuiButtonBase-root": tslib_es6.__assign(tslib_es6.__assign({}, theme_typography["default"].caption.main), { padding: "6px 16px", "&:hover": {
                backgroundColor: theme_colors["default"].gray[200]
            } }),
        ".MuiList-root": {
            padding: "8px 0"
        },
        ".Mui-selected, .Mui-active, .Mui-selected.Mui-focusVisible": {
            backgroundColor: theme_colors["default"].primary.main,
            color: theme_colors["default"].gray.white,
            "&:hover": {
                backgroundColor: theme_colors["default"].primary.main,
                color: theme_colors["default"].gray.white
            }
        }
    }
};

exports["default"] = MuiMenu;