@selfcommunity/react-theme-default 0.1.0-alpha.98 → 0.1.0

package/lib/cjs/components/SCFeedObject.d.ts

@@ -1,7 +1,116 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
+            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': {
+                    color: string;
+                    textDecoration: string;
+                    '&::after': {
+                        content: string;
+                        padding: any;
+                    };
+                    '&:last-child::after': {
+                        display: string;
+                    };
+                    '&:hover': {
+                        color: any;
+                    };
+                    '& span': {
+                        textTransform: string;
+                        fontWeight: 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-activity-at': {
+                textDecoration: string;
+                color: string;
+                marginTop: number;
+            };
+            '& .SCFeedObject-deleted': {
+                opacity: number;
+                '&:hover': {
+                    opacity: number;
+                };
+            };
+            '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 [x: number]: {
                     borderRadius: any;
                 };
@@ -15,6 +124,9 @@ declare const Component: {
                 '& .SCFeedObject-header': {
                     '& .MuiCardHeader-avatar': {
                         marginRight: any;
+                        '.MuiBadge-badge': {
+                            right: any;
+                        };
                     };
                     '& .SCFeedObject-username': {
                         fontWeight: any;
@@ -23,17 +135,15 @@ declare const Component: {
                         fontSize: string;
                         color: any;
                         '& .SCFeedObject-activity-at': {
-                            marginTop: number;
                             display: string;
                             '&:hover': {
                                 color: string;
                                 textDecoration: string;
                             };
                         };
-                        '& .SCFeedObject-tag': {
+                        '& .SCFeedObject-tag, & .SCFeedObject-location': {
                             '& .MuiIcon-root': {
                                 fontSize: string;
-                                lineHeight: string;
                                 color: string;
                             };
                         };
@@ -44,30 +154,136 @@ declare const Component: {
                         '& .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;
-                                color: 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;
+                        };
+                    };
+                    '& .SCFeedObject-medias-section': {
+                        '& .SCFeedObjectMediaPreview-root': {
+                            margin: any;
+                        };
+                    };
+                    '& .SCFeedObject-show-more': {
+                        padding: any;
+                        marginTop: any;
                     };
                 };
                 '& .SCFeedObject-actions-section': {
-                    marginBottom: any;
-                    '& .SCFeedObjectActions-root': {
+                    '&:last-of-type': {
+                        marginBottom: number;
+                    };
+                    '& .SCFeedObject-actions-root': {
                         margin: number;
                         padding: any;
-                        '& .SCFeedObjectActions-action': {
-                            '& .SCVoteAction-view-audience-button, & .SCCommentAction-view-audience-button, & .SCShareAction-view-audience-button, & .SCReactionAction-view-audience-button': {
+                        '& .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;
@@ -80,7 +296,7 @@ declare const Component: {
                             '& .MuiDivider-root': {
                                 borderColor: any;
                             };
-                            '& .SCVoteAction-button, & .SCCommentAction-button, & .SCShareAction-button, & .SCReactionAction-button': {
+                            '& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
                                 color: any;
                                 marginTop: any;
                                 marginBottom: any;
@@ -100,9 +316,10 @@ declare const Component: {
                     '& .SCFeedObject-reply-content': {
                         marginLeft: number;
                         background: string;
-                        '& .SCReplyCommentObject-root': {
+                        '& .SCCommentObjectReply-root': {
                             background: string;
-                            '& .SCReplyCommentObject-comment': {
+                            marginBottom: number;
+                            '& .SCCommentObjectReply-comment': {
                                 background: string;
                                 border: string;
                                 '& .SCEditor-root': {
@@ -117,6 +334,9 @@ declare const Component: {
                                         bottom: number;
                                     };
                                 };
+                                '&.SCCommentObjectReply-has-value .SCEditor-root .SCEditor-actions': {
+                                    bottom: any;
+                                };
                             };
                         };
                     };
@@ -124,8 +344,10 @@ declare const Component: {
                 '& .SCFeedObject-activities-section': {
                     '& .SCFeedObject-activities-content': {
                         paddingTop: number;
-                        '& .SCActivitiesMenu-selector': {
+                        paddingBottom: number;
+                        '& .SCFeedObject-activities-menu-selector': {
                             '& .MuiButton-root': {
+                                marginTop: any;
                                 fontSize: string;
                                 fontWeight: any;
                                 padding: any;
@@ -138,7 +360,7 @@ declare const Component: {
                             paddingBottom: number;
                         };
                     };
-                    '& .SCCommentObjectSkeleton-root': {
+                    '& .SCCommentObject-skeleton-root': {
                         background: string;
                         marginTop: number;
                         marginBottom: string;
@@ -150,11 +372,10 @@ declare const Component: {
                             };
                         };
                     };
-                    '& .SCReplyCommentObject-root': {
-                        '& .SCReplyCommentObject-comment': {
+                    '& .SCCommentObjectReply-root': {
+                        '& .SCCommentObjectReply-comment': {
                             marginBottom: string;
                             border: string;
-                            borderRadius: any;
                             '& .SCEditor-root': {
                                 minHeight: any;
                                 marginTop: number;
@@ -181,7 +402,6 @@ declare const Component: {
                     marginBottom: any;
                 };
                 '& .SCFeedObject-activity-at': {
-                    marginTop: number;
                     display: string;
                     '&:hover': {
                         color: string;
@@ -192,8 +412,270 @@ declare const Component: {
             '&.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: ({ theme }: any) => {
+            margin: string;
+            color: string;
+            '& .SCFeedObject-actions-action': {
+                textAlign: string;
+            };
+        };
+        actionCommentRoot: ({ theme }: any) => {
+            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: ({ theme }: any) => {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            flexDirection: string;
+            '&.SCFeedObject-action-share-inline': {
+                flexDirection: string;
+            };
+            '& .SCFeedObject-action-vote-divider': {
+                width: string;
+                borderBottom: number;
+            };
+        };
+        actionVoteRoot: ({ theme }: any) => {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            flexDirection: string;
+            '&.SCFeedObject-action-vote-inline': {
+                flexDirection: string;
+            };
+            '& .SCFeedObject-action-vote-divider': {
+                width: string;
+                borderBottom: number;
+            };
+        };
+        activitiesRoot: ({ theme }: any) => {
+            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: ({ theme }: any) => {};
+        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-child(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: ({ theme }: any) => {};
+        activityFollowRoot: ({ theme }: any) => {};
+        activityPollVoteRoot: ({ theme }: any) => {};
+        activityVoteUpRoot: ({ theme }: any) => {};
     };
 };
 export default Component;
-//# sourceMappingURL=SCFeedObject.d.ts.map