@selfcommunity/react-theme-default 0.1.9-alpha.3 → 0.1.9-alpha.30

package/lib/cjs/components/SCCategoryHeader.js

@@ -13,10 +13,10 @@ const Component = {
                 flexDirection: 'column',
                 justifyContent: 'center',
                 alignItems: 'center',
-                minHeight: 150,
+                minHeight: 230,
                 color: '#FFF',
                 background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
-                height: 150,
+                height: 230,
                 borderRadius: 0
             },
             '& .SCCategoryHeader-info': {

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

@@ -170,6 +170,7 @@ declare const Component: {
             };
         };
         layerCategoryRoot: ({ theme }: any) => {};
+        layerGroupRoot: ({ theme }: any) => {};
         layerCloseRoot: ({ theme }: any) => {
             '& .SCComposer-layer-content': {
                 '& .MuiTypography-root': {

package/lib/cjs/components/SCComposer.js

@@ -55,7 +55,7 @@ const Component = {
                                 left: theme.spacing(0.2),
                                 marginBottom: 0,
                                 backgroundColor: theme.palette.background.paper
-                            },
+                            }
                         }
                     }
                 },
@@ -83,7 +83,7 @@ const Component = {
                 '& .SCComposer-general-error': {
                     marginBottom: theme.spacing(2),
                     color: theme.palette.error.main
-                },
+                }
             },
             [theme.breakpoints.up('md')]: {
                 '& .MuiDialog-paper': {
@@ -98,7 +98,7 @@ const Component = {
                     '& .MuiDialogActions-root': {
                         justifyContent: 'center'
                     }
-                },
+                }
             }
         }),
         attributesRoot: ({ theme }) => ({}),
@@ -173,6 +173,7 @@ const Component = {
             }
         }),
         layerCategoryRoot: ({ theme }) => ({}),
+        layerGroupRoot: ({ theme }) => ({}),
         layerCloseRoot: ({ theme }) => ({
             '& .SCComposer-layer-content': {
                 '& .MuiTypography-root': {
@@ -212,7 +213,7 @@ const Component = {
                     paddingRight: theme.spacing(4)
                 }
             }
-        }),
+        })
     }
 };
 exports.default = Component;

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

@@ -1,8 +1,11 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '& .MuiIcon-root': {
-                fontSize: string;
+            '& .MuiButton-startIcon': {
+                marginRight: any;
+                '& .MuiIcon-root': {
+                    fontSize: string;
+                };
             };
         };
     };

package/lib/cjs/components/SCCreateGroupButton.js

@@ -3,8 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .MuiIcon-root': {
-                fontSize: '1rem !important'
+            '& .MuiButton-startIcon': {
+                marginRight: theme.spacing(0.5),
+                '& .MuiIcon-root': {
+                    fontSize: '0.75rem !important'
+                }
             }
         })
     }

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

