@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
292 lines (291 loc) • 9.96 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
width: string;
};
snippetRoot: ({ theme }: any) => {
'& .SCBaseItemButton-image': {
'& .SCCourse-snippet-avatar': {
width: number;
height: number;
'& img': {
borderRadius: string;
};
};
'& .SCCourse-snippet-avatar-user-profile-view': {
width: number;
height: number;
'& img': {
borderRadius: string;
};
};
};
'& .SCCourse-snippet-image': {
position: string;
marginLeft: any;
'& .SCCourse-chip': {
maxWidth: number;
borderRadius: number;
boxShadow: string;
height: number;
'& span': {
padding: number;
fontSize: string;
};
};
'& .SCCourse-snippet-in-progress': {
height: number;
backgroundColor: any;
position: string;
top: number;
right: number;
color: any;
boxShadow: string;
'& span': {
fontSize: string;
paddingLeft: any;
paddingRight: any;
};
};
};
'& .SCBaseItemButton-text': {
fontSize: any;
textAlign: string;
'& .SCBaseItemButton-primary > a': {
color: any;
textDecoration: string;
'&:hover': {
textDecoration: string;
};
'& p': {
fontWeight: any;
whiteSpace: string;
overflow: string;
textOverflow: string;
display: string;
};
};
'& .SSCBaseItemButton-secondary > a': {
color: any;
};
};
'& .SCCourse-chip': {
textTransform: string;
position: string;
top: any;
left: any;
color: any;
borderRadius: number;
'& .MuiChip-label': {
fontWeight: number;
padding: any;
};
};
'& .SCBaseItemButton-actions': {
marginRight: any;
};
'& .SCCourse-snippet-privacy': {
flexDirection: string;
alignItems: string;
};
};
previewRoot: ({ theme }: any) => {
[x: number]: {
minHeight: string;
};
height: string;
'& .SCCourse-preview-image-wrapper': {
position: string;
'& .SCCourse-preview-image': {
height: string;
};
'& .SCCourse-chip': {
textTransform: string;
position: string;
top: any;
left: any;
color: any;
borderRadius: number;
'& .MuiChip-label': {
fontWeight: number;
padding: any;
};
};
'& .SCCourse-preview-avatar': {
position: string;
bottom: any;
left: any;
width: any;
height: any;
border: string;
};
'.MuiBadge-badge': {
left: any;
top: any;
};
};
'& .SCCourse-preview-content': {
padding: any;
'& .SCCourse-preview-creator': {
textDecoration: string;
color: string;
'& .MuiTypography-root': {
marginBottom: any;
};
};
'& .SCCourse-preview-name-wrapper': {
textDecoration: string;
color: string;
h6: {
fontWeight: number;
};
'& .SCCourse-preview-name': {
display: string;
height: any;
marginBottom: any;
textOverflow: string;
overflow: string;
WebkitLineClamp: string;
WebkitBoxOrient: string;
lineHeight: number;
};
};
'& .SCCourse-preview-info': {
height: any;
display: string;
alignItems: string;
marginBottom: any;
};
'& .SCCourse-preview-category': {
[x: number]: {
height: any;
};
'& .MuiChip-root': {
[x: number]: {
maxWidth: any;
};
margin: any;
};
};
};
'& .SCCourse-preview-progress': {
[x: number]: {
height: any;
};
justifyContent: string;
padding: any;
'& .MuiLinearProgress-root': {
width: string;
height: number;
borderRadius: number;
marginTop: any;
};
'& .SCCourse-preview-completed-status': {
display: string;
alignItems: string;
justifyContent: string;
'& .MuiIcon-root': {
marginRight: any;
};
};
'& .SCCourse-preview-progress-bar': {
backgroundColor: any;
};
};
'& .SCCourse-preview-actions': {
justifyContent: string;
padding: any;
};
};
createPlaceholderRoot: ({ theme }: any) => {
[x: number]: {
minHeight: string;
};
height: string;
'& .SCCourse-create-placeholder-image-wrapper': {
position: string;
'& .SCCourse-create-placeholder-image': {
height: string;
};
'& .SCCourse-create-placeholder-icon': {
position: string;
top: string;
left: string;
transform: string;
color: any;
};
'& .SCCourse-create-placeholder-chip': {
backgroundColor: any;
position: string;
top: any;
left: any;
color: any;
borderRadius: number;
'& .MuiChip-label': {
fontWeight: number;
padding: any;
};
};
'& .SCCourse-create-placeholder-avatar': {
position: string;
bottom: any;
left: any;
width: any;
height: any;
border: string;
};
};
'& .SCCourse-create-placeholder-actions': {
display: string;
justifyContent: string;
height: string;
};
};
skeletonRoot: ({ theme }: any) => {
width: string;
'& .SCCourse-skeleton-preview-root': {
[x: number]: {
minHeight: string;
};
height: string;
'& .SCCourse-skeleton-preview-avatar': {
position: string;
bottom: any;
left: any;
width: any;
height: any;
border: string;
};
'& .SCCourse-skeleton-preview-content': {
padding: string;
minHeight: number;
};
'& .SCCourse-skeleton-preview-actions': {
display: string;
justifyContent: string;
padding: any;
};
};
'& .SCCourse-skeleton-snippet-root': {
'& .SCCourse-skeleton-snippet-image': {
position: string;
'& .MuiSkeleton-root': {
borderRadius: string;
};
'& .MuiIcon-root': {
color: any;
position: string;
top: string;
left: string;
transform: string;
};
};
};
'&.MuiPaper-outlined': {
paddingLeft: any;
paddingRight: any;
};
};
};
};
export default Component;