@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
141 lines (140 loc) • 5.03 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
'& .infinite-scroll-component__outerdiv .infinite-scroll-component': {
overflow: string;
};
'& .SCCourses-filters': {
alignItems: string;
marginTop: any;
marginBottom: any;
'& .SCCourses-search': {
'& .MuiInputBase-root': {
paddingRight: number;
'& .MuiButtonBase-root': {
borderRadius: string;
height: string;
'& .MuiButton-endIcon': {
margin: number;
};
};
};
};
'& .SCCourses-category': {
borderRadius: any;
minWidth: string;
'& .MuiTextField-root': {
margin: number;
'& .MuiInputBase-root': {
padding: any;
};
};
};
};
'& .SCCourses-courses': {
[x: number]: {
marginBottom: any;
};
marginTop: any;
'& .SCCourses-item': {
paddingTop: any;
};
'& .SCCourses-item-placeholder': {
paddingTop: any;
};
'& .SCBaseItem-root': {
display: string;
justifyContent: string;
};
'& .SCCourse-skeleton-preview-name': {
marginTop: number;
marginBottom: number;
};
'& .SCCourse-skeleton-snippet .SCBaseItem-content': {
maxWidth: string;
};
};
'& .SCCourses-no-results': {
display: string;
flexDirection: string;
alignItems: string;
'& .SCCourses-student-empty-view': {
alignItems: string;
justifyContent: string;
gap: string;
padding: any;
marginTop: string;
'& h5': {
fontWeight: any;
marginBottom: any;
};
'& .SCCourses-skeleton-item': {
[x: number]: {
width: string;
};
minWidth: string;
};
'& .SCCourses-empty-box': {
width: string;
height: string;
border: string;
borderRadius: string;
marginBottom: string;
'& .SCCourses-empty-rotated-box': {
width: string;
height: string;
border: string;
borderRadius: string;
transform: string;
alignItems: string;
justifyContent: string;
'& .SCCourses-empty-icon': {
transform: string;
fontSize: any;
color: any;
};
};
};
};
'& .SCCourses-teacher-empty-view': {
width: string;
'& .SCCourses-skeleton-item': {
[x: number]: {
width: string;
};
minWidth: string;
};
};
};
'& .SCCourses-end-message': {
display: string;
alignItems: string;
justifyContent: string;
'& .MuiButtonBase-root': {
paddingLeft: any;
'&.Mui-selected, &:hover': {
backgroundColor: string;
};
};
};
};
skeletonRoot: ({ theme }: any) => {
'& .SCCourses-skeleton-courses': {
marginTop: any;
'& .SCCourses-skeleton-item': {
paddingTop: any;
};
};
};
coursesChipRoot: ({ theme, showMine, showManagedCourses }: any) => {
height: any;
borderRadius: any;
color: any;
'& .MuiIcon-root': {
fontSize: string;
color: any;
};
};
};
};
export default Component;