@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
129 lines (128 loc) • 4.84 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
backgroundColor: string;
'& .SCPrivateMessageEditor-message-input': {
width: string;
};
'& .MuiInputBase-root': {
'&.Mui-disabled': {
backgroundColor: any;
};
borderRadius: number;
padding: any;
'& textarea': {
backgroundColor: any;
borderRadius: any;
padding: any;
border: string;
'&:hover': {
border: string;
};
'&.Mui-disabled': {
border: string;
};
};
'& .MuiButtonBase-root': {
padding: any;
};
'& .MuiOutlinedInput-notchedOutline': {
border: string;
};
};
'& .SCPrivateMessageEditor-emoji-section': {
'& .EmojiPickerReact.epr-main': {
borderRadius: number;
'& .epr-preview': {
display: string;
};
};
};
'& .MuiPaper-root': {
borderRadius: number;
backgroundColor: any;
'& .MuiCardHeader-root': {
paddingBottom: any;
'& .SCPrivateMessageEditor-close-button': {
fontSize: string;
cursor: string;
'&:hover': {
color: any;
};
};
};
'& .MuiAlert-root': {
position: string;
};
'& .MuiCardContent-root': {
overflow: string;
padding: any;
minHeight: any;
'& .SCPrivateMessageEditor-upload-section': {
'& .SCPrivateMessageEditor-upload-button': {
display: string;
margin: string;
fontSize: string;
};
};
'& .MuiList-root': {
[x: number]: {
paddingTop: any;
};
'& .MuiListItem-root:first-of-type': {
paddingTop: any;
};
};
'& .SCPrivateMessageEditor-preview-content': {
position: string;
display: string;
margin: string;
justifyContent: string;
alignItems: string;
'& .MuiListItem-root': {
height: any;
marginRight: any;
img: {
width: any;
height: any;
};
video: {
objectFit: string;
width: any;
height: any;
};
};
'& .SCPrivateMessageEditor-preview-actions': {
height: string;
background: string;
'& .MuiButtonBase-root, .MuiTypography-root': {
color: any;
position: string;
top: string;
left: string;
transform: string;
};
};
'& .SCPrivateMessageEditor-preview-info': {
position: string;
left: string;
bottom: number;
transform: string;
overflow: string;
textOverflow: string;
width: any;
'& .MuiTypography-root': {
fontSize: string;
};
};
};
};
};
'&.SCPrivateMessageEditor-ios': {
paddingBottom: string;
};
};
skeletonRoot: ({ theme }: any) => {};
};
};
export default Component;