@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
388 lines (387 loc) • 15 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: {
theme: any;
}) => {
[x: number]: {
marginBottom: string;
};
'& .SCCourseDashboard-contrast-color': {
color: any;
};
'& .SCCourseDashboard-header': {
[x: number]: {
paddingLeft: string;
paddingRight: string;
};
'& .SCCourseDashboard-header-img': {
[x: number]: {
display: string;
};
width: string;
minHeight: string;
height: string;
borderBottomLeftRadius: string;
borderBottomRightRadius: string;
marginBottom: string;
objectFit: string;
objectPosition: string;
};
'& .SCCourseDashboard-header-outer-wrapper': {
[x: number]: {
flexDirection: string;
alignItems: string;
justifyContent: string;
marginTop: any;
marginBottom: string;
};
alignItems: string;
gap: string;
marginTop: any;
marginBottom: any;
'& .SCCourseDashboard-header-inner-wrapper': {
[x: number]: {
flexDirection: string;
alignItems: string;
gap: string;
};
alignItems: string;
gap: string;
'& .SCCourseDashboard-header-icon-wrapper': {
flexDirection: string;
alignItems: string;
gap: any;
};
'& .SCBuyButton-request-root': {
fontWeight: any;
'& .MuiButton-startIcon': {
marginRight: any;
'& .MuiIcon-root': {
fontSize: string;
};
};
'&.Mui-selected, &:hover': {
backgroundColor: string;
};
};
};
};
};
'& .SCCourseDashboard-info-wrapper': {
[x: number]: {
flexDirection: string;
gap: string;
paddingLeft?: undefined;
paddingRight?: undefined;
} | {
paddingLeft: string;
paddingRight: string;
flexDirection?: undefined;
gap?: undefined;
};
gap: any;
marginBottom: any;
'& .SCCourseDashboard-info': {
flex: number;
gap: string;
border: string;
borderRadius: string;
padding: any;
backgroundColor: any;
'& .SCCourseParticipantsButton-root': {
justifyContent: string;
padding: number;
};
};
};
'& .SCCourseDashboard-tab-list': {
borderBottom: string;
'& .SCCourseDashboard-tab': {
textTransform: string;
};
'& > .Mui-disabled': {
opacity: number;
};
'& > .MuiTabs-scrollButtons': {
display: string;
};
};
'& .SCCourseDashboard-tab-panel': {
[x: number]: {
paddingLeft: string;
paddingRight: string;
};
padding: any;
};
'& .SCCourseDashboard-comments-container': {
[x: number]: {
padding: any;
};
backgroundColor: any;
border: string;
borderRadius: string;
padding: any;
'& .SCCourseDashboard-outer-wrapper': {
marginTop: string;
marginBottom: string;
'& .SCCourseDashboard-inner-wrapper': {
gap: any;
marginTop: string;
marginBottom: string;
'& .SCCourseDashboard-user-wrapper': {
flexDirection: string;
gap: string;
'& .SCCourseDashboard-avatar': {
width: string;
height: string;
};
'& .SCCourseDashboard-user-info': {
flexDirection: string;
alignItems: string;
gap: string;
'& .SCCourseDashboard-circle': {
width: string;
height: string;
borderRadius: string;
backgroundColor: any;
};
};
};
'& .SCCourseDashboard-button': {
width: string;
};
};
};
};
'&.SCCourseDashboard-student-container': {
'& .SCCourseDashboard-description': {
whiteSpace: string;
};
'& .SCCourseDashboard-accordion': {
borderTopLeftRadius: string;
borderTopRightRadius: string;
};
'& .SCCourseDashboard-user-wrapper': {
flexDirection: string;
alignItems: string;
justifyContent: string;
backgroundColor: any;
padding: string;
'& .SCCourseDashboard-user': {
flexDirection: string;
alignItems: string;
gap: string;
'& .SCCourseDashboard-avatar': {
width: string;
height: string;
};
'& a': {
textDecoration: string;
color: string;
};
'& .MuiBadge-root': {
marginRight: any;
};
};
'& .SCCourseDashboard-actions-wrapper': {
[x: number]: {
flexDirection: string;
margin: number;
};
margin: string;
gap: string;
'& .SCBuyButton-request-root': {
'&:hover, &:active': {
backgroundColor: any;
color: any;
border: string;
'& .MuiIcon-root': {
color: any;
};
};
};
};
};
'& .SCCourseDashboard-lessons-sections': {
flexDirection: string;
alignItems: string;
gap: string;
border: string;
borderBottom: string;
borderTopLeftRadius: string;
borderTopRightRadius: string;
padding: string;
backgroundColor: any;
'& .SCCourseDashboard-circle': {
width: string;
height: string;
borderRadius: number;
backgroundColor: any;
};
};
'& .SCCourseDashboard-margin': {
marginTop: string;
marginBottom: string;
};
'& .SCCourseDashboard-box': {
gap: string;
border: string;
borderRadius: string;
padding: string;
backgroundColor: any;
};
'& .SCCourseDashboard-percentage-wrapper': {
[x: number]: {
flexDirection: string;
};
justifyContent: string;
gap: string;
};
'& .SCCourseDashboard-progress': {
borderRadius: string;
backgroundColor: any;
};
'& .SCCourseDashboard-completed-wrapper': {
flexDirection: string;
alignItems: string;
gap: string;
};
};
};
skeletonRoot: ({ theme }: {
theme: any;
}) => {
'& .SCCourseDashboard-header': {
[x: number]: {
paddingLeft: string;
paddingRight: string;
};
'& .SCCourseDashboard-header-img': {
[x: number]: {
display: string;
};
width: string;
minHeight: string;
height: string;
borderBottomLeftRadius: string;
borderBottomRightRadius: string;
marginBottom: string;
};
'& .SCCourseDashboard-header-outer-wrapper': {
[x: number]: {
flexDirection: string;
alignItems: string;
justifyContent: string;
marginTop: any;
marginBottom: string;
};
alignItems: string;
gap: string;
marginTop: any;
marginBottom: any;
'& .SCCourseDashboard-header-inner-wrapper': {
[x: number]: {
flexDirection: string;
alignItems: string;
gap: string;
};
alignItems: string;
gap: string;
'& .SCCourseDashboard-header-icon-wrapper': {
flexDirection: string;
alignItems: string;
gap: any;
};
};
};
};
'&.SCCourseDashboard-teacher': {
'& .SCCourseDashboard-info-wrapper': {
[x: number]: {
flexDirection: string;
gap: string;
paddingLeft?: undefined;
paddingRight?: undefined;
} | {
paddingLeft: string;
paddingRight: string;
flexDirection?: undefined;
gap?: undefined;
};
gap: any;
marginBottom: any;
'& .SCCourseDashboard-info': {
flex: number;
gap: string;
border: string;
borderRadius: string;
padding: any;
'& .SCCourseParticipantsButton-root': {
justifyContent: string;
padding: number;
};
};
};
'& .SCCourseDashboard-tab-list': {
flexDirection: string;
alignItems: string;
justifyContent: string;
gap: any;
borderBottom: string;
padding: any;
};
};
'&.SCCourseDashboard-student': {
'& .SCCourseDashboard-user-wrapper': {
flexDirection: string;
alignItems: string;
justifyContent: string;
'& .SCCourseDashboard-user': {
flexDirection: string;
alignItems: string;
gap: string;
marginTop: string;
marginBottom: string;
'& .SCCourseDashboard-avatar': {
width: string;
height: string;
};
};
};
'& .SCCourseDashboard-margin': {
marginTop: string;
marginBottom: string;
};
'& .SCCourseDashboard-box': {
gap: string;
border: string;
borderRadius: string;
padding: string;
};
'& .SCCourseDashboard-percentage-wrapper': {
[x: number]: {
flexDirection: string;
};
justifyContent: string;
gap: string;
};
'& .SCCourseDashboard-lessons-sections': {
flexDirection: string;
alignItems: string;
gap: string;
border: string;
borderBottom: string;
borderTopLeftRadius: string;
borderTopRightRadius: string;
padding: string;
'& .SCCourseDashboard-circle': {
width: string;
height: string;
borderRadius: number;
};
};
};
};
};
};
export default Component;