@selfcommunity/react-theme-default 0.1.0-alpha.30 → 0.1.0-alpha.301

package/lib/cjs/components/SCCategory.js

@@ -9,7 +9,7 @@ const Component = {
             },
             '& .SCCategory-category-image': {
                 '& img': {
-                    borderRadius: 0
+                    borderRadius: theme.spacing(1)
                 }
             },
             '& .SCBaseItemButton-primary': {
@@ -18,8 +18,21 @@ const Component = {
             '& .SCBaseItemButton-secondary': {
                 fontSize: '0.857rem'
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCCategory-image': {
+                borderRadius: theme.spacing(1)
+            },
+            '& .SCCategory-primary': {
+                marginBottom: theme.spacing(1)
+            },
+            '& .SCCategory-secondary': {
+                marginBottom: theme.spacing(1)
+            },
+            '& .SCCategory-action': {
+                margin: theme.spacing(0.5)
+            }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCCategory.js.map

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

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

package/lib/cjs/components/SCCategoryAutocomplete.js

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

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

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

package/lib/cjs/components/SCCategoryFeedTemplate.js

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

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

@@ -0,0 +1,22 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            padding: any;
+            '& .MuiAvatarGroup-root .MuiAvatar-root': {
+                width: any;
+                height: any;
+                border: string;
+                fontSize: string;
+                '&.MuiAvatar-colorDefault': {
+                    marginLeft: number;
+                    backgroundColor: string;
+                    color: any;
+                    border: string;
+                    borderRadius: number;
+                    padding: number;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCCategoryFollowersButton.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(),
+            '& .MuiAvatarGroup-root .MuiAvatar-root': {
+                width: theme.selfcommunity.user.avatar.sizeSmall,
+                height: theme.selfcommunity.user.avatar.sizeSmall,
+                border: '1px solid #fff',
+                fontSize: '0.76rem',
+                '&.MuiAvatar-colorDefault': {
+                    marginLeft: 0,
+                    backgroundColor: 'transparent',
+                    color: theme.palette.primary.main,
+                    border: '0 none',
+                    borderRadius: 0,
+                    padding: 1
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -1,6 +1,6 @@
 declare const Component: {
     defaultProps: {
-        FollowCategoryButtonProps: {
+        CategoryFollowButtonProps: {
             size: string;
         };
     };
@@ -10,12 +10,29 @@ declare const Component: {
                 [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,25 +43,15 @@ 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;
                     };
                 };
             };
@@ -52,4 +59,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCCategoryHeader.d.ts.map

package/lib/cjs/components/SCCategoryHeader.js

@@ -2,13 +2,20 @@
 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')]: {
@@ -16,8 +23,18 @@ const Component = {
                 }
             },
             '& .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,25 +45,15 @@ 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'
                     }
                 }
             }
@@ -54,4 +61,3 @@ const Component = {
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCCategoryHeader.js.map

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

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

package/lib/cjs/components/SCCategoryTemplate.js

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

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

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

package/lib/cjs/components/SCCategoryTemplateSkeleton.js

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

package/lib/cjs/components/{SCLoyaltyProgramDetail.d.ts → SCChangePictureButton.d.ts}

@@ -1,10 +1,9 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            boxShadow: string;
-            borderRadius: number;
+            padding: any;
+            minWidth: string;
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCLoyaltyProgramDetail.d.ts.map

package/lib/cjs/components/{SCLoyaltyProgramDetail.js → SCChangePictureButton.js}

@@ -3,10 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            boxShadow: 'none',
-            borderRadius: 0
+            padding: theme.spacing(1),
+            minWidth: 'auto'
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCLoyaltyProgramDetail.js.map

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

@@ -0,0 +1,15 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCChangePictureDialog-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: any;
+                };
+                '& .SCChangePictureDialog-primary': {
+                    border: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCChangePictureDialog.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            // padding: theme.spacing(1),
+            // minWidth: 'auto'
+            '& .SCChangePictureDialog-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: theme.palette.common.white
+                },
+                '& .SCChangePictureDialog-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/SCCommentAction.d.ts

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            flexDirection: string;
+            '&.SCShareAction-inline': {
+                flexDirection: string;
+            };
+            '& .SCVoteAction-divider': {
+                width: string;
+                borderBottom: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCCommentAction.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            '&.SCShareAction-inline': {
+                flexDirection: 'row-reverse'
+            },
+            '& .SCVoteAction-divider': {
+                width: '100%',
+                borderBottom: 0
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,29 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCCommentNotification-username': {
+                fontWeight: any;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCCommentNotification-vote-button': {
+                color: string;
+                padding: any;
+                fontSize: string;
+                minWidth: number;
+                borderRadius: string;
+            };
+            '& .SCCommentNotification-contribution-text': {
+                color: any;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCCommentNotification.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCCommentNotification-username': {
+                fontWeight: theme.typography.fontWeightBold,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCCommentNotification-vote-button': {
+                color: 'inherit',
+                padding: theme.spacing(1),
+                fontSize: '1.143rem',
+                minWidth: 0,
+                borderRadius: '50%'
+            },
+            '& .SCCommentNotification-contribution-text': {
+                color: theme.palette.text.primary,
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -1,51 +1,147 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            overflow: string;
+            width: string;
+            '& .SCCommentObject-comment': {
+                paddingBottom: number;
+                overflow: string;
+                '& > div': {
+                    alignItems: string;
+                };
+                '& .SCBaseItem-image .MuiBadge-badge': {
+                    top: any;
+                };
+                '& .SCBaseItem-text': {
+                    marginBottom: number;
+                    marginTop: any;
+                };
+            };
+            '& .SCCommentObject-nested-comments': {
+                [x: number]: {
+                    paddingLeft: any;
+                };
+                paddingTop: number;
+                paddingBottom: number;
+                paddingLeft: any;
+                '& ul.MuiList-root': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    width: string;
+                    '& li.MuiListItem-root': {
+                        paddingTop: number;
+                    };
+                };
+                '& .SCCommentObjectReply-root .SCEditor-root': {
+                    padding: string;
+                };
+            };
             '& .SCCommentObject-content': {
-                padding: any;
+                overflowWrap: string;
+                position: string;
+                display: string;
+                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;
+                        marginBlockStart: string;
+                        marginBlockEnd: string;
+                    };
+                    '& img': {
+                        maxWidth: string;
                     };
                 };
             };
+            '& .SCCommentObject-show-more-content': {
+                color: any;
+                textDecoration: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCCommentObject-avatar, & .SCCommentObjectReply-avatar': {
+                top: any;
+                width: any;
+                height: any;
+            };
+            '& .SCCommentObject-author': {
+                textDecoration: string;
+                color: any;
+                '& span': {
+                    fontWeight: string;
+                };
+            };
+            '& .SCCommentObject-comment-actions-menu': {
+                alignItems: string;
+            };
+            '& .SCCommentObject-deleted': {
+                opacity: number;
+            };
+            '& .SCCommentObject-content-sub-section': {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                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: any;
+                marginTop: number;
+                position: string;
+                '& > *': {
+                    marginRight: any;
+                };
                 '& .SCCommentObject-activity-at': {
+                    color: string;
+                    textDecoration: string;
                     '&:hover': {
-                        color: string;
                         textDecoration: string;
                     };
                 };
-                '& .SCCommentObject-vote': {
-                    padding: any;
-                    fontSize: string;
-                };
-                '& .SCCommentObject-add-reaction': {
-                    '& > span': {
-                        '& img': {
-                            width: string;
-                            height: string;
-                        };
-                    };
-                };
                 '& .SCCommentObject-reply': {
+                    color: string;
                     textDecorationStyle: string;
                     fontSize: string;
                     padding: any;
+                    textTransform: string;
                 };
-                '& .SCCommentObjectVotes-root .SCCommentObjectVotes-btnViewVotes': {
-                    padding: any;
-                    marginTop: any;
-                    fontSize: string;
+                '& .SCBullet-root': {
+                    display: string;
                 };
             };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCCommentObject.d.ts.map