@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
240 lines (239 loc) • 8.47 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {};
detailRoot: ({ theme }: any) => {
'& .SCEvent-detail-image-wrapper': {
position: string;
'& .SCEvent-detail-image': {
height: string;
};
'& .SCEvent-detail-in-progress': {
backgroundColor: any;
position: string;
top: number;
right: number;
color: any;
boxShadow: string;
};
};
'& .SCEvent-detail-content': {
padding: string;
'& .SCEvent-detail-user': {
marginTop: string;
'& .SCBaseItemButton-text': {
margin: number;
};
};
'& .SCEvent-detail-name-wrapper': {
textDecoration: string;
color: string;
'& .SCEvent-detail-name': {
marginBottom: string;
};
};
'& .SCEvent-detail-first-divider': {
marginTop: string;
marginBottom: any;
};
'& .SCEvent-detail-second-divider': {
marginTop: any;
marginBottom: string;
};
};
};
previewRoot: ({ theme }: any) => {
'& .SCEvent-preview-image-wrapper': {
position: string;
'& .SCEvent-preview-image': {
height: string;
};
'& .SCEvent-preview-in-progress': {
height: number;
backgroundColor: any;
position: string;
top: number;
right: number;
color: any;
boxShadow: string;
'& span': {
fontSize: string;
paddingLeft: any;
paddingRight: any;
};
};
'& .SCEvent-finished-chip': {
backgroundColor: any;
position: string;
top: number;
right: number;
color: any;
boxShadow: string;
};
};
'& .SCEvent-preview-content': {
padding: string;
'& .SCEventInfoDetails-icon-text-wrapper': {
'& .MuiTypography-root': {
fontSize: string;
};
};
'& .SCEvent-detail-user': {
marginTop: string;
'& .SCBaseItemButton-text': {
margin: number;
};
};
'& .SCEvent-preview-name-wrapper': {
marginTop: number;
textDecoration: string;
color: string;
'& h5': {
whiteSpace: string;
overflow: string;
textOverflow: string;
};
};
};
};
snippetRoot: ({ theme }: any) => {
overflow: string;
boxSizing: string;
paddingLeft: string;
paddingRight: string;
'& .SCBaseItem-image': {
'& .MuiAvatar-root': {
width: number;
height: number;
'& img': {
borderRadius: string;
};
};
};
'& .SCEvent-snippet-image': {
position: string;
'& .SCEvent-snippet-in-progress': {
height: number;
backgroundColor: any;
position: string;
top: number;
right: number;
color: any;
boxShadow: string;
'& span': {
fontSize: string;
paddingLeft: any;
paddingRight: any;
};
};
'& .SCEvent-finished-chip': {
height: number;
backgroundColor: any;
position: string;
top: number;
right: number;
color: any;
boxShadow: string;
'& span': {
fontSize: string;
paddingLeft: any;
paddingRight: any;
};
};
};
'& .SCBaseItem-text': {
fontSize: any;
'& .SCEvent-snippet-primary': {
color: any;
textDecoration: string;
'&:hover': {
textDecoration: string;
};
'& p': {
fontWeight: any;
};
};
'& .SCEvent-snippet-secondary': {
color: any;
};
};
};
skeletonRoot: ({ theme }: any) => {
'& .SCEvent-skeleton-detail-root': {
'& .SCEvent-skeleton-detail-calendar': {
position: string;
bottom: string;
left: string;
boxShadow: string;
};
'& .SCEvent-skeleton-detail-content': {
padding: string;
'& .SCEvent-skeleton-detail-user': {
marginTop: string;
'& .SCBaseItemButton-text': {
margin: number;
};
};
'& .SCEvent-skeleton-detail-name-wrapper': {
textDecoration: string;
color: string;
'& .SCEvent-skeleton-detail-name': {
marginBottom: string;
};
};
'& .SCEvent-skeleton-detail-first-divider': {
marginTop: string;
marginBottom: any;
};
'& .SCEvent-skeleton-detail-second-divider': {
marginTop: any;
marginBottom: string;
};
};
};
'& .SCEvent-skeleton-preview-root': {
'& .SCEvent-skeleton-preview-content': {
padding: any;
};
'& .SCEvent-skeleton-preview-image': {
position: string;
'& .MuiSkeleton-root': {
borderRadius: string;
};
'& .MuiIcon-root': {
color: any;
position: string;
top: string;
left: string;
transform: string;
};
};
'& .SCBaseItem-actions': {
maxWidth: string;
};
};
'& .SCEvent-skeleton-snippet-root': {
overflow: string;
boxSizing: string;
paddingLeft: string;
paddingRight: string;
'& .SCEvent-skeleton-snippet-image': {
position: string;
'& .MuiSkeleton-root': {
borderRadius: string;
};
'& .MuiIcon-root': {
color: any;
position: string;
top: string;
left: string;
transform: string;
};
};
'& .SCBaseItem-actions': {
maxWidth: string;
};
};
};
};
};
export default Component;