@selfcommunity/react-theme-default/lib/cjs/components/SCCourseContentMenu.js

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            '& .MuiList-root': {
                '& .Mui-selected': {
                    backgroundColor: theme.palette.grey[300],
                    '&:hover, &:focus, &:active': {
                        backgroundColor: theme.palette.grey[300]
                    }
                },
                '& .MuiButtonBase-root': {
                    paddingLeft: theme.spacing(5)
                }
            },
            '& .SCCourseContentMenu-list-item': {
                '&:hover, &:focus, &:active': {
                    backgroundColor: 'transparent'
                }
            },
            '& .SCCourseContentMenu-list-item-icon': {
                minWidth: theme.spacing(3),
                color: theme.palette.text.secondary
            },
            '& .SCCourseContentMenu-item': {
                '& .MuiListItemText-primary': {
                    fontWeight: theme.typography.fontWeightMedium
                },
                '&:hover': { backgroundColor: 'transparent' }
            },
            '& .SCCourseContentMenu-item-icon': {
                minWidth: theme.spacing(4)
            },
            '& .SCCourseContentMenu-icon-complete': {
                color: theme.palette.success.main
            },
            '& .SCCourseContentMenu-icon-incomplete': {
                color: theme.palette.grey[300]
            }
        })
    }
};
exports.default = Component;