@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
158 lines (157 loc) • 5.48 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme, isEventAdmin, isEventFinished }: any) => {
'& .SCEventHeader-cover': {
[x: number]: {
borderRadius: any;
};
position: string;
minHeight: number;
background: string;
height: number;
borderRadius: number;
};
'& .SCEventHeader-in-progress': {
color: any;
paddingLeft: any;
display: string;
alignItems: string;
gap: string;
marginBottom: any;
'&:before': {
content: string;
width: string;
height: string;
borderRadius: string;
backgroundColor: any;
animation: string;
'@keyframes pulse-animation': {
'0%': {
opacity: number;
};
'50%': {
opacity: number;
};
'100%': {
opacity: number;
};
};
};
};
'& .SCEventHeader-chip': {
marginLeft: any;
marginBottom: any;
backgroundColor: any;
color: any;
border: string;
'& .SCEventHeader-chip-icon': {
marginLeft: any;
};
};
'& .SCEventHeader-time': {
textTransform: string;
fontSize: string;
fontWeight: any;
color: any;
paddingLeft: any;
};
'& .SCEventHeader-info': {
marginTop: any;
'& .SCEventHeader-name': {
fontSize: string;
fontWeight: any;
paddingLeft: any;
color: any;
};
'& .SCEventHeader-visibility': {
display: string;
justifyContent: string;
alignItems: string;
gap: any;
paddingLeft: any;
color: any;
'& .SCEventHeader-visibility-item': {
fontSize: any;
fontWeight: any;
color: 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;
};
};
};
'& .SCEditEvenButton-root': {
marginLeft: string;
marginTop: any;
marginRight: any;
};
'& .SCEvenSubscribeButton-root': {
marginTop: any;
};
'& .SCUser-root': {
borderTop: string;
borderBottom: string;
marginTop: any;
'& .SCBaseItemButton-content': {
paddingLeft: any;
};
'& .SCBaseItemButton-actions': {
[x: number]: {
width: string;
};
maxWidth: string;
'& .SCEventHeader-multi-actions': {
display: string;
justifyContent: string;
alignItems: string;
'& .SCEventInviteButton-root': {
marginRight: any;
};
};
};
};
'& .SCUser-skeleton-root': {
marginTop: any;
'& .SCBaseItem-content': {
paddingLeft: any;
};
'& .SCBaseItem-actions': {
paddingRight: any;
};
};
};
};
skeletonRoot: ({ theme }: any) => {
position: string;
'& .SCEventHeader-cover': {
height: number;
};
'& .SCEventHeader-avatar': {
top: number;
display: string;
position: string;
marginLeft: any;
"& .MuiSkeleton-root": {
border: string;
};
};
'& .SCEventHeader-info': {
marginTop: number;
marginLeft: any;
};
};
};
};
export default Component;