@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
435 lines (434 loc) • 14 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
'& .SCNotification-header': {
padding: any;
'& .SCNotification-avatar': {
width: any;
height: any;
};
'& .SCNotification-username': {
fontWeight: any;
};
};
'& .SCNotification-content': {
padding: number;
'& .SCNotification-uncollapsed': {
padding: any;
'& > *': {
marginBottom: any;
};
};
'& .SCNotification-show-other-aggregated': {
backgroundColor: string;
};
'& .SCNotification-collapsed': {
padding: any;
'& .MuiCollapse-wrapperInner > *': {
marginBottom: any;
};
};
'& .SCNotificationItem-detail': {
borderRadius: number;
};
};
'& a:not(.MuiButton-root)': {
textDecoration: string;
color: any;
'&:hover, &:active': {
color: any;
textDecoration: string;
};
};
};
skeletonRoot: ({ theme }: any) => {
marginBottom: any;
};
collapsedForRoot: ({ theme }: any) => {
width: string;
'& .SCNotification-flag-icon': {
backgroundColor: "#f44336";
color: string;
};
'& .SCNotification-flag-text': {
color: any;
};
'& .SCNotification-contribution-wrap': {
padding: string;
textOverflow: string;
display: string;
overflow: string;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
};
};
commentRoot: ({ theme }: any) => {
'& .SCNotification-username': {
fontWeight: any;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-vote-button': {
color: string;
padding: any;
fontSize: string;
minWidth: number;
borderRadius: string;
};
'& .SCNotification-contribution-text': {
color: any;
textOverflow: string;
display: string;
overflow: string;
'&:hover': {
textDecoration: string;
};
};
};
contributionRoot: ({ theme }: any) => {
'& .SCNotification-username': {
fontWeight: any;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-vote-button': {
color: string;
padding: any;
fontSize: string;
minWidth: number;
borderRadius: string;
};
'& .SCNotification-contribution-text': {
color: any;
textOverflow: string;
overflow: string;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotificationItem-root .SCNotificationItem-header .SCNotificationItem-secondary': {
marginTop: any;
'& .SCDateTimeAgo-root': {
marginTop: number;
};
};
};
contributionFollowRoot: ({ theme }: any) => {
'& .SCNotification-username': {
fontWeight: number;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-follow-text': {
color: any;
fontWeight: any;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
textOverflow: string;
display: string;
overflow: string;
};
'& .MuiIcon-root': {
fontSize: string;
marginBottom: string;
};
};
deletedForRoot: ({ theme }: any) => {
'& .SCNotification-flag-icon': {
backgroundColor: "#f44336";
color: string;
};
'& .SCNotification-flag-text': {
color: any;
};
'& .SCNotification-contribution-wrap': {
marginBottom: any;
padding: any;
textOverflow: string;
display: string;
overflow: string;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
};
};
incubatorApprovedRoot: ({ theme }: any) => {
'& .SCNotification-category-icon': {
borderRadius: number;
};
'& .SCNotification-view-incubator-button': {
padding: any;
paddingBottom: number;
textTransform: string;
marginLeft: number;
};
};
kindlyNoticeFlagRoot: ({ theme }: any) => {
'& .SCNotification-flag-icon': {
backgroundColor: "#f44336";
color: string;
};
'& .SCNotification-flag-text': {
color: any;
};
'& .SCNotification-contribution-wrap': {
padding: string;
textOverflow: string;
display: string;
overflow: string;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
};
};
kindlyNoticeForRoot: ({ theme }: any) => {
width: string;
'& .SCNotification-flag-icon': {
backgroundColor: "#f44336";
color: string;
};
'& .SCNotification-flag-text': {
color: any;
};
'& .SCNotification-contribution-wrap': {
padding: string;
textOverflow: string;
display: string;
overflow: string;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
};
};
mentionRoot: ({ theme }: any) => {
'& .SCNotification-username': {
fontWeight: number;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-mention-text': {
color: any;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
textOverflow: string;
display: string;
overflow: string;
};
};
privateMessageRoot: ({ theme }: any) => {
'& .SCNotification-username': {
display: string;
fontWeight: number;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-message-label': {
color: any;
};
'& .SCNotification-message-wrap': {
textOverflow: string;
overflow: string;
WebkitLineClamp: string;
lineClamp: number;
WebkitBoxOrient: string;
'& p': {
margin: number;
};
};
'& .SCNotification-message': {
height: number;
overflowY: string;
textOverflow: string;
display: string;
overflow: string;
'&:hover': {
textDecoration: string;
};
'& > p': {
overflowY: string;
textOverflow: string;
display: string;
WebkitLineClamp: string;
lineClamp: number;
WebkitBoxOrient: string;
};
};
'& .SCNotification-actions': {
fontSize: string;
maxWidth: string;
};
};
courseRoot: ({ theme }: any) => {
'& .SCNotification-username, & a': {
fontWeight: any;
};
'& .SCNotificationItem-primary': {
'& .SCCourse-root': {
width: string;
'& .SCCourse-snippet-root': {
paddingLeft: string;
};
};
};
'& .SCNotificationItem-secondary': {
textTransform: string;
};
'& .SCNotification-snippet-time': {
paddingLeft: any;
};
'& .SCCourse-snippet-root': {
backgroundColor: string;
};
};
eventRoot: ({ theme }: any) => {
'& .SCNotification-username, & a': {
fontWeight: any;
};
'& .SCNotificationItem-primary': {
'& .MuiIcon-root': {
float: string;
fontSize: string;
marginLeft: any;
};
'& .SCEvent-root': {
width: string;
'& .SCEvent-snippet-root': {
paddingLeft: string;
};
};
};
'& .SCNotificationItem-secondary': {
textTransform: string;
};
'& .SCNotification-snippet-time': {
paddingLeft: any;
};
'& .SCEvent-snippet-root': {
backgroundColor: string;
};
};
liveStreamRoot: ({ theme }: any) => {
'& .SCNotification-username, & a': {
fontWeight: any;
};
'& .SCNotificationItem-primary': {
'& .MuiIcon-root': {
float: string;
fontSize: string;
marginLeft: any;
};
'& .SCEvent-root': {
width: string;
'& .SCEvent-snippet-root': {
paddingLeft: string;
};
};
};
'& .SCNotificationItem-secondary': {
textTransform: string;
};
'& .SCNotification-snippet-time': {
paddingLeft: any;
};
'& .SCEvent-snippet-root': {
backgroundColor: string;
};
};
groupRoot: ({ theme }: any) => {};
undeletedForRoot: ({ theme }: any) => {
'& .SCNotification-undeleted-icon': {
backgroundColor: "#f44336";
color: string;
};
'& .SCNotification-undeleted-text': {
color: any;
};
'& .SCNotification-contribution-wrap': {
marginBottom: any;
padding: any;
textOverflow: string;
display: string;
overflow: string;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
};
};
userBlockedRoot: ({ theme }: any) => {
'& .SCNotification-unblocked-icon': {
backgroundColor: "#4caf50";
color: string;
};
'& .SCNotification-blocked-icon': {
backgroundColor: "#f44336";
color: string;
};
'& .SCNotification-blocked-text': {
color: any;
};
};
userConnectionRoot: ({ theme }: any) => {
'& .SCNotification-username': {
fontWeight: number;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-connection-text': {
color: any;
};
};
userFollowRoot: ({ theme }: any) => {
width: string;
'& .SCNotification-username': {
fontWeight: number;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-follow-text': {
color: any;
};
};
voteUpRoot: ({ theme }: any) => {
width: string;
'& .SCNotification-username': {
fontWeight: number;
'&:hover': {
textDecoration: string;
};
};
'& .SCNotification-vote-up-text': {
color: any;
};
'& .SCNotification-contribution-text': {
'&:hover': {
textDecoration: string;
};
};
};
};
};
export default Component;