@@ -0,0 +1,13 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .MuiButton-startIcon': {
+                marginRight: any;
+                '& .MuiIcon-root': {
+                    fontSize: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCEditGroupButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .MuiButton-startIcon': {
+                marginRight: theme.spacing(0.5),
+                '& .MuiIcon-root': {
+                    fontSize: '0.75rem !important'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -59,6 +59,30 @@ declare const Component: {
                         fontWeight: any;
                     };
                 };
+                '& .SCFeedObject-group': {
+                    [x: number]: {
+                        right: string;
+                    };
+                    position: string;
+                    right: string;
+                    transform: 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 +144,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/cjs/components/SCFeedObject.js

@@ -61,6 +61,30 @@ const Component = {
                         textTransform: 'initial',
                         fontWeight: theme.typography.fontWeightBold
                     }
+                },
+                '& .SCFeedObject-group': {
+                    position: 'relative',
+                    right: '10%',
+                    [theme.breakpoints.up('sm')]: {
+                        right: '30%'
+                    },
+                    transform: 'translateX(-50%)'
+                }
+            },
+            '& .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': {
@@ -122,7 +146,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/cjs/components/SCGroupAutocomplete.d.ts

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

package/lib/cjs/components/SCGroupAutocomplete.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/SCGroupFeedTemplate.d.ts

@@ -2,35 +2,6 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             marginTop: number;
-            '& .SCGroupFeedTemplate-feed': {
-                marginTop: any;
-            };
-            '& .SCGroupFeedTemplate-tabs': {
-                '& .MuiTabs-flexContainer': {
-                    borderBottom: string;
-                };
-                '& .MuiTabs-indicator': {
-                    display: string;
-                    justifyContent: string;
-                    backgroundColor: string;
-                };
-                '& .MuiTabs-indicatorSpan': {
-                    maxWidth: string;
-                    width: string;
-                    backgroundColor: any;
-                };
-            };
-            '& .SCGroupFeedTemplate-tab-content': {
-                '& .SCGroupFeedTemplate-members': {
-                    display: string;
-                    flexDirection: string;
-                    gap: any;
-                };
-            };
-        };
-        tabRoot: ({ theme }: any) => {
-            textTransform: string;
-            fontWeight: any;
         };
         skeletonRoot: ({ theme }: any) => {
             [x: number]: {

package/lib/cjs/components/SCGroupFeedTemplate.js

@@ -3,36 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            marginTop: 0,
-            '& .SCGroupFeedTemplate-feed': {
-                marginTop: theme.spacing(2)
-            },
-            '& .SCGroupFeedTemplate-tabs': {
-                '& .MuiTabs-flexContainer': {
-                    borderBottom: `2px solid ${theme.palette.grey[300]}`
-                },
-                '& .MuiTabs-indicator': {
-                    display: 'flex',
-                    justifyContent: 'center',
-                    backgroundColor: 'transparent'
-                },
-                '& .MuiTabs-indicatorSpan': {
-                    maxWidth: '40%',
-                    width: '100%',
-                    backgroundColor: theme.palette.secondary.main
-                }
-            },
-            '& .SCGroupFeedTemplate-tab-content': {
-                '& .SCGroupFeedTemplate-members': {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: theme.spacing(2)
-                }
-            }
-        }),
-        tabRoot: ({ theme }) => ({
-            textTransform: 'none',
-            fontWeight: theme.typography.fontWeightBold
+            marginTop: 0
         }),
         skeletonRoot: ({ theme }) => ({
             marginTop: 0,

package/lib/cjs/components/{SCCreateGroup.d.ts → SCGroupForm.d.ts}

@@ -1,11 +1,11 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '& .SCCreateGroup-cover': {
+            '& .SCGroupForm-cover': {
                 position: string;
                 height: number;
                 minHeight: number;
-                '& .SCCreateGroup-avatar': {
+                '& .SCGroupForm-avatar': {
                     top: number;
                     display: string;
                     position: string;
@@ -36,11 +36,14 @@ declare const Component: {
                     bottom: any;
                 };
             };
-            '& .SCCreateGroup-header': {
+            '& .SCGroupForm-header': {
                 marginTop: any;
                 color: any;
             };
-            '& .SCCreateGroup-switch': {
+            '& .SCGroupForm-error': {
+                color: any;
+            };
+            '& .SCGroupForm-switch': {
                 '& .MuiButtonBase-root': {
                     '&.Mui-checked': {
                         color: any;
@@ -50,30 +53,30 @@ declare const Component: {
                     };
                 };
             };
-            '& .SCCreateGroup-switch-label': {
+            '& .SCGroupForm-switch-label': {
                 fontWeight: any;
                 display: string;
                 alignItems: string;
                 justifyContent: string;
                 gap: any;
             };
-            '& .SCCreateGroup-active': {
+            '& .SCGroupForm-active': {
                 color: any;
             };
-            '& .SCCreateGroup-privacy-section': {
+            '& .SCGroupForm-privacy-section': {
                 marginTop: any;
-                '& .SCCreateGroup-privacy-section-info': {
+                '& .SCGroupForm-privacy-section-info': {
                     marginBottom: any;
                 };
             };
-            '& .SCCreateGroup-visibility-section-info': {
+            '& .SCGroupForm-visibility-section-info': {
                 marginTop: any;
             };
             '& .MuiDivider-root': {
                 marginTop: any;
                 border: string;
             };
-            '& .SCCreateGroup-invite-section': {
+            '& .SCGroupForm-invite-section': {
                 marginTop: any;
                 display: string;
                 justifyContent: string;

package/lib/cjs/components/{SCCreateGroup.js → SCGroupForm.js}

@@ -4,11 +4,11 @@ const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .SCCreateGroup-cover': {
+            '& .SCGroupForm-cover': {
                 position: 'relative',
                 height: 120,
                 minHeight: 120,
-                '& .SCCreateGroup-avatar': {
+                '& .SCGroupForm-avatar': {
                     top: 120,
                     display: 'block',
                     position: 'absolute',
@@ -39,11 +39,14 @@ const Component = {
                     bottom: theme.spacing(2)
                 }
             },
-            '& .SCCreateGroup-header': {
+            '& .SCGroupForm-header': {
                 marginTop: theme.spacing(4.5),
                 color: theme.palette.text.secondary
             },
-            '& .SCCreateGroup-switch': {
+            '& .SCGroupForm-error': {
+                color: theme.palette.error.main
+            },
+            '& .SCGroupForm-switch': {
                 '& .MuiButtonBase-root': {
                     '&.Mui-checked': {
                         color: theme.palette.secondary.main,
@@ -53,30 +56,30 @@ const Component = {
                     }
                 }
             },
-            '& .SCCreateGroup-switch-label': {
+            '& .SCGroupForm-switch-label': {
                 fontWeight: theme.typography.fontWeightMedium,
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 gap: theme.spacing(0.5)
             },
-            '& .SCCreateGroup-active': {
+            '& .SCGroupForm-active': {
                 color: theme.palette.secondary.main
             },
-            '& .SCCreateGroup-privacy-section': {
+            '& .SCGroupForm-privacy-section': {
                 marginTop: theme.spacing(2),
-                '& .SCCreateGroup-privacy-section-info': {
+                '& .SCGroupForm-privacy-section-info': {
                     marginBottom: theme.spacing(2)
                 }
             },
-            '& .SCCreateGroup-visibility-section-info': {
+            '& .SCGroupForm-visibility-section-info': {
                 marginTop: theme.spacing(1)
             },
             '& .MuiDivider-root': {
                 marginTop: theme.spacing(2),
                 border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
             },
-            '& .SCCreateGroup-invite-section': {
+            '& .SCGroupForm-invite-section': {
                 marginTop: theme.spacing(2),
                 display: 'flex',
                 justifyContent: 'center',

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

@@ -17,6 +17,7 @@ declare const Component: {
                 boxShadow: string;
             };
             '& .SCGroupHeader-info': {
+                marginTop: number;
                 display: string;
                 flexDirection: string;
                 justifyContent: string;
@@ -43,6 +44,13 @@ declare const Component: {
                         gap: any;
                     };
                 };
+                '& .SCEditGroupButton-root': {
+                    marginLeft: string;
+                    marginTop: any;
+                };
+                '& .SCGroupSubscribeButton-root': {
+                    marginTop: any;
+                };
             };
             '& .SCGroupHeader-avatar': {
                 top: number;
@@ -66,7 +74,6 @@ declare const Component: {
                 display: string;
             };
             '& .SCGroupHeader-name': {
-                marginTop: number;
                 marginBottom: any;
                 fontWeight: any;
                 fontSize: string;
@@ -96,23 +103,12 @@ declare const Component: {
                     border: string;
                 };
             };
-            '& .SCGroupHeader-section': {
+            '& .SCGroupHeader-info': {
                 display: string;
                 justifyContent: string;
-                '& .SCGroupHeader-name': {
-                    marginTop: number;
-                    textAlign: string;
-                    "& .MuiSkeleton-root": {
-                        justifyContent: string;
-                    };
-                };
-                '& .SCGroupHeader-actions': {
-                    [x: number]: {
-                        margin: any;
-                    };
-                    height: string;
-                    marginTop: any;
-                };
+                flexDirection: string;
+                alignItems: string;
+                marginTop: number;
             };
         };
     };

package/lib/cjs/components/SCGroupHeader.js

@@ -18,6 +18,7 @@ const Component = {
                 }
             },
             '& .SCGroupHeader-info': {
+                marginTop: 50,
                 display: 'flex',
                 flexDirection: 'column',
                 justifyContent: 'center',
@@ -43,6 +44,13 @@ const Component = {
                         alignItems: 'center',
                         gap: theme.spacing(0.5)
                     }
+                },
+                '& .SCEditGroupButton-root': {
+                    marginLeft: 'auto',
+                    marginTop: theme.spacing(2)
+                },
+                '& .SCGroupSubscribeButton-root': {
+                    marginTop: theme.spacing(1)
                 }
             },
             '& .SCGroupHeader-avatar': {
@@ -67,8 +75,7 @@ const Component = {
                 display: 'flex'
             },
             '& .SCGroupHeader-name': {
-                marginTop: 0.5 * theme.selfcommunity.group.avatar.sizeLarge + 8,
-                marginBottom: theme.spacing(2),
+                marginBottom: theme.spacing(1),
                 fontWeight: theme.typography.fontWeightBold,
                 fontSize: '1.429rem',
                 textAlign: 'center'
@@ -97,23 +104,12 @@ const Component = {
                     border: '#FFF solid 5px'
                 }
             },
-            '& .SCGroupHeader-section': {
+            '& .SCGroupHeader-info': {
                 display: 'flex',
                 justifyContent: 'center',
-                '& .SCGroupHeader-name': {
-                    marginTop: 50,
-                    textAlign: 'start',
-                    [`& .MuiSkeleton-root`]: {
-                        justifyContent: 'center'
-                    }
-                },
-                '& .SCGroupHeader-actions': {
-                    [theme.breakpoints.up('md')]: {
-                        margin: theme.spacing(1, 2, 2, 2)
-                    },
-                    height: 'fit-content',
-                    marginTop: theme.spacing(1)
-                }
+                flexDirection: 'column',
+                alignItems: 'center',
+                marginTop: 60
             }
         })
     }

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

@@ -1,8 +1,11 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '& .MuiIcon-root': {
-                fontSize: string;
+            '& .MuiButton-startIcon': {
+                marginRight: any;
+                '& .MuiIcon-root': {
+                    fontSize: string;
+                };
             };
         };
         dialogRoot: ({ theme }: any) => {

package/lib/cjs/components/SCGroupInviteButton.js

@@ -4,8 +4,11 @@ const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .MuiIcon-root': {
-                fontSize: '1rem !important'
+            '& .MuiButton-startIcon': {
+                marginRight: theme.spacing(0.5),
+                '& .MuiIcon-root': {
+                    fontSize: '0.75rem !important'
+                }
             }
         }),
         dialogRoot: ({ theme }) => ({

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

@@ -1,8 +1,8 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '& .SCGroupMembersWidget-button': {
-                marginTop: any;
+            '& .SCGroupMembersWidget-actions': {
+                margin: any;
             };
         };
         skeletonRoot: ({ theme }: any) => {};

package/lib/cjs/components/SCGroupMembersWidget.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .SCGroupMembersWidget-button': {
-                marginTop: theme.spacing(1)
+            '& .SCGroupMembersWidget-actions': {
+                margin: theme.spacing(0, 0, 2, 1)
             }
         }),
         skeletonRoot: ({ theme }) => ({}),

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

@@ -0,0 +1,19 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        menuRoot: ({ theme }: any) => {
+            '& .SCGroupSettingsIconButton-paper': {
+                maxWidth: number;
+                padding: any;
+            };
+        };
+        drawerRoot: ({ theme }: any) => {
+            '& .MuiList-root': {
+                '& a': {
+                    color: string;
+                };
+            };
+        };
+    };
+};
+export default Component;