@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
129 lines (128 loc) • 4.33 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
'& .SCGroupHeader-cover': {
[x: number]: {
borderRadius: any;
};
position: string;
height: number;
minHeight: number;
borderRadius: number;
background: string;
boxShadow: string;
};
'& .SCGroupHeader-info': {
marginTop: any;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
'& .SCGroupHeader-members': {
marginBottom: string;
'& .SCGroupHeader-members-counter': {
fontSize: string;
fontWeight: any;
display: string;
};
};
'& .SCGroupHeader-visibility': {
display: string;
justifyContent: string;
alignItems: string;
gap: any;
'& .SCGroupHeader-visibility-item': {
fontSize: any;
fontWeight: any;
display: string;
justifyContent: string;
alignItems: string;
gap: any;
};
'& .SCBuyButton-request-root': {
fontWeight: any;
'& .MuiButton-startIcon': {
marginRight: any;
'& .MuiIcon-root': {
fontSize: string;
};
};
'&.Mui-selected, &:hover': {
backgroundColor: string;
};
};
};
'& .SCGroupHeader-multi-actions': {
display: string;
marginLeft: string;
marginTop: any;
'& .SCEditGroupButton-root': {
marginRight: any;
};
};
'& .SCGroupSubscribeButton-root': {
marginTop: any;
};
};
'& .SCGroupHeader-avatar': {
top: number;
display: string;
position: string;
transform: string;
left: string;
'& .MuiAvatar-root': {
height: any;
width: any;
borderRadius: string;
border: string;
objectFit: string;
};
};
'& .SCGroupHeader-change-picture': {
top: number;
left: string;
transform: string;
position: string;
display: string;
};
'& .SCGroupHeader-name': {
marginBottom: any;
fontWeight: any;
fontSize: string;
textAlign: string;
};
'& .SCGroupHeader-change-cover': {
position: string;
right: any;
bottom: any;
};
};
skeletonRoot: ({ theme }: any) => {
position: string;
'& .SCGroupHeader-cover': {
[x: number]: {
borderRadius: any;
};
height: number;
};
'& .SCGroupHeader-avatar': {
top: number;
display: string;
position: string;
transform: string;
left: string;
"& .MuiSkeleton-root": {
border: string;
};
};
'& .SCGroupHeader-info': {
display: string;
justifyContent: string;
flexDirection: string;
alignItems: string;
marginTop: number;
};
};
};
};
export default Component;