@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
176 lines (175 loc) • 6.95 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
height: string;
width: string;
backgroundColor: string;
borderRadius: number;
'& .MuiCardContent-root': {
display: string;
flexDirection: string;
height: string;
padding: number;
position: string;
'& .MuiAlert-root': {
position: string;
bottom: number;
left: number;
right: number;
display: string;
justifyContent: string;
borderRadius: number;
};
'& .infinite-scroll-component__outerdiv': {
flexGrow: number;
overflowY: string;
'& .infinite-scroll-component': {
display: string;
flexDirection: string;
'& .MuiList-root': {
margin: number;
padding: any;
'& .MuiListItem-root': {
padding: any;
minWidth: string;
maxWidth: string;
textAlign: string;
width: string;
position: string;
marginBottom: any;
'&.SCPrivateMessageThread-receiver': {
backgroundColor: any;
marginLeft: any;
filter: string;
'&:after': {
marginRight: any;
content: string;
position: string;
border: string;
borderTop: string;
top: any;
left: any;
};
};
'&.SCPrivateMessageThread-sender': {
backgroundColor: any;
position: string;
marginLeft: string;
marginRight: any;
'&:after': {
content: string;
position: string;
border: string;
borderTop: string;
top: any;
right: any;
};
};
};
};
};
};
'& .SCPrivateMessageThread-item': {
display: string;
marginBottom: any;
'& .SCPrivateMessageThread-avatar': {
marginRight: any;
'& img': {
height: any;
width: any;
};
};
};
};
'& .SCPrivateMessageThread-empty-message': {
height: string;
display: string;
justifyContent: string;
alignItems: string;
fontSize: string;
};
'& .SCPrivateMessageThread-new-message-header': {
display: string;
width: string;
height: any;
alignItems: string;
justifyContent: string;
backgroundColor: string;
'& .SCPrivateMessageThread-new-message-header-content': {
display: string;
alignItems: string;
width: string;
backgroundColor: any;
borderRadius: any;
marginRight: any;
'& .SCPrivateMessageThread-new-message-header-icon': {
fontSize: string;
marginLeft: any;
};
'& .MuiIcon-root': {
color: any;
};
'& .MuiTypography-root': {
color: any;
marginLeft: any;
};
'& .SCPrivateMessageThread-autocomplete': {
[x: number]: {
maxHeight: any;
};
width: string;
marginLeft: any;
maxHeight: any;
overflow: string;
'& .MuiAutocomplete-tag': {
height: any;
'& .MuiChip-deleteIcon': {
fontSize: string;
};
};
'& .MuiAutocomplete-endAdornment': {
position: string;
'& .MuiAutocomplete-clearIndicator': {
fontSize: string;
};
};
};
};
};
'& .MuiListSubheader-root': {
backgroundColor: string;
display: string;
justifyContent: string;
marginBottom: any;
zIndex: number;
'& .SCPrivateMessageThread-subheader': {
width: string;
minWidth: number;
padding: any;
backgroundColor: string;
fontWeight: any;
borderRadius: any;
boxShadow: string;
};
};
'& .MuiList-root, .SCPrivateMessageThread-new-message-content': {
flexGrow: number;
};
};
skeletonRoot: ({ theme }: any) => {
height: string;
width: string;
borderRadius: number;
'& .MuiCardContent-root': {
padding: number;
'& .MuiList-root .MuiListItem-root': {
height: any;
};
'&:last-child': {
paddingBottom: number;
};
};
};
};
};
export default Component;