@selfcommunity/react-theme-default 0.1.9-alpha.9 → 0.1.10-alpha.0

package/lib/cjs/components/SCPrivateMessageThreadItem.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            flexDirection: 'column',
             borderRadius: theme.shape.borderRadius,
             padding: theme.spacing(2, 4, 4, 2),
             boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
@@ -21,6 +22,10 @@ const Component = {
                 right: theme.spacing(3),
                 padding: theme.spacing(0.5, 0, 0.5, 0)
             },
+            '& .SCPrivateMessageThreadItem-username': {
+                marginRight: 'auto',
+                marginBottom: theme.spacing(1)
+            },
             '& .SCPrivateMessageThreadItem-text': {
                 display: 'flex',
                 alignItems: 'center',
@@ -85,7 +90,7 @@ const Component = {
                 },
                 '& .MuiButtonBase-root': {
                     flexWrap: 'wrap',
-                    width: 'calc(100% - 24px)',
+                    //width: 'calc(100% - 24px)',
                     position: 'absolute',
                     bottom: theme.spacing(4),
                     backgroundColor: 'rgba(0,0,0,0.5)',

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

@@ -22,6 +22,11 @@ declare const Component: {
                 borderRadius: number;
                 fontSize: string;
             };
+            '& .SCUser-group-admin-badge-label': {
+                marginLeft: any;
+                fontSize: string;
+                color: any;
+            };
             '& .SCBaseItemButton-primary': {
                 fontWeight: any;
             };

package/lib/cjs/components/SCUser.js

@@ -24,6 +24,11 @@ const Component = {
                 borderRadius: 0,
                 fontSize: '0.5rem'
             },
+            '& .SCUser-group-admin-badge-label': {
+                marginLeft: theme.spacing(1),
+                fontSize: '0.75rem',
+                color: theme.palette.secondary.main
+            },
             '& .SCBaseItemButton-primary': {
                 fontWeight: theme.typography.fontWeightBold
             },

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

@@ -3,7 +3,7 @@ declare const Component: {
         root: ({ theme }: any) => {
             '& .SCUserProfileHeader-cover': {
                 [x: number]: {
-                    margin: any;
+                    borderRadius: any;
                 };
                 position: string;
                 height: number;
@@ -71,7 +71,7 @@ declare const Component: {
             position: string;
             '& .SCUserProfileHeader-cover': {
                 [x: number]: {
-                    margin: any;
+                    borderRadius: any;
                 };
                 height: number;
             };

package/lib/cjs/components/SCUserProfileHeader.js

@@ -5,13 +5,13 @@ const Component = {
         root: ({ theme }) => ({
             '& .SCUserProfileHeader-cover': {
                 position: 'relative',
-                height: 150,
+                height: 230,
                 minHeight: 150,
                 borderRadius: 0,
                 background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
                 boxShadow: 'unset',
-                [theme.breakpoints.up('lg')]: {
-                    margin: theme.spacing(0, -5, 0, -5)
+                [theme.breakpoints.up('md')]: {
+                    borderRadius: theme.spacing(0, 0, 2.5, 2.5)
                 }
             },
             '& .SCUserProfileHeader-infops-section': {
@@ -19,7 +19,7 @@ const Component = {
                 justifyContent: 'space-between'
             },
             '& .SCUserProfileHeader-avatar': {
-                top: 150 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
+                top: 180,
                 [theme.breakpoints.up('lg')]: {
                     left: theme.selfcommunity.user.avatar.sizeXLarge / 2,
                     marginLeft: 0
@@ -32,7 +32,7 @@ const Component = {
                     width: theme.selfcommunity.user.avatar.sizeXLarge,
                     borderRadius: '50%',
                     border: `#FFF solid ${theme.spacing(0.5)}`,
-                    objectFit: 'cover',
+                    objectFit: 'cover'
                 },
                 '& .MuiBadge-badge .SCUserAvatar-badge-content': {
                     width: 32,
@@ -40,7 +40,7 @@ const Component = {
                 }
             },
             '& .SCUserProfileHeader-change-picture': {
-                top: 180 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
+                top: 215,
                 [theme.breakpoints.up('lg')]: {
                     left: 155 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge
                 },
@@ -72,15 +72,15 @@ const Component = {
         skeletonRoot: ({ theme }) => ({
             position: 'relative',
             '& .SCUserProfileHeader-cover': {
-                [theme.breakpoints.up('lg')]: {
-                    margin: theme.spacing(0, -5, 0, -5)
+                [theme.breakpoints.up('md')]: {
+                    borderRadius: theme.spacing(0, 0, 2.5, 2.5)
                 },
-                height: 150
+                height: 230
             },
             '& .SCUserProfileHeader-avatar': {
                 display: 'block',
                 position: 'absolute',
-                top: 150 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge - 5,
+                top: 230 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge - 5,
                 marginLeft: theme.spacing(4),
                 [`& .MuiSkeleton-root`]: {
                     border: '#FFF solid 5px'

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

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

package/lib/cjs/components/SCUserSubscribedGroupsWidget.js

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

package/lib/cjs/index.d.ts

@@ -695,6 +695,9 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     '& .SCCategoryHeader-cover': {
+                        [x: number]: {
+                            borderRadius: any;
+                        };
                         display: string;
                         flexDirection: string;
                         justifyContent: string;
@@ -742,7 +745,13 @@ declare const theme: {
                         };
                     };
                 };
-                skeletonRoot: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {
+                    '& .SCCategoryHeader-skeleton-cover': {
+                        [x: number]: {
+                            borderRadius: any;
+                        };
+                    };
+                };
             };
         };
         SCCategoryTemplate: {
@@ -1781,6 +1790,25 @@ declare const theme: {
                                 fontWeight: any;
                             };
                         };
+                        '& .SCFeedObject-group': {
+                            marginRight: string;
+                        };
+                    };
+                    '& .SCFeedObject-group': {
+                        justifyContent: string;
+                        padding: any;
+                        '& a': {
+                            padding: any;
+                            marginBottom: any;
+                            color: any;
+                            '&:hover': {
+                                backgroundColor: any;
+                            };
+                            '& span': {
+                                color: any;
+                                textTransform: string;
+                            };
+                        };
                     };
                     '& .SCFeedObject-content': {
                         padding: any;
@@ -1842,6 +1870,19 @@ declare const theme: {
                         '& .SCFeedObject-category': {
                             borderBottom: string;
                             margin: any;
+                            '& .SCFeedObject-group': {
+                                borderBottom: string;
+                                margin: any;
+                                '& .MuiChip-icon': {
+                                    marginLeft: any;
+                                    marginRight: any;
+                                    fontWeight: any;
+                                };
+                            };
+                        };
+                        '& .SCFeedObject-group': {
+                            borderBottom: string;
+                            margin: any;
                         };
                         '& .SCFeedObject-header': {
                             '& .MuiCardHeader-avatar': {
@@ -3642,6 +3683,7 @@ declare const theme: {
                         maxWidth: string;
                     };
                 };
+                groupRoot: ({ theme }: any) => {};
                 undeletedForRoot: ({ theme }: any) => {
                     '& .SCNotification-undeleted-icon': {
                         backgroundColor: "#f44336";
@@ -4055,6 +4097,11 @@ declare const theme: {
                         borderRadius: number;
                         fontSize: string;
                     };
+                    '& .SCUser-group-admin-badge-label': {
+                        marginLeft: any;
+                        fontSize: string;
+                        color: any;
+                    };
                     '& .SCBaseItemButton-primary': {
                         fontWeight: any;
                     };
@@ -4141,7 +4188,7 @@ declare const theme: {
                 root: ({ theme }: any) => {
                     '& .SCUserProfileHeader-cover': {
                         [x: number]: {
-                            margin: any;
+                            borderRadius: any;
                         };
                         position: string;
                         height: number;
@@ -4209,7 +4256,7 @@ declare const theme: {
                     position: string;
                     '& .SCUserProfileHeader-cover': {
                         [x: number]: {
-                            margin: any;
+                            borderRadius: any;
                         };
                         height: number;
                     };
@@ -4546,6 +4593,7 @@ declare const theme: {
                 root: ({ theme }: any) => {
                     height: string;
                     width: string;
+                    borderRadius: number;
                     '& .MuiCardContent-root': {
                         display: string;
                         flexDirection: string;
@@ -4665,6 +4713,17 @@ declare const theme: {
                                 };
                             };
                         };
+                        '& .SCPrivateMessageThread-item': {
+                            display: string;
+                            marginBottom: any;
+                            '& .SCPrivateMessageThread-avatar': {
+                                marginRight: any;
+                                '& img': {
+                                    height: any;
+                                    width: any;
+                                };
+                            };
+                        };
                     };
                     '& .SCPrivateMessageThread-empty-message': {
                         height: string;
@@ -4759,6 +4818,7 @@ declare const theme: {
         SCPrivateMessageThreadItem: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    flexDirection: string;
                     borderRadius: any;
                     padding: any;
                     boxShadow: string;
@@ -4777,6 +4837,10 @@ declare const theme: {
                         right: any;
                         padding: any;
                     };
+                    '& .SCPrivateMessageThreadItem-username': {
+                        marginRight: string;
+                        marginBottom: any;
+                    };
                     '& .SCPrivateMessageThreadItem-text': {
                         display: string;
                         alignItems: string;
@@ -4841,7 +4905,6 @@ declare const theme: {
                         };
                         '& .MuiButtonBase-root': {
                             flexWrap: string;
-                            width: string;
                             position: string;
                             bottom: any;
                             backgroundColor: string;
@@ -5541,10 +5604,6 @@ declare const theme: {
                     '& .SCGroupHeader-cover': {
                         [x: number]: {
                             borderRadius: any;
-                            margin?: undefined;
-                        } | {
-                            margin: any;
-                            borderRadius?: undefined;
                         };
                         position: string;
                         height: number;
@@ -5554,7 +5613,7 @@ declare const theme: {
                         boxShadow: string;
                     };
                     '& .SCGroupHeader-info': {
-                        marginTop: number;
+                        marginTop: any;
                         display: string;
                         flexDirection: string;
                         justifyContent: string;
@@ -5584,6 +5643,7 @@ declare const theme: {
                         '& .SCEditGroupButton-root': {
                             marginLeft: string;
                             marginTop: any;
+                            marginRight: any;
                         };
                         '& .SCGroupSubscribeButton-root': {
                             marginTop: any;
@@ -5626,7 +5686,7 @@ declare const theme: {
                     position: string;
                     '& .SCGroupHeader-cover': {
                         [x: number]: {
-                            margin: any;
+                            borderRadius: any;
                         };
                         height: number;
                     };
@@ -5822,6 +5882,9 @@ declare const theme: {
                     '& .SCGroupInviteButton-invited-box': {
                         marginTop: any;
                         marginBottom: any;
+                        '& .MuiChip-root': {
+                            marginBottom: any;
+                        };
                     };
                     '& .SCGroupInviteButton-suggested': {
                         '& h4': {
@@ -5863,6 +5926,11 @@ declare const theme: {
                         alignItems: string;
                         gap: any;
                     };
+                    '& .SCGroupInfoWidget-admin': {
+                        '& .SCUser-root': {
+                            marginTop: any;
+                        };
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {};
             };
@@ -5887,7 +5955,12 @@ declare const theme: {
                         };
                     };
                     '& .SCBaseItemButton-primary': {
+                        display: string;
+                        alignItems: string;
                         fontWeight: any;
+                        '& .SCGroup-icon': {
+                            marginLeft: any;
+                        };
                     };
                     '& .SCBaseItemButton-secondary': {
                         fontSize: string;
@@ -5909,6 +5982,9 @@ declare const theme: {
                     '& .SCCategoryTemplate-feed': {
                         marginTop: any;
                     };
+                    '& .SCGroupInfoWidget-root': {
+                        marginTop: any;
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -5922,6 +5998,9 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     marginTop: number;
+                    '& .SCGroupInfoWidget-root': {
+                        padding: any;
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -5952,10 +6031,24 @@ declare const theme: {
         SCGroups: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    '& .SCGroups-skeleton-root ': {
+                        '& .MuiGrid-item': {
+                            paddingTop: number;
+                        };
+                    };
+                    '& .MuiGrid-container': {
+                        justifyContent: string;
+                    };
+                    '& .SCGroups-filters': {
+                        marginTop: any;
+                        marginBottom: any;
+                    };
                     '& .SCGroups-groups': {
                         marginTop: any;
                         '& .SCGroups-item': {
-                            padding: any;
+                            [x: number]: {
+                                padding: any;
+                            };
                             width: string;
                             '& > div': {
                                 cursor: string;
@@ -5964,6 +6057,7 @@ declare const theme: {
                         };
                     };
                     '& .SCGroups-no-results': {
+                        marginTop: any;
                         display: string;
                         flexDirection: string;
                         justifyContent: string;
@@ -5977,9 +6071,21 @@ declare const theme: {
                             fontSize: any;
                         };
                     };
+                    '& .SCGroups-end-message': {
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        '& .MuiButtonBase-root': {
+                            paddingLeft: any;
+                            '&.Mui-selected, &:hover': {
+                                backgroundColor: string;
+                            };
+                        };
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     '& .SCGroups-groups': {
+                        justifyContent: string;
                         marginTop: any;
                         '& .SCGroup-skeleton-root': {
                             padding: any;
@@ -6024,6 +6130,20 @@ declare const theme: {
                 };
             };
         };
+        SCGroupInvitedWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
+        SCUserSubscribedGroupsWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -136,6 +136,8 @@ const SCGroups_1 = tslib_1.__importDefault(require("./components/SCGroups"));
 const SCEditGroupButton_1 = tslib_1.__importDefault(require("./components/SCEditGroupButton"));
 const SCGroupAutocomplete_1 = tslib_1.__importDefault(require("./components/SCGroupAutocomplete"));
 const SCGroupSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCGroupSettingsIconButton"));
+const SCGroupInvitedWidget_1 = tslib_1.__importDefault(require("./components/SCGroupInvitedWidget"));
+const SCUserSubscribedGroupsWidget_1 = tslib_1.__importDefault(require("./components/SCUserSubscribedGroupsWidget"));
 /**
  * Style fragments - Imports - End
  */
@@ -332,7 +334,9 @@ const theme = {
         SCGroups: SCGroups_1.default,
         SCEditGroupButton: SCEditGroupButton_1.default,
         SCGroupAutocomplete: SCGroupAutocomplete_1.default,
-        SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default
+        SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default,
+        SCGroupInvitedWidget: SCGroupInvitedWidget_1.default,
+        SCUserSubscribedGroupsWidget: SCUserSubscribedGroupsWidget_1.default
     },
     selfcommunity: {
         user: {
@@ -355,7 +359,7 @@ const theme = {
                 sizeSmall: 40,
                 sizeMedium: 60,
                 sizeLarge: 90,
-                sizeXLarge: 120
+                sizeXLarge: 205
             }
         }
     }

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

@@ -7,6 +7,9 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             '& .SCCategoryHeader-cover': {
+                [x: number]: {
+                    borderRadius: any;
+                };
                 display: string;
                 flexDirection: string;
                 justifyContent: string;
@@ -54,7 +57,13 @@ declare const Component: {
                 };
             };
         };
-        skeletonRoot: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCCategoryHeader-skeleton-cover': {
+                [x: number]: {
+                    borderRadius: any;
+                };
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCCategoryHeader.js

@@ -14,8 +14,11 @@ const Component = {
                 minHeight: 150,
                 color: '#FFF',
                 background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
-                height: 150,
-                borderRadius: 0
+                height: 230,
+                borderRadius: 0,
+                [theme.breakpoints.up('md')]: {
+                    borderRadius: theme.spacing(0, 0, 2.5, 2.5)
+                }
             },
             '& .SCCategoryHeader-info': {
                 paddingLeft: theme.spacing(2),
@@ -54,7 +57,13 @@ const Component = {
                 }
             }
         }),
-        skeletonRoot: ({ theme }) => ({})
+        skeletonRoot: ({ theme }) => ({
+            '& .SCCategoryHeader-skeleton-cover': {
+                [theme.breakpoints.up('md')]: {
+                    borderRadius: theme.spacing(0, 0, 2.5, 2.5)
+                }
+            }
+        })
     }
 };
 export default Component;

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

@@ -59,6 +59,25 @@ declare const Component: {
                         fontWeight: any;
                     };
                 };
+                '& .SCFeedObject-group': {
+                    marginRight: string;
+                };
+            };
+            '& .SCFeedObject-group': {
+                justifyContent: string;
+                padding: any;
+                '& a': {
+                    padding: any;
+                    marginBottom: any;
+                    color: any;
+                    '&:hover': {
+                        backgroundColor: any;
+                    };
+                    '& span': {
+                        color: any;
+                        textTransform: string;
+                    };
+                };
             };
             '& .SCFeedObject-content': {
                 padding: any;
@@ -120,6 +139,19 @@ declare const Component: {
                 '& .SCFeedObject-category': {
                     borderBottom: string;
                     margin: any;
+                    '& .SCFeedObject-group': {
+                        borderBottom: string;
+                        margin: any;
+                        '& .MuiChip-icon': {
+                            marginLeft: any;
+                            marginRight: any;
+                            fontWeight: any;
+                        };
+                    };
+                };
+                '& .SCFeedObject-group': {
+                    borderBottom: string;
+                    margin: any;
                 };
                 '& .SCFeedObject-header': {
                     '& .MuiCardHeader-avatar': {

package/lib/esm/components/SCFeedObject.js

@@ -59,6 +59,25 @@ const Component = {
                         textTransform: 'initial',
                         fontWeight: theme.typography.fontWeightBold
                     }
+                },
+                '& .SCFeedObject-group': {
+                    marginRight: `${theme.spacing(1)} !important`
+                }
+            },
+            '& .SCFeedObject-group': {
+                justifyContent: 'flex-start',
+                padding: theme.spacing(0.5),
+                '& a': {
+                    padding: theme.spacing(0.5),
+                    marginBottom: theme.spacing(0.5),
+                    color: theme.palette.common.white,
+                    '&:hover': {
+                        backgroundColor: theme.palette.common.black
+                    },
+                    '& span': {
+                        color: theme.palette.common.white,
+                        textTransform: 'initial'
+                    }
                 }
             },
             '& .SCFeedObject-content': {
@@ -120,7 +139,20 @@ const Component = {
                 },
                 '& .SCFeedObject-category': {
                     borderBottom: '1px solid rgba(221, 221, 221, 1)',
-                    margin: theme.spacing(0, 2)
+                    margin: theme.spacing(0, 2),
+                    '& .SCFeedObject-group': {
+                        borderBottom: 'none',
+                        margin: theme.spacing(0),
+                        '& .MuiChip-icon': {
+                            marginLeft: theme.spacing(1),
+                            marginRight: theme.spacing(-1),
+                            fontWeight: theme.typography.fontWeightRegular
+                        }
+                    }
+                },
+                '& .SCFeedObject-group': {
+                    borderBottom: '1px solid rgba(221, 221, 221, 1)',
+                    margin: theme.spacing(1, 2, 0, 2)
                 },
                 '& .SCFeedObject-header': {
                     '& .MuiCardHeader-avatar': {

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

@@ -18,7 +18,12 @@ declare const Component: {
                 };
             };
             '& .SCBaseItemButton-primary': {
+                display: string;
+                alignItems: string;
                 fontWeight: any;
+                '& .SCGroup-icon': {
+                    marginLeft: any;
+                };
             };
             '& .SCBaseItemButton-secondary': {
                 fontSize: string;