@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
771 lines (770 loc) • 29.5 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
width: string;
'& .SCFeedObject-title-section': {
'& a': {
textDecoration: string;
};
'& a:hover': {
textDecoration: string;
};
};
'& .SCFeedObject-username': {
textDecoration: string;
color: any;
};
'& .SCFeedObject-avatar': {
width: any;
height: any;
};
'& .SCFeedObject-header': {
paddingTop: any;
paddingBottom: number;
'& .MuiCardHeader-subheader': {
display: string;
alignItems: string;
};
};
'& .SCFeedObject-category': {
color: any;
textAlign: string;
borderBottom: string;
maxHeight: number;
display: string;
flexDirection: string;
overflowY: string;
overflowX: string;
justifyContent: string;
MsOverflowStyle: string;
scrollbarWidth: string;
'&::-webkit-scrollbar': {
display: string;
};
'& a:not(.MuiChip-clickable)': {
color: string;
textDecoration: string;
display: string;
'&::after': {
content: string;
padding: any;
alignSelf: string;
};
'&:last-child::after': {
display: string;
};
'&:hover': {
color: any;
};
'& span': {
textTransform: string;
fontWeight: any;
};
};
'& .SCFeedObject-group, & .SCFeedObject-event': {
[x: number]: {
marginRight: string;
};
height: number;
};
};
'& .SCFeedObject-group, & .SCFeedObject-event': {
justifyContent: string;
'& a': {
padding: any;
margin: any;
color: any;
maxHeight: number;
'&:hover': {
backgroundColor: any;
};
'& span': {
color: any;
textTransform: string;
};
};
borderBottom: string;
margin: any;
};
'& .SCFeedObject-content': {
padding: any;
'&.SCFeedObject-error': {
padding: any;
textAlign: string;
};
};
'& .SCFeedObject-snippet': {
'& > div': {
alignItems: string;
};
'& .SCBaseItem-text': {
marginTop: number;
};
};
'& .SCFeedObject-snippet-content a': {
textDecoration: string;
color: any;
};
'& .SCFeedObject-tag': {
display: string;
};
'& .SCFeedObject-location': {
display: string;
};
'& .SCFeedObject-actions-section': {
padding: number;
display: string;
flexDirection: string;
};
'& .SCFeedObject-reply-content': {
width: string;
boxSizing: string;
margin: number;
padding: any;
};
'& .SCFeedObject-info-section': {
padding: any;
'& .SCFeedObject-vote': {
width: string;
justifyContent: string;
'& > button:first-of-type': {
margin: string;
};
};
};
'& .SCFeedObject-activity-at': {
textDecoration: string;
color: string;
marginTop: number;
};
'& .SCFeedObject-deleted': {
opacity: number;
'&:hover': {
opacity: number;
};
};
'& .SCFeedObject-new': {
color: any;
backgroundColor: string;
padding: string;
borderRadius: string;
marginRight: string;
fontSize: string;
fontWeight: number;
};
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
[x: number]: {
borderRadius: any;
};
border: string;
boxShadow: string;
borderRadius: number;
'& .SCFeedObject-category': {
[x: number]: {
justifyContent: string;
'@supports (-webkit-touch-callout: none)': {
justifyContent: string;
};
};
borderBottom: string;
margin: any;
'& .SCFeedObject-group, & .SCFeedObject-event': {
borderBottom: string;
marginTop: number;
'& .MuiChip-icon': {
fontWeight: any;
};
};
'& .SCFeedObject-group .MuiChip-icon': {
marginLeft: any;
marginRight: any;
};
};
'& .SCFeedObject-header': {
'& .MuiCardHeader-avatar': {
marginRight: any;
'.MuiBadge-badge': {
right: any;
};
};
'& .SCFeedObject-username': {
fontWeight: any;
};
'& .MuiCardHeader-subheader': {
fontSize: string;
color: any;
'& .SCFeedObject-activity-at': {
display: string;
'&:hover': {
color: string;
textDecoration: string;
};
};
'& .SCFeedObject-tag, & .SCFeedObject-location': {
'& .MuiIcon-root': {
fontSize: string;
color: string;
};
};
};
};
'& .SCFeedObject-content': {
'& .SCFeedObject-title-section': {
'& .SCFeedObject-title': {
fontWeight: any;
marginBottom: any;
padding: any;
};
'& a': {
color: string;
};
};
'& .SCFeedObject-text-section': {
overflowWrap: string;
'& > :first-of-type': {
marginBottom: number;
padding: any;
display: string;
};
'& hr': {
margin: string;
};
'& a': {
color: any;
textDecoration: string;
'&:hover': {
textDecoration: string;
cursor: string;
};
};
'& img': {
maxWidth: string;
};
'& blockquote': {
margin: number;
marginLeft: any;
marginBottom: any;
color: any;
borderLeftColor: any;
borderLeftWidth: any;
borderLeftStyle: string;
paddingLeft: any;
};
'& h1': {
fontSize: string;
color: any;
fontWeight: any;
margin: any;
};
'& h2': {
fontSize: string;
color: any;
fontWeight: any;
margin: any;
};
'& h3': {
fontSize: string;
color: any;
fontWeight: any;
margin: any;
};
'& p': {
margin: number;
};
'& b': {
fontWeight: string;
};
'& i': {
fontStyle: string;
};
'& u': {
textDecoration: string;
};
'& s': {
textDecoration: string;
};
'& sub': {
fontSize: string;
verticalAlign: string;
};
'& sup': {
fontSize: string;
verticalAlign: string;
};
'& ol': {
padding: number;
margin: number;
};
'& ol ol': {
padding: number;
margin: number;
listStyleType: string;
};
'& ol ol ol': {
padding: number;
margin: number;
listStyleType: string;
};
'& ol ol ol ol': {
padding: number;
margin: number;
listStyleType: string;
};
'& ol ol ol ol ol': {
padding: number;
margin: number;
listStyleType: string;
};
'& ul': {
padding: number;
margin: number;
};
'& li': {
margin: string;
};
'& span': {
'& span': {
display: string;
};
'& span:not(:has(+ a))': {
width: string;
};
'& a': {
display: string;
margin: any;
};
'& a:hover': {
'& span': {
textDecoration: string;
};
};
'& :last-child': {
display: string;
};
};
};
'& .SCFeedObject-medias-section': {
padding: any;
'& .SCFeedObjectMediaPreview-root': {
margin: any;
};
};
'& .SCFeedObject-show-more': {
fontSize: any;
fontWeight: any;
padding: any;
marginTop: number;
justifyContent: string;
'&:hover': {
backgroundColor: string;
};
};
};
'& .SCFeedObject-actions-section': {
'&:last-of-type': {
marginBottom: number;
};
'& .SCFeedObject-actions-root': {
margin: number;
padding: any;
'& .SCFeedObject-actions-action': {
marginTop: number;
'& .SCFeedObject-action-vote-view-audience-button, & .SCFeedObject-action-comment-view-audience-button, & .SCFeedObject-action-share-view-audience-button, & .SCReactionAction-view-audience-button': {
fontSize: string;
fontWeight: any;
marginTop: any;
marginBottom: number;
color: any;
'&:hover': {
color: string;
};
};
'& .MuiDivider-root': {
borderColor: any;
};
'& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
color: any;
marginTop: any;
marginBottom: any;
borderRadius: string;
padding: any;
minWidth: number;
'& .MuiIcon-root': {
fontSize: string;
};
'& > img': {
width: string;
height: string;
};
};
};
};
'& .SCFeedObject-reply-content': {
marginLeft: number;
background: string;
'& .SCCommentObjectReply-root': {
background: string;
marginBottom: number;
'& .SCCommentObjectReply-comment': {
background: string;
border: string;
'& .SCEditor-root': {
'& .SCEditor-placeholder': {
fontWeight: any;
};
'& .SCEditor-content': {
paddingBottom: number;
minHeight: number;
};
'& .SCEditor-actions': {
bottom: number;
};
};
'&.SCCommentObjectReply-has-value .SCEditor-root .SCEditor-actions': {
bottom: any;
};
};
};
};
};
'& .SCFeedObject-activities-section': {
'& .SCFeedObject-activities-content': {
paddingTop: number;
paddingBottom: number;
'& .SCFeedObject-activities-menu-selector': {
'& .MuiButton-root': {
marginTop: any;
fontSize: string;
fontWeight: any;
padding: any;
};
};
'& .SCCommentObject-root': {
marginTop: number;
marginBottom: number;
paddingTop: number;
paddingBottom: number;
};
};
'& .SCCommentObject-skeleton-root': {
background: string;
marginTop: number;
marginBottom: string;
'& .SCBaseItem-text': {
'& .SCWidget-root': {
'& .MuiCardContent-root': {
padding: any;
};
};
};
};
'& .SCCommentObjectReply-root': {
'& .SCCommentObjectReply-comment': {
marginBottom: string;
border: string;
'& .SCEditor-root': {
minHeight: any;
marginTop: number;
'& .SCEditor-content': {
minHeight: number;
};
'& .SCEditor-actions': {
bottom: any;
};
};
};
};
};
};
'&.SCFeedObject-snippet': {
'& .SCFeedObject-username': {
fontSize: string;
fontWeight: any;
display: string;
marginBottom: any;
};
'& .SCFeedObject-snippet-content': {
fontSize: string;
marginBottom: any;
};
'& .SCFeedObject-activity-at': {
display: string;
'&:hover': {
color: string;
textDecoration: string;
};
};
};
'&.SCFeedObject-detail .SCFeedObject-reply-content': {
borderBottom: string;
};
'&.SCFeedObject-share': {
boxShadow: string;
border: string;
};
};
skeletonRoot: ({ theme }: any) => {
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
[x: number]: {
borderRadius: any;
};
border: string;
boxShadow: string;
borderRadius: number;
};
'& .SCFeedObject-media': {
height: number;
marginBottom: number;
};
'& .SCFeedObject-snippet > *': {
paddingLeft: number;
paddingRight: number;
};
};
actionsRoot: () => {
margin: string;
color: string;
'& .SCFeedObject-actions-action': {
textAlign: string;
};
};
actionCommentRoot: () => {
display: string;
justifyContent: string;
alignItems: string;
flexDirection: string;
'&.SCFeedObject-action-share-inline': {
flexDirection: string;
};
'& .SCFeedObject-action-vote-divider': {
width: string;
borderBottom: number;
};
};
actionFollowRoot: ({ theme }: any) => {
'& .SCFeedObject-action-follow-button': {
color: any;
'&.SCFeedObject-action-follow-iconized': {
borderRadius: string;
padding: any;
minWidth: string;
fontSize: string;
};
'&.SCFeedObject-action-follow-followed': {
color: any;
};
};
};
actionShareRoot: () => {
display: string;
justifyContent: string;
alignItems: string;
flexDirection: string;
'&.SCFeedObject-action-share-inline': {
flexDirection: string;
};
'& .SCFeedObject-action-vote-divider': {
width: string;
borderBottom: number;
};
'& .SCFeedObject-action-share-view-audience-button': {
whiteSpace: string;
};
};
actionVoteRoot: () => {
display: string;
justifyContent: string;
alignItems: string;
flexDirection: string;
'&.SCFeedObject-action-vote-inline': {
flexDirection: string;
};
'& .SCFeedObject-action-vote-divider': {
width: string;
borderBottom: number;
};
};
activitiesRoot: () => {
width: string;
};
activitiesMenuRoot: ({ theme }: any) => {
'& .SCFeedObject-activities-menu-selector': {
display: string;
alignItems: string;
textAlign: string;
justifyContent: string;
};
'& .SCFeedObject-activities-menu-selector .MuiButton-root': {
textTransform: string;
fontWeight: any;
};
};
contributorsRoot: ({ theme }: any) => {
'& .SCFeedObject-contributors-btn-participants': {
padding: any;
marginLeft: any;
color: string;
fontWeight: any;
fontSize: string;
};
minHeight: number;
marginTop: number;
marginBottom: number;
"& .MuiAvatarGroup-root": {
justifyContent: string;
};
"& .MuiAvatar-root": {
backgroundColor: string;
border: string;
color: string;
fontSize: string;
width: any;
height: any;
marginLeft: any;
lineHeight: string;
};
};
contributorsSkeletonRoot: () => {};
pollObjectRoot: ({ theme }: any) => {
marginTop: any;
marginBottom: any;
borderTop: string;
borderBottom: string;
boxShadow: string;
borderRadius: number;
'& .MuiButton-root': {
'&:focus:not(:focus-visible)': {
borderColor: string;
};
};
'& .MuiCardHeader-root': {
textAlign: string;
padding: any;
'& .SCFeedObject-poll-object-toggle-button': {
fontSize: string;
textTransform: string;
'& .MuiButton-endIcon': {
display: string;
};
'& .SCFeedObject-poll-object-expand-icon': {
marginBottom: number;
marginLeft: number;
transition: any;
};
'& .SCFeedObject-poll-object-collapsed-icon': {
transform: string;
};
};
};
'& .SCFeedObject-poll-object-title': {
textAlign: string;
color: any;
marginBottom: any;
fontWeight: any;
wordWrap: string;
};
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
display: string;
margin: any;
alignItems: string;
justifyContent: string;
'& .MuiIcon-root': {
width: string;
marginRight: any;
};
};
'& .SCFeedObject-poll-object-expiration, & .SCFeedObject-poll-object-close, & .SCFeedObject-poll-object-voters': {
textAlign: string;
color: any;
marginBottom: any;
fontWeight: any;
fontSize: string;
};
'& .SCFeedObject-poll-object-voters .MuiTypography-root': {
fontWeight: any;
fontSize: string;
};
'& ul': {
padding: any;
marginBottom: any;
backgroundColor: string;
borderRadius: any;
'& li': {
padding: number;
};
};
};
pollObjectChoicesRoot: ({ theme }: any) => {
backgroundColor: string;
marginBottom: any;
padding: number;
width: string;
borderRadius: number;
'& .SCFeedObject-poll-object-choices-label, & .SCFeedObject-poll-object-choices-vote': {
marginBottom: number;
fontWeight: any;
};
'& .SCFeedObject-poll-object-choices-progress': {
display: string;
flexDirection: string;
alignItems: string;
marginBottom: number;
'& .MuiLinearProgress-root': {
height: number;
borderRadius: any;
flexGrow: number;
marginRight: any;
backgroundColor: any;
};
'& > .MuiTypography-root': {
fontSize: string;
fontWeight: any;
};
};
};
relevantActivitiesRoot: ({ theme }: any) => {
'& .SCFeedObject-relevant-activities-activity': {
'& > .SCBaseItem-root': {
borderRadius: number;
marginBottom: any;
'& .SCBaseItem-content': {
alignItems: string;
'& .SCBaseItem-text': {
margin: number;
'& .SCBaseItem-primary': {
display: string;
marginBottom: any;
'& a:nth-of-type(1)': {
fontWeight: any;
textDecoration: string;
};
'& a': {
color: any;
textDecoration: string;
'&:hover': {
textDecoration: string;
};
};
};
'& .SCBaseItem-secondary': {
fontSize: string;
};
};
};
};
'& .SCFeedObject-activity-comment-username, & .SCFeedObject-activity-follow-username, & .SCFeedObject-activity-poll-vote-username, & .SCFeedObject-activity-vote-up-username': {
color: string;
};
'& .SCFeedObject-activity-comment-avatar, & .SCFeedObject-activity-follow-avatar, & .SCFeedObject-activity-poll-vote-avatar, & .SCFeedObject-activity-vote-up-avatar': {
width: any;
height: any;
};
};
};
activityCommentRoot: () => {};
activityFollowRoot: () => {};
activityPollVoteRoot: () => {};
activityVoteUpRoot: () => {};
};
};
export default Component;