@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
191 lines (190 loc) • 6.86 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: {
theme: any;
}) => {
'& .SCCourseForm-contrast-color': {
color: any;
};
'& .SCCourseForm-cover': {
position: string;
height: number;
minHeight: number;
borderRadius: string;
'& .SCCourseForm-upload-course-cover-root': {
position: string;
right: any;
bottom: any;
padding: any;
minWidth: string;
};
};
'& .SCCourseForm-header': {
marginTop: any;
color: any;
};
'& h5': {
padding: any;
};
'& .SCCourseForm-form': {
'&.SCCourseForm-step-customization': {
[x: number]: {
padding: any;
};
backgroundColor: any;
border: string;
borderBottom: string;
borderRadius: string;
borderBottomLeftRadius: string;
borderBottomRightRadius: string;
padding: any;
};
'& .SCCourseForm-name': {
marginTop: any;
};
'& .SCCategoryAutocomplete-root ': {
marginTop: any;
};
'& .SCCourseForm-edit-root': {
backgroundColor: any;
marginTop: any;
'& .SCCourseForm-edit-card': {
display: string;
alignItems: string;
borderRadius: string;
padding: any;
'& h5': {
paddingTop: number;
paddingBottom: number;
};
'& .MuiTypography-body1': {
paddingLeft: any;
};
'& .SCCourseForm-edit-access-info': {
marginTop: any;
marginBottom: any;
'& > p:first-of-type': {
marginBottom: any;
};
'& .MuiIcon-root': {
marginRight: any;
};
};
};
'& .SCCourseForm-edit-publish': {
marginTop: any;
'& h5': {
paddingTop: number;
paddingBottom: number;
};
'& .SCCourseForm-edit-publish-info': {
paddingLeft: any;
marginBottom: any;
};
'& .SCCourseForm-edit-privacy-item': {
paddingLeft: any;
marginBottom: any;
'& .MuiTypography-body1': {
display: string;
alignItems: string;
'& .MuiIcon-root': {
marginRight: any;
};
};
};
'& .SCCourseForm-edit-privacy-item-info': {
marginLeft: any;
};
'& .SCCourseForm-disabled': {
opacity: number;
};
'& .SCCourseForm-edit-card': {
alignItems: string;
margin: any;
};
};
};
};
'& .SCCourseForm-step-one': {
display: string;
flexDirection: string;
justifyContent: string;
gap: any;
marginTop: any;
'& .SCCourseForm-selected': {
backgroundColor: string;
border: string;
'&:hover': {
backgroundColor: string;
};
};
'& .SCCourseForm-disabled': {
pointerEvents: string;
opacity: number;
};
'& .MuiCard-root': {
boxShadow: string;
border: string;
borderRadius: string;
'&:hover': {
backgroundColor: any;
};
'& .MuiCardContent-root': {
'& .MuiTypography-h5': {
fontWeight: any;
};
'& .MuiTypography-body2': {
whiteSpace: string;
};
'& .SCCourseForm-card-title': {
display: string;
justifyContent: string;
'& .MuiChip-root': {
borderRadius: number;
};
};
};
};
};
'& .SCCourseForm-error': {
color: any;
};
'& .SCCourseForm-actions': {
display: string;
justifyContent: string;
gap: any;
'&.SCCourseForm-step-customization': {
[x: number]: {
padding: any;
};
backgroundColor: any;
border: string;
borderTop: string;
borderRadius: string;
borderTopLeftRadius: string;
borderTopRightRadius: string;
padding: any;
};
'& button': {
width: string;
};
};
'& .MuiDivider-root': {
marginTop: any;
border: string;
};
'& .MuiDialogTitle-root': {
'& span': {
flexGrow: number;
textAlign: string;
};
};
};
skeletonRoot: ({ theme }: {
theme: any;
}) => {
gap: any;
};
};
};
export default Component;