@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
298 lines (297 loc) • 9.39 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
boxSizing: string;
padding: any;
position: string;
cursor: string;
'& .SCEditor-content': {
position: string;
outline: string;
minHeight: number;
paddingBottom: number;
'& > p': {
margin: number;
};
'& img': {
margin: number;
};
'& mention': {
backgroundColor: string;
};
'& hashtag': {
backgroundColor: string;
};
};
'& .SCEditor-placeholder': {
position: string;
top: any;
left: any;
color: any;
};
'& .SCEditor-actions': {
position: string;
bottom: number;
right: any;
color: any;
zIndex: number;
'& .MuiIcon-root': {
fontSize: string;
};
};
'& .SCEditor-image': {
position: string;
display: string;
'& .selected': {
border: string;
};
};
'& hr': {
cursor: string;
margin: string;
'&.selected': {
outline: string;
userSelect: string;
};
};
'& .SCEditor-ltr': {
textAlign: string;
};
'& .SCEditor-rtl': {
textAlign: string;
};
'& .SCEditor-paragraph': {
margin: number;
position: string;
};
'& .SCEditor-quote': {
margin: number;
marginLeft: any;
marginBottom: any;
color: any;
borderLeftColor: any;
borderLeftWidth: any;
borderLeftStyle: string;
paddingLeft: any;
};
'& .SCEditor-h1': {
fontSize: string;
color: any;
fontWeight: any;
margin: any;
};
'& .SCEditor-h2': {
fontSize: string;
color: any;
fontWeight: any;
margin: any;
};
'& .SCEditor-h3': {
fontSize: string;
color: any;
fontWeight: any;
margin: any;
};
'& .SCEditor-textBold': {
fontWeight: string;
};
'& .SCEditor-textItalic': {
fontStyle: string;
};
'& .SCEditor-textUnderline': {
textDecoration: string;
};
'& .SCEditor-textStrikethrough': {
textDecoration: string;
};
'& .SCEditor-textUnderlineStrikethrough': {
textDecoration: string;
};
'& .SCEditor-textSubscript': {
fontSize: string;
verticalAlign: string;
};
'& .SCEditor-textSuperscript': {
fontSize: string;
verticalAlign: string;
};
'& .SCEditor-link': {
color: any;
textDecoration: string;
};
'& .SCEditor-link:hover': {
textDecoration: string;
cursor: string;
};
'& .SCEditor-ol1': {
padding: number;
margin: number;
};
'& .SCEditor-ol2': {
padding: number;
margin: number;
listStyleType: string;
};
'& .SCEditor-ol3': {
padding: number;
margin: number;
listStyleType: string;
};
'& .SCEditor-ol4': {
padding: number;
margin: number;
listStyleType: string;
};
'& .SCEditor-ol5': {
padding: number;
margin: number;
listStyleType: string;
};
'& .SCEditor-ul': {
padding: number;
margin: number;
};
'& .SCEditor-listItem': {
margin: string;
};
};
toolbar: ({ theme }: any) => {
'& .SCEditor-placeholder': {
top: any;
left: any;
};
};
skeletonRoot: ({ theme }: any) => {};
emojiPluginRoot: ({ theme }: any) => {};
floatingLinkPluginRoot: ({ theme }: any) => {
zIndex: number;
'& .MuiPaper-root': {
borderRadius: number;
};
};
hashtagPluginRoot: ({ theme }: any) => {
position: string;
background: any;
boxShadow: string;
borderRadius: number;
marginLeft: number;
marginTop: number;
zIndex: number;
'& ul': {
padding: number;
listStyle: string;
margin: number;
borderRadius: number;
'& li': {
padding: any;
margin: number;
minWidth: number;
fontSize: any;
outline: string;
cursor: string;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
'&.selected': {
background: any;
};
'&.hovered': {
background: any;
};
'& .MuiAvatar-root': {
width: number;
height: number;
marginRight: any;
};
};
};
};
imagePluginRoot: ({ theme }: any) => {};
mentionPluginRoot: ({ theme }: any) => {
position: string;
background: any;
boxShadow: string;
borderRadius: number;
marginLeft: number;
marginTop: number;
zIndex: number;
'& ul': {
padding: number;
listStyle: string;
margin: number;
borderRadius: number;
'& li': {
padding: any;
margin: number;
minWidth: number;
fontSize: any;
outline: string;
cursor: string;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
'&.selected': {
background: any;
};
'&.hovered': {
background: any;
};
'& .MuiAvatar-root': {
width: number;
height: number;
marginRight: any;
};
};
};
};
toolbarPluginRoot: ({ theme }: any) => {
borderRadius: number;
borderColor: string;
borderWidth: number;
borderStyle: string;
display: string;
flexDirection: string;
alignItems: string;
justifyContent: string;
marginBottom: any;
padding: number;
overflowX: string;
MsOverflowStyle: string;
scrollbarWidth: string;
'&::-webkit-scrollbar': {
display: string;
};
'& .MuiTextField-root': {
minWidth: number;
margin: any;
};
'& .MuiButtonBase-root': {
margin: any;
padding: any;
fontSize: string;
border: number;
borderRadius: number;
'&.Mui-disabled': {
border: number;
};
'&.MuiToggleButtonGroup-grouped:not(:last-of-type)': {
borderTopRightRadius: number;
borderBottomRightRadius: number;
};
'&.MuiToggleButtonGroup-grouped:not(:first-of-type)': {
borderTopRightRadius: number;
borderBottomRightRadius: number;
borderTopLeftRadius: number;
borderBottomLeftRadius: number;
};
};
'& .SCEditor-block-format .MuiIcon-root:first-of-type': {
display: string;
marginRight: any;
};
};
};
};
export default Component;