@selfcommunity/react-theme-default 0.1.0-alpha.13 → 0.1.0-alpha.131

package/lib/esm/components/SCEditorToolbarPlugin.d.ts

@@ -0,0 +1,52 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            borderRadius: number;
+            borderColor: string;
+            borderWidth: number;
+            borderStyle: string;
+            display: string;
+            flexDirection: string;
+            alignItems: string;
+            justifyContent: string;
+            marginBottom: any;
+            padding: number;
+            overflowX: string;
+            MsOverflowStyle: string;
+            scrollbarWidth: string;
+            '&::-webkit-scrollbar': {
+                display: string;
+            };
+            '& .MuiTextField-root': {
+                minWidth: number;
+                margin: any;
+            };
+            '& .MuiButtonBase-root': {
+                margin: any;
+                padding: any;
+                fontSize: string;
+                border: number;
+                borderRadius: number;
+                '&.Mui-disabled': {
+                    border: number;
+                };
+                '&.MuiToggleButtonGroup-grouped:not(:last-of-type)': {
+                    borderTopRightRadius: number;
+                    borderBottomRightRadius: number;
+                };
+                '&.MuiToggleButtonGroup-grouped:not(:first-of-type)': {
+                    borderTopRightRadius: number;
+                    borderBottomRightRadius: number;
+                    borderTopLeftRadius: number;
+                    borderBottomLeftRadius: number;
+                };
+            };
+            '& .SCEditorToolbarPlugin-block-format .MuiIcon-root:first-of-type': {
+                display: string;
+                marginRight: any;
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCEditorToolbarPlugin.d.ts.map

package/lib/esm/components/SCEditorToolbarPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCEditorToolbarPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/SCEditorToolbarPlugin.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/components/SCEditorToolbarPlugin.js

@@ -0,0 +1,53 @@
+import { alpha } from '@mui/system';
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            borderRadius: theme.shape.borderRadius * 0.2,
+            borderColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
+            borderWidth: 1,
+            borderStyle: 'solid',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'left',
+            marginBottom: theme.spacing(1),
+            padding: 0,
+            overflowX: 'scroll',
+            MsOverflowStyle: 'none',
+            scrollbarWidth: 'none',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            '& .MuiTextField-root': {
+                minWidth: 100,
+                margin: theme.spacing(0, 0.5)
+            },
+            '& .MuiButtonBase-root': {
+                margin: theme.spacing(0.5),
+                padding: theme.spacing(1),
+                fontSize: '1rem',
+                border: 0,
+                borderRadius: theme.shape.borderRadius * 0.2,
+                '&.Mui-disabled': {
+                    border: 0
+                },
+                '&.MuiToggleButtonGroup-grouped:not(:last-of-type)': {
+                    borderTopRightRadius: theme.shape.borderRadius * 0.2,
+                    borderBottomRightRadius: theme.shape.borderRadius * 0.2
+                },
+                '&.MuiToggleButtonGroup-grouped:not(:first-of-type)': {
+                    borderTopRightRadius: theme.shape.borderRadius * 0.2,
+                    borderBottomRightRadius: theme.shape.borderRadius * 0.2,
+                    borderTopLeftRadius: theme.shape.borderRadius * 0.2,
+                    borderBottomLeftRadius: theme.shape.borderRadius * 0.2
+                }
+            },
+            '& .SCEditorToolbarPlugin-block-format .MuiIcon-root:first-of-type': {
+                display: 'inline-block',
+                marginRight: theme.spacing(1)
+            }
+        })
+    }
+};
+export default Component;
+//# sourceMappingURL=SCEditorToolbarPlugin.js.map

