@selfcommunity/react-theme-default 0.1.0-alpha.99 → 0.1.1-alpha.0

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

@@ -1,21 +1,35 @@
 declare const Component: {
     defaultProps: {
-        FollowCategoryButtonProps: {
+        CategoryFollowButtonProps: {
             size: string;
         };
     };
     styleOverrides: {
         root: ({ theme }: any) => {
             '& .SCCategoryHeader-cover': {
-                [x: number]: {
-                    borderRadius: any;
-                };
+                display: string;
+                flexDirection: string;
+                justifyContent: string;
+                alignItems: string;
+                minHeight: number;
+                color: string;
+                background: string;
                 height: number;
                 borderRadius: number;
             };
             '& .SCCategoryHeader-info': {
+                paddingLeft: any;
+                paddingRight: any;
                 marginTop: any;
                 marginBottom: any;
+                '& .SCCategoryHeader-name, & .SCCategoryHeader-slogan': {
+                    display: string;
+                    whiteSpace: string;
+                    overflow: string;
+                    textOverflow: string;
+                    textAlign: string;
+                    marginBottom: any;
+                };
                 '& .SCCategoryHeader-name': {
                     fontSize: string;
                     fontWeight: any;
@@ -26,30 +40,20 @@ declare const Component: {
                     fontWeight: any;
                     marginBottom: any;
                 };
-                '& .SCCategoryHeader-followed': {
+                '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
+                    textAlign: string;
                     marginBottom: any;
+                };
+                '& .SCCategoryHeader-followed': {
                     '& .SCCategoryHeader-followed-counter': {
                         fontSize: string;
                         fontWeight: any;
-                    };
-                    '& .MuiButton-root': {
-                        padding: any;
-                        '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                            width: any;
-                            height: any;
-                            border: string;
-                        };
-                        '& .MuiAvatar-colorDefault': {
-                            margin: number;
-                            backgroundColor: string;
-                            color: any;
-                            borderRadius: number;
-                        };
+                        display: string;
                     };
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;
-//# sourceMappingURL=SCCategoryHeader.d.ts.map

package/lib/cjs/components/SCCategoryHeader.js

@@ -2,22 +2,36 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     defaultProps: {
-        FollowCategoryButtonProps: {
+        CategoryFollowButtonProps: {
             size: 'medium'
         }
     },
     styleOverrides: {
         root: ({ theme }) => ({
             '& .SCCategoryHeader-cover': {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+                minHeight: 270,
+                color: '#FFF',
+                background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
                 height: 200,
-                borderRadius: 0,
-                [theme.breakpoints.up('md')]: {
-                    borderRadius: theme.shape.borderRadius
-                }
+                borderRadius: 0
             },
             '& .SCCategoryHeader-info': {
+                paddingLeft: theme.spacing(2),
+                paddingRight: theme.spacing(2),
                 marginTop: theme.spacing(1),
                 marginBottom: theme.spacing(3),
+                '& .SCCategoryHeader-name, & .SCCategoryHeader-slogan': {
+                    display: 'block',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    textAlign: 'center',
+                    marginBottom: theme.spacing(2)
+                },
                 '& .SCCategoryHeader-name': {
                     fontSize: '1.857rem',
                     fontWeight: theme.typography.fontWeightBold,
@@ -28,30 +42,20 @@ const Component = {
                     fontWeight: theme.typography.fontWeightMedium,
                     marginBottom: theme.spacing(2)
                 },
+                '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
+                    textAlign: 'center',
+                    marginBottom: theme.spacing(2)
+                },
                 '& .SCCategoryHeader-followed': {
-                    marginBottom: theme.spacing(2),
                     '& .SCCategoryHeader-followed-counter': {
                         fontSize: '1rem',
-                        fontWeight: theme.typography.fontWeightRegular
-                    },
-                    '& .MuiButton-root': {
-                        padding: theme.spacing(),
-                        '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                            width: theme.selfcommunity.user.avatar.sizeSmall,
-                            height: theme.selfcommunity.user.avatar.sizeSmall,
-                            border: '1px solid #fff'
-                        },
-                        '& .MuiAvatar-colorDefault': {
-                            margin: 0,
-                            backgroundColor: 'transparent',
-                            color: theme.palette.primary.main,
-                            borderRadius: 0
-                        }
+                        fontWeight: theme.typography.fontWeightRegular,
+                        display: 'inline'
                     }
                 }
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCCategoryHeader.js.map

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

@@ -1,12 +1,17 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
+            marginTop: number;
+            '& .SCCategoryTemplate-feed': {
                 marginTop: any;
             };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            [x: number]: {
+                marginTop: number;
+            };
             marginTop: number;
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCCategoryTemplate.d.ts.map

package/lib/cjs/components/SCCategoryTemplate.js

@@ -3,12 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            marginTop: 0,
+            '& .SCCategoryTemplate-feed': {
+                marginTop: theme.spacing(2)
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
             marginTop: 0,
             [theme.breakpoints.up('md')]: {
-                marginTop: theme.spacing(4)
+                marginTop: 30
             }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCCategoryTemplate.js.map

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

@@ -0,0 +1,10 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {
+            marginBottom: any;
+        };
+        dialogRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;

package/lib/cjs/components/SCCategoryTrendingFeedWidget.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginBottom: theme.spacing(2)
+        }),
+        dialogRoot: ({ theme }) => ({})
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,10 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {
+            marginBottom: any;
+        };
+        dialogRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;

package/lib/cjs/components/SCCategoryTrendingUsersWidget.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginBottom: theme.spacing(2)
+        }),
+        dialogRoot: ({ theme }) => ({})
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            display: string;
+            alignItems: string;
+            flexWrap: string;
+            '& .MuiButtonBase-root': {
+                padding: number;
+                borderRadius: number;
+                minWidth: string;
+            };
+            '& .SCChangeCoverButton-help-popover': {
+                marginLeft: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCChangeCoverButton.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            display: 'flex',
+            alignItems: 'center',
+            flexWrap: 'wrap',
+            '& .MuiButtonBase-root': {
+                padding: 6,
+                borderRadius: 50,
+                minWidth: 'auto'
+            },
+            '& .SCChangeCoverButton-help-popover': {
+                marginLeft: theme.spacing(1)
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,25 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            padding: any;
+            minWidth: string;
+        };
+        dialogRoot: ({ theme }: any) => {
+            '& .MuiDialogContent-root': {
+                paddingLeft: any;
+            };
+            '& .SCChangePictureButton-images-list': {
+                maxHeight: number;
+            };
+            '& .SCChangePictureButton-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: any;
+                };
+                '& .SCChangePictureButton-primary': {
+                    border: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCChangePictureButton.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(1),
+            minWidth: 'auto'
+        }),
+        dialogRoot: ({ theme }) => ({
+            '& .MuiDialogContent-root': {
+                paddingLeft: theme.spacing(2)
+            },
+            '& .SCChangePictureButton-images-list': {
+                maxHeight: 500
+            },
+            '& .SCChangePictureButton-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: theme.palette.common.white
+                },
+                '& .SCChangePictureButton-primary': {
+                    border: 'solid'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -6,4 +6,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCChoices.d.ts.map

package/lib/cjs/components/SCChoices.js

@@ -8,4 +8,3 @@ const Component = {
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCChoices.js.map

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

@@ -9,14 +9,21 @@ declare const Component: {
                 '& > div': {
                     alignItems: string;
                 };
+                '& .SCBaseItem-image .MuiBadge-badge': {
+                    top: any;
+                };
+                '& .SCBaseItem-text': {
+                    marginBottom: number;
+                    marginTop: any;
+                };
             };
             '& .SCCommentObject-nested-comments': {
                 [x: number]: {
-                    paddingLeft: number;
+                    paddingLeft: any;
                 };
                 paddingTop: number;
                 paddingBottom: number;
-                paddingLeft: number;
+                paddingLeft: any;
                 '& ul.MuiList-root': {
                     paddingTop: number;
                     paddingBottom: number;
@@ -25,21 +32,32 @@ declare const Component: {
                         paddingTop: number;
                     };
                 };
+                '& .SCCommentObjectReply-root .SCEditor-root': {
+                    padding: string;
+                };
             };
             '& .SCCommentObject-content': {
+                overflowWrap: string;
                 position: string;
                 display: string;
-                padding: any;
+                padding: string;
                 borderRadius: number;
                 borderColor: string;
                 '& .MuiCardContent-root': {
                     flexGrow: number;
                     padding: number;
+                    '& > p:first-of-type': {
+                        paddingTop: number;
+                    };
                 };
                 '& .SCCommentObject-text-content': {
                     margin: number;
                     '& a': {
                         color: any;
+                        textDecoration: string;
+                        '&:hover': {
+                            textDecoration: string;
+                        };
                     };
                     '& p': {
                         margin: number;
@@ -51,7 +69,14 @@ declare const Component: {
                     };
                 };
             };
-            '& .SCCommentObject-avatar': {
+            '& .SCCommentObject-show-more-content': {
+                color: any;
+                textDecoration: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCCommentObject-avatar, & .SCCommentObjectReply-avatar': {
                 top: any;
                 width: any;
                 height: any;
@@ -76,11 +101,28 @@ declare const Component: {
                 color: any;
             };
             '& .SCCommentObject-comment-sub-section': {
+                [x: number]: {
+                    '& > *': {
+                        marginRight: number;
+                    };
+                    '& .SCCommentObject-vote-audience': {
+                        position: string;
+                        right: number;
+                        top: number;
+                    };
+                    '& .SCBullet-root': {
+                        display: string;
+                    };
+                };
                 display: string;
+                flexWrap: string;
                 alignItems: string;
                 color: any;
                 marginTop: number;
                 position: string;
+                '& > *': {
+                    marginRight: any;
+                };
                 '& .SCCommentObject-activity-at': {
                     color: string;
                     textDecoration: string;
@@ -88,21 +130,43 @@ declare const Component: {
                         textDecoration: string;
                     };
                 };
-                '& .SCCommentObject-reply': {
+                '& .SCCommentObjectReply': {
                     color: string;
                     textDecorationStyle: string;
                     fontSize: string;
                     padding: any;
                     textTransform: string;
                 };
-                '& .SCCommentObject-vote-audience': {
-                    position: string;
-                    right: number;
-                    top: number;
+                '& .SCBullet-root': {
+                    display: string;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            paddingBottom: any;
+            overflow: string;
+            '& > div': {
+                alignItems: string;
+            };
+            '& .SCCommentObject-avatar': {
+                top: any;
+            };
+            '& .SCCommentObject-primary-content': {
+                marginBottom: any;
+            };
+            '&.SCWidget-root': {
+                '& .SCBaseItem-text': {
+                    marginBottom: number;
+                    '& > .SCWidget-root': {
+                        borderRadius: number;
+                        borderColor: string;
+                    };
+                    '& .MuiCardContent-root': {
+                        padding: any;
+                    };
                 };
             };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCCommentObject.d.ts.map

package/lib/cjs/components/SCCommentObject.js

@@ -11,12 +11,19 @@ const Component = {
                 overflow: 'visible',
                 '& > div': {
                     alignItems: 'flex-start'
+                },
+                '& .SCBaseItem-image .MuiBadge-badge': {
+                    top: theme.spacing(1.5)
+                },
+                '& .SCBaseItem-text': {
+                    marginBottom: 0,
+                    marginTop: theme.spacing(0.2)
                 }
             },
             '& .SCCommentObject-nested-comments': {
                 paddingTop: 0,
                 paddingBottom: 0,
-                paddingLeft: 25,
+                paddingLeft: theme.spacing(2),
                 '& ul.MuiList-root': {
                     paddingTop: 0,
                     paddingBottom: 0,
@@ -25,24 +32,35 @@ const Component = {
                         paddingTop: 5
                     }
                 },
+                '& .SCCommentObjectReply-root .SCEditor-root': {
+                    padding: '6px'
+                },
                 [theme.breakpoints.up('sm')]: {
-                    paddingLeft: 55
+                    paddingLeft: theme.spacing(6)
                 }
             },
             '& .SCCommentObject-content': {
+                overflowWrap: 'anywhere',
                 position: 'relative',
                 display: 'flex',
-                padding: theme.spacing(2),
+                padding: `6px`,
                 borderRadius: theme.shape.borderRadius * 0.5,
                 borderColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
                 '& .MuiCardContent-root': {
                     flexGrow: 1,
-                    padding: 0
+                    padding: 0,
+                    '& > p:first-of-type': {
+                        paddingTop: 4
+                    }
                 },
                 '& .SCCommentObject-text-content': {
                     margin: 0,
                     '& a': {
-                        color: theme.palette.text.primary
+                        color: theme.palette.text.secondary,
+                        textDecoration: 'underlined',
+                        '&:hover': {
+                            textDecoration: 'none'
+                        }
                     },
                     '& p': {
                         margin: 0,
@@ -54,7 +72,14 @@ const Component = {
                     }
                 }
             },
-            '& .SCCommentObject-avatar': {
+            '& .SCCommentObject-show-more-content': {
+                color: theme.palette.text.secondary,
+                textDecoration: 'underlined',
+                '&:hover': {
+                    textDecoration: 'none'
+                }
+            },
+            '& .SCCommentObject-avatar, & .SCCommentObjectReply-avatar': {
                 top: theme.spacing(),
                 width: theme.selfcommunity.user.avatar.sizeMedium,
                 height: theme.selfcommunity.user.avatar.sizeMedium
@@ -80,10 +105,14 @@ const Component = {
             },
             '& .SCCommentObject-comment-sub-section': {
                 display: 'flex',
+                flexWrap: 'wrap',
                 alignItems: 'center',
                 color: theme.palette.primary.main,
                 marginTop: 0,
                 position: 'relative',
+                '& > *': {
+                    marginRight: theme.spacing(1)
+                },
                 '& .SCCommentObject-activity-at': {
                     color: 'inherit',
                     textDecoration: 'none',
@@ -91,21 +120,56 @@ const Component = {
                         textDecoration: 'underline'
                     }
                 },
-                '& .SCCommentObject-reply': {
+                '& .SCCommentObjectReply': {
                     color: 'inherit',
                     textDecorationStyle: 'solid',
                     fontSize: '0.857rem',
                     padding: theme.spacing(1),
                     textTransform: 'capitalize'
                 },
-                '& .SCCommentObject-vote-audience': {
-                    position: 'absolute',
-                    right: 0,
-                    top: 0
+                '& .SCBullet-root': {
+                    display: 'none'
+                },
+                [theme.breakpoints.up('sm')]: {
+                    '& > *': {
+                        marginRight: 0
+                    },
+                    '& .SCCommentObject-vote-audience': {
+                        position: 'absolute',
+                        right: 0,
+                        top: 0
+                    },
+                    '& .SCBullet-root': {
+                        display: 'inline'
+                    }
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            paddingBottom: theme.spacing(),
+            overflow: 'visible',
+            '& > div': {
+                alignItems: 'flex-start'
+            },
+            '& .SCCommentObject-avatar': {
+                top: theme.spacing()
+            },
+            '& .SCCommentObject-primary-content': {
+                marginBottom: theme.spacing()
+            },
+            '&.SCWidget-root': {
+                '& .SCBaseItem-text': {
+                    marginBottom: 0,
+                    '& > .SCWidget-root': {
+                        borderRadius: theme.shape.borderRadius * 0.5,
+                        borderColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)
+                    },
+                    '& .MuiCardContent-root': {
+                        padding: theme.spacing(1)
+                    }
                 }
             }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCCommentObject.js.map