package/lib/esm/components/SCEditorToolbarPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCEditorToolbarPlugin.js","sourceRoot":"","sources":["../../../src/components/SCEditorToolbarPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAC;AAElC,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;YAC5C,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;YACrF,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,MAAM;YACtB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,QAAQ;YACnB,eAAe,EAAE,MAAM;YACvB,cAAc,EAAE,MAAM;YACtB,sBAAsB,EAAE;gBACtB,OAAO,EAAE,MAAM;aAChB;YACD,sBAAsB,EAAE;gBACtB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;aAC9B;YACD,uBAAuB,EAAE;gBACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;gBAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzB,QAAQ,EAAE,MAAM;gBAChB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;gBAC5C,gBAAgB,EAAE;oBAChB,MAAM,EAAE,CAAC;iBACV;gBACD,mDAAmD,EAAE;oBACnD,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;oBACpD,uBAAuB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;iBACxD;gBACD,oDAAoD,EAAE;oBACpD,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;oBACpD,uBAAuB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;oBACvD,mBAAmB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;oBACnD,sBAAsB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;iBACvD;aACF;YACD,mEAAmE,EAAE;gBACnE,OAAO,EAAE,cAAc;gBACvB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC9B;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/components/SCFeed.d.ts

@@ -3,24 +3,45 @@ declare const Component: {
         root: ({ theme }: any) => {
             maxWidth: any;
             '& .SCFeed-left': {
-                padding: any;
-                '&:last-child': {
+                [x: number]: {
+                    padding: any;
+                };
+                padding: number;
+                '& > div:first-of-type': {
+                    marginTop: number;
+                };
+                '&:last-of-type': {
                     paddingBottom: any;
                 };
+                '& > .SCWidget-root, & > .SCCustomAdv-root': {
+                    maxWidth: number;
+                    marginLeft: string;
+                    marginRight: string;
+                };
+                '& > * > * > .SCWidget-root': {
+                    marginBottom: any;
+                };
             };
             '& .SCFeed-right': {
                 padding: any;
-                '& > * > .SCWidget-root': {
+                '& > .SCWidget-root': {
                     marginBottom: any;
                 };
             };
             '& .SCFeed-end': {
                 padding: number;
                 marginBottom: any;
+                textAlign: string;
                 '& > div': {
                     padding: any;
                 };
             };
+            '& .SCFeed-refresh': {
+                textAlign: string;
+            };
+            '& .SCFeed-paginationLink': {
+                display: string;
+            };
         };
     };
 };

package/lib/esm/components/SCFeed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SCFeed.d.ts","sourceRoot":"","sources":["../../../src/components/SCFeed.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCFeed.d.ts","sourceRoot":"","sources":["../../../src/components/SCFeed.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/components/SCFeed.js

@@ -3,23 +3,44 @@ const Component = {
         root: ({ theme }) => ({
             maxWidth: theme.breakpoints.values['lg'],
             '& .SCFeed-left': {
-                padding: theme.spacing(1.25),
-                '&:last-child': {
+                padding: 0,
+                [theme.breakpoints.up('sm')]: {
+                    padding: theme.spacing(1.25)
+                },
+                '& > div:first-of-type': {
+                    marginTop: 0
+                },
+                '&:last-of-type': {
                     paddingBottom: theme.spacing(4)
+                },
+                '& > .SCWidget-root, & > .SCCustomAdv-root': {
+                    maxWidth: 850,
+                    marginLeft: 'auto',
+                    marginRight: 'auto'
+                },
+                '& > * > * > .SCWidget-root': {
+                    marginBottom: theme.spacing(2)
                 }
             },
             '& .SCFeed-right': {
                 padding: theme.spacing(1.25, 0),
-                '& > * > .SCWidget-root': {
+                '& > .SCWidget-root': {
                     marginBottom: theme.spacing(3)
                 }
             },
             '& .SCFeed-end': {
                 padding: 0,
                 marginBottom: theme.spacing(3),
+                textAlign: 'center',
                 '& > div': {
                     padding: theme.spacing(2)
                 }
+            },
+            '& .SCFeed-refresh': {
+                textAlign: 'center'
+            },
+            '& .SCFeed-paginationLink': {
+                display: 'none'
             }
         })
     }

package/lib/esm/components/SCFeed.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCFeed.js","sourceRoot":"","sources":["../../../src/components/SCFeed.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;YACxC,gBAAgB,EAAE;gBAChB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC5B,cAAc,EAAE;oBACd,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAChC;aACF;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC/B,wBAAwB,EAAE;oBACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,eAAe,EAAE;gBACf,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,SAAS,EAAE;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCFeed.js","sourceRoot":"","sources":["../../../src/components/SCFeed.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;YACxC,gBAAgB,EAAE;gBAChB,OAAO,EAAE,CAAC;gBACV,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;iBAC7B;gBACD,uBAAuB,EAAE;oBACvB,SAAS,EAAE,CAAC;iBACb;gBACD,gBAAgB,EAAE;oBAChB,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAChC;gBACD,2CAA2C,EAAE;oBAC3C,QAAQ,EAAE,GAAG;oBACb,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,MAAM;iBACpB;gBACD,4BAA4B,EAAE;oBAC5B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC/B,oBAAoB,EAAE;oBACpB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,eAAe,EAAE;gBACf,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,SAAS,EAAE,QAAQ;gBACnB,SAAS,EAAE;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;aACF;YACD,mBAAmB,EAAE;gBACnB,SAAS,EAAE,QAAQ;aACpB;YACD,0BAA0B,EAAE;gBAC1B,OAAO,EAAE,MAAM;aAChB;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,7 +1,7 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '&.SCFeedObject-preview, &.SCFeedObject-detail': {
+            '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
                 [x: number]: {
                     borderRadius: any;
                 };
@@ -13,14 +13,18 @@ declare const Component: {
                     margin: any;
                 };
                 '& .SCFeedObject-header': {
+                    '& .MuiCardHeader-avatar': {
+                        marginRight: any;
+                    };
                     '& .SCFeedObject-username': {
                         fontWeight: any;
                     };
                     '& .MuiCardHeader-subheader': {
                         fontSize: string;
-                        marginTop: any;
+                        color: any;
                         '& .SCFeedObject-activity-at': {
                             marginTop: number;
+                            display: string;
                             '&:hover': {
                                 color: string;
                                 textDecoration: string;
@@ -29,7 +33,7 @@ declare const Component: {
                         '& .SCFeedObject-tag': {
                             '& .MuiIcon-root': {
                                 fontSize: string;
-                                lineHeight: string;
+                                color: string;
                             };
                         };
                     };
@@ -45,15 +49,99 @@ declare const Component: {
                         };
                     };
                     '& .SCFeedObject-text-section': {
-                        '& > :first-child': {
+                        '& > :first-of-type': {
                             padding: any;
                         };
+                        '& hr': {
+                            margin: string;
+                        };
                         '& a': {
+                            color: any;
+                            textDecoration: string;
                             '&:hover': {
                                 textDecoration: string;
-                                color: string;
+                                cursor: 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: number;
+                        };
+                        '& h2': {
+                            fontSize: string;
+                            color: any;
+                            fontWeight: any;
+                            margin: number;
+                        };
+                        '& h3': {
+                            fontSize: string;
+                            color: any;
+                            fontWeight: any;
+                            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-actions-section': {
@@ -71,15 +159,12 @@ declare const Component: {
                                 '&:hover': {
                                     color: string;
                                 };
-                                '& .SCReactionAction-grouped-icons': {
-                                    justifyContent: string;
-                                    alignItems: string;
-                                };
                             };
                             '& .MuiDivider-root': {
                                 borderColor: any;
                             };
-                            '& .SCVoteAction-action-button, & .SCCommentAction-action-button, & .SCShareAction-action-button, & .SCReactionAction-action-button': {
+                            '& .SCVoteAction-button, & .SCCommentAction-button, & .SCShareAction-button, & .SCReactionAction-button': {
+                                color: any;
                                 marginTop: any;
                                 marginBottom: any;
                                 borderRadius: string;
@@ -88,11 +173,9 @@ declare const Component: {
                                 '& .MuiIcon-root': {
                                     fontSize: string;
                                 };
-                                '& .SCReactionAction-reaction-icon': {
-                                    '>img': {
-                                        height: string;
-                                        width: string;
-                                    };
+                                '& > img': {
+                                    width: string;
+                                    height: string;
                                 };
                             };
                         };
@@ -100,9 +183,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': {
@@ -150,8 +234,8 @@ declare const Component: {
                             };
                         };
                     };
-                    '& .SCReplyCommentObject-root': {
-                        '& .SCReplyCommentObject-comment': {
+                    '& .SCCommentObjectReply-root': {
+                        '& .SCCommentObjectReply-comment': {
                             marginBottom: string;
                             border: string;
                             borderRadius: any;
@@ -182,6 +266,7 @@ declare const Component: {
                 };
                 '& .SCFeedObject-activity-at': {
                     marginTop: number;
+                    display: string;
                     '&:hover': {
                         color: string;
                         textDecoration: string;

package/lib/esm/components/SCFeedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SCFeedObject.d.ts","sourceRoot":"","sources":["../../../src/components/SCFeedObject.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkMtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCFeedObject.d.ts","sourceRoot":"","sources":["../../../src/components/SCFeedObject.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuRtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/components/SCFeedObject.js

@@ -2,7 +2,7 @@ import { alpha } from '@mui/system';
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '&.SCFeedObject-preview, &.SCFeedObject-detail': {
+            '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
                 border: `0 none`,
                 boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
                 borderRadius: 0,
@@ -14,14 +14,18 @@ const Component = {
                     margin: theme.spacing(0, 2)
                 },
                 '& .SCFeedObject-header': {
+                    '& .MuiCardHeader-avatar': {
+                        marginRight: theme.spacing(1)
+                    },
                     '& .SCFeedObject-username': {
                         fontWeight: theme.typography.fontWeightMedium
                     },
                     '& .MuiCardHeader-subheader': {
                         fontSize: '0.857rem',
-                        marginTop: theme.spacing(0.5),
+                        color: theme.palette.primary.main,
                         '& .SCFeedObject-activity-at': {
                             marginTop: 0,
+                            display: 'inline-flex',
                             '&:hover': {
                                 color: 'inherit',
                                 textDecoration: 'underline'
@@ -30,7 +34,7 @@ const Component = {
                         '& .SCFeedObject-tag': {
                             '& .MuiIcon-root': {
                                 fontSize: '1rem',
-                                lineHeight: '1.143rem'
+                                color: 'inherit'
                             }
                         }
                     }
@@ -46,14 +50,98 @@ const Component = {
                         }
                     },
                     '& .SCFeedObject-text-section': {
-                        '& > :first-child': {
+                        '& > :first-of-type': {
                             padding: theme.spacing(0, 2, 2)
                         },
+                        '& hr': {
+                            margin: '1em 0'
+                        },
                         '& a': {
+                            color: theme.palette.text.primary,
+                            textDecoration: 'none',
                             '&:hover': {
                                 textDecoration: 'underline',
-                                color: 'inherit'
+                                cursor: 'pointer'
                             }
+                        },
+                        '& blockquote': {
+                            margin: 0,
+                            marginLeft: theme.spacing(2),
+                            marginBottom: theme.spacing(1),
+                            color: theme.palette.text.secondary,
+                            borderLeftColor: theme.palette.primary.main,
+                            borderLeftWidth: theme.spacing(0.25),
+                            borderLeftStyle: 'solid',
+                            paddingLeft: theme.spacing(2)
+                        },
+                        '& h1': {
+                            fontSize: '1.429rem',
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeightBold,
+                            margin: 0
+                        },
+                        '& h2': {
+                            fontSize: '1.143rem',
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeightBold,
+                            margin: 0
+                        },
+                        '& h3': {
+                            fontSize: '1rem',
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeightLight,
+                            margin: 0
+                        },
+                        '& b': {
+                            fontWeight: 'bold'
+                        },
+                        '& i': {
+                            fontStyle: 'italic'
+                        },
+                        '& u': {
+                            textDecoration: 'underline'
+                        },
+                        '& s': {
+                            textDecoration: 'line-through'
+                        },
+                        '& sub': {
+                            fontSize: '0.8em',
+                            verticalAlign: 'sub !important'
+                        },
+                        '& sup': {
+                            fontSize: '0.8em',
+                            verticalAlign: 'super'
+                        },
+                        '& ol': {
+                            padding: 0,
+                            margin: 0
+                        },
+                        '& ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'upper-alpha'
+                        },
+                        '& ol ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'lower-alpha'
+                        },
+                        '& ol ol ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'upper-roman'
+                        },
+                        '& ol ol ol ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'lower-roman'
+                        },
+                        '& ul': {
+                            padding: 0,
+                            margin: 0
+                        },
+                        '& li': {
+                            margin: '0 32px'
                         }
                     }
                 },
@@ -68,19 +156,16 @@ const Component = {
                                 fontWeight: theme.typography.fontWeightRegular,
                                 marginTop: theme.spacing(1),
                                 marginBottom: 0,
-                                color: theme.palette.text.secondary,
+                                color: theme.palette.primary.main,
                                 '&:hover': {
                                     color: 'inherit'
-                                },
-                                '& .SCReactionAction-grouped-icons': {
-                                    justifyContent: 'center',
-                                    alignItems: 'center'
                                 }
                             },
                             '& .MuiDivider-root': {
                                 borderColor: theme.palette.grey[300]
                             },
-                            '& .SCVoteAction-action-button, & .SCCommentAction-action-button, & .SCShareAction-action-button, & .SCReactionAction-action-button': {
+                            '& .SCVoteAction-button, & .SCCommentAction-button, & .SCShareAction-button, & .SCReactionAction-button': {
+                                color: theme.palette.primary.main,
                                 marginTop: theme.spacing(0.5),
                                 marginBottom: theme.spacing(0.5),
                                 borderRadius: '50%',
@@ -89,11 +174,9 @@ const Component = {
                                 '& .MuiIcon-root': {
                                     fontSize: '1.571rem'
                                 },
-                                '& .SCReactionAction-reaction-icon': {
-                                    '>img': {
-                                        height: '18px',
-                                        width: '18px'
-                                    }
+                                '& > img': {
+                                    width: '1.571rem',
+                                    height: '1.571rem'
                                 }
                             }
                         }
@@ -101,9 +184,10 @@ const Component = {
                     '& .SCFeedObject-reply-content': {
                         marginLeft: 0,
                         background: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),
-                        '& .SCReplyCommentObject-root': {
+                        '& .SCCommentObjectReply-root': {
                             background: 'transparent',
-                            '& .SCReplyCommentObject-comment': {
+                            marginBottom: 0,
+                            '& .SCCommentObjectReply-comment': {
                                 background: 'transparent',
                                 border: '0 none',
                                 '& .SCEditor-root': {
@@ -151,8 +235,8 @@ const Component = {
                             }
                         }
                     },
-                    '& .SCReplyCommentObject-root': {
-                        '& .SCReplyCommentObject-comment': {
+                    '& .SCCommentObjectReply-root': {
+                        '& .SCCommentObjectReply-comment': {
                             marginBottom: '0 !important',
                             border: `1px solid ${theme.palette.grey[300]}`,
                             borderRadius: theme.shape.borderRadius,
@@ -183,6 +267,7 @@ const Component = {
                 },
                 '& .SCFeedObject-activity-at': {
                     marginTop: 0,
+                    display: 'inline-flex',
                     '&:hover': {
                         color: 'inherit',
                         textDecoration: 'underline'