@selfcommunity/react-theme-default 0.1.9-alpha.2 → 0.1.9-alpha.4

package/lib/cjs/index.d.ts

@@ -1231,6 +1231,7 @@ declare const theme: {
                     };
                 };
                 layerCategoryRoot: ({ theme }: any) => {};
+                layerGroupRoot: ({ theme }: any) => {};
                 layerCloseRoot: ({ theme }: any) => {
                     '& .SCComposer-layer-content': {
                         '& .MuiTypography-root': {
@@ -3254,7 +3255,7 @@ declare const theme: {
                         flexGrow: number;
                         textAlign: string;
                         alignSelf: string;
-                        '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                        '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
                             paddingTop: number;
                             paddingLeft: any;
                             paddingRight: any;
@@ -4886,9 +4887,6 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     backgroundColor: string;
-                    '& .MuiIcon-root': {
-                        fontSize: string;
-                    };
                     '& .SCPrivateMessageEditor-message-input': {
                         width: string;
                     };
@@ -5582,6 +5580,10 @@ declare const theme: {
                                 gap: any;
                             };
                         };
+                        '& .SCEditGroupButton-root': {
+                            marginLeft: string;
+                            marginTop: any;
+                        };
                     };
                     '& .SCGroupHeader-avatar': {
                         top: number;
@@ -5605,7 +5607,6 @@ declare const theme: {
                         display: string;
                     };
                     '& .SCGroupHeader-name': {
-                        marginTop: number;
                         marginBottom: any;
                         fontWeight: any;
                         fontSize: string;
@@ -5696,20 +5697,23 @@ declare const theme: {
         SCCreateGroupButton: {
             styleOverrides: {
                 root: ({ theme }: any) => {
-                    '& .MuiIcon-root': {
-                        fontSize: string;
+                    '& .MuiButton-startIcon': {
+                        marginRight: any;
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                        };
                     };
                 };
             };
         };
-        SCCreateGroup: {
+        SCGroupForm: {
             styleOverrides: {
                 root: ({ theme }: any) => {
-                    '& .SCCreateGroup-cover': {
+                    '& .SCGroupForm-cover': {
                         position: string;
                         height: number;
                         minHeight: number;
-                        '& .SCCreateGroup-avatar': {
+                        '& .SCGroupForm-avatar': {
                             top: number;
                             display: string;
                             position: string;
@@ -5740,11 +5744,14 @@ declare const theme: {
                             bottom: any;
                         };
                     };
-                    '& .SCCreateGroup-header': {
+                    '& .SCGroupForm-header': {
                         marginTop: any;
                         color: any;
                     };
-                    '& .SCCreateGroup-switch': {
+                    '& .SCGroupForm-error': {
+                        color: any;
+                    };
+                    '& .SCGroupForm-switch': {
                         '& .MuiButtonBase-root': {
                             '&.Mui-checked': {
                                 color: any;
@@ -5754,30 +5761,30 @@ declare const theme: {
                             };
                         };
                     };
-                    '& .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;
@@ -5789,8 +5796,11 @@ declare const theme: {
         SCGroupInviteButton: {
             styleOverrides: {
                 root: ({ theme }: any) => {
-                    '& .MuiIcon-root': {
-                        fontSize: string;
+                    '& .MuiButton-startIcon': {
+                        marginRight: any;
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                        };
                     };
                 };
                 dialogRoot: ({ theme }: any) => {
@@ -5919,28 +5929,6 @@ declare const theme: {
             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;
-                        };
-                    };
-                };
-                tabRoot: ({ theme }: any) => {
-                    textTransform: string;
-                    fontWeight: any;
                 };
                 skeletonRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -5952,7 +5940,11 @@ declare const theme: {
         };
         SCGroupMembersWidget: {
             styleOverrides: {
-                root: ({ theme }: any) => {};
+                root: ({ theme }: any) => {
+                    '& .SCGroupMembersWidget-actions': {
+                        margin: any;
+                    };
+                };
                 skeletonRoot: ({ theme }: any) => {};
                 dialogRoot: ({ theme }: any) => {};
             };
@@ -5964,6 +5956,49 @@ declare const theme: {
                 dialogRoot: ({ theme }: any) => {};
             };
         };
+        SCGroups: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroups-groups': {
+                        marginTop: any;
+                        '& .SCGroups-item': {
+                            padding: any;
+                            width: string;
+                            '& > div': {
+                                cursor: string;
+                                padding: any;
+                            };
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {
+                    '& .SCGroups-groups': {
+                        marginTop: any;
+                        '& .SCGroup-skeleton-root': {
+                            padding: any;
+                            width: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCEditGroupButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .MuiButton-startIcon': {
+                        marginRight: any;
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCGroupAutocomplete: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -124,7 +124,7 @@ const SCChangeGroupCoverButton_1 = tslib_1.__importDefault(require("./components
 const SCChangeGroupPictureButton_1 = tslib_1.__importDefault(require("./components/SCChangeGroupPictureButton"));
 const SCGroupMembersButton_1 = tslib_1.__importDefault(require("./components/SCGroupMembersButton"));
 const SCCreateGroupButton_1 = tslib_1.__importDefault(require("./components/SCCreateGroupButton"));
-const SCCreateGroup_1 = tslib_1.__importDefault(require("./components/SCCreateGroup"));
+const SCGroupForm_1 = tslib_1.__importDefault(require("./components/SCGroupForm"));
 const SCGroupInviteButton_1 = tslib_1.__importDefault(require("./components/SCGroupInviteButton"));
 const SCGroupInfoWidget_1 = tslib_1.__importDefault(require("./components/SCGroupInfoWidget"));
 const SCGroup_1 = tslib_1.__importDefault(require("./components/SCGroup"));
@@ -132,6 +132,9 @@ const SCGroupTemplate_1 = tslib_1.__importDefault(require("./components/SCGroupT
 const SCGroupFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCGroupFeedTemplate"));
 const SCGroupMembersWidget_1 = tslib_1.__importDefault(require("./components/SCGroupMembersWidget"));
 const SCGroupRequestsWidget_1 = tslib_1.__importDefault(require("./components/SCGroupRequestsWidget"));
+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"));
 /**
  * Style fragments - Imports - End
  */
@@ -317,14 +320,17 @@ const theme = {
         SCChangeGroupPictureButton: SCChangeGroupPictureButton_1.default,
         SCGroupMembersButton: SCGroupMembersButton_1.default,
         SCCreateGroupButton: SCCreateGroupButton_1.default,
-        SCCreateGroup: SCCreateGroup_1.default,
+        SCGroupForm: SCGroupForm_1.default,
         SCGroupInviteButton: SCGroupInviteButton_1.default,
         SCGroupInfoWidget: SCGroupInfoWidget_1.default,
         SCGroup: SCGroup_1.default,
         SCGroupTemplate: SCGroupTemplate_1.default,
         SCGroupFeedTemplate: SCGroupFeedTemplate_1.default,
         SCGroupMembersWidget: SCGroupMembersWidget_1.default,
-        SCGroupRequestsWidget: SCGroupRequestsWidget_1.default
+        SCGroupRequestsWidget: SCGroupRequestsWidget_1.default,
+        SCGroups: SCGroups_1.default,
+        SCEditGroupButton: SCEditGroupButton_1.default,
+        SCGroupAutocomplete: SCGroupAutocomplete_1.default
     },
     selfcommunity: {
         user: {

package/lib/esm/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/esm/components/SCComposer.js

@@ -53,7 +53,7 @@ const Component = {
                                 left: theme.spacing(0.2),
                                 marginBottom: 0,
                                 backgroundColor: theme.palette.background.paper
-                            },
+                            }
                         }
                     }
                 },
@@ -81,7 +81,7 @@ const Component = {
                 '& .SCComposer-general-error': {
                     marginBottom: theme.spacing(2),
                     color: theme.palette.error.main
-                },
+                }
             },
             [theme.breakpoints.up('md')]: {
                 '& .MuiDialog-paper': {
@@ -96,7 +96,7 @@ const Component = {
                     '& .MuiDialogActions-root': {
                         justifyContent: 'center'
                     }
-                },
+                }
             }
         }),
         attributesRoot: ({ theme }) => ({}),
@@ -171,6 +171,7 @@ const Component = {
             }
         }),
         layerCategoryRoot: ({ theme }) => ({}),
+        layerGroupRoot: ({ theme }) => ({}),
         layerCloseRoot: ({ theme }) => ({
             '& .SCComposer-layer-content': {
                 '& .MuiTypography-root': {
@@ -210,7 +211,7 @@ const Component = {
                     paddingRight: theme.spacing(4)
                 }
             }
-        }),
+        })
     }
 };
 export default Component;

package/lib/esm/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/esm/components/SCCreateGroupButton.js

@@ -1,8 +1,11 @@
 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/esm/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/esm/components/SCEditGroupButton.js

@@ -0,0 +1,13 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .MuiButton-startIcon': {
+                marginRight: theme.spacing(0.5),
+                '& .MuiIcon-root': {
+                    fontSize: '0.75rem !important'
+                }
+            }
+        })
+    }
+};
+export default Component;

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

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

package/lib/esm/components/SCGroupAutocomplete.js

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

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

@@ -2,28 +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;
-                };
-            };
-        };
-        tabRoot: ({ theme }: any) => {
-            textTransform: string;
-            fontWeight: any;
         };
         skeletonRoot: ({ theme }: any) => {
             [x: number]: {

package/lib/esm/components/SCGroupFeedTemplate.js

@@ -1,29 +1,7 @@
 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: '30%',
-                    width: '100%',
-                    backgroundColor: theme.palette.secondary.main
-                }
-            }
-        }),
-        tabRoot: ({ theme }) => ({
-            textTransform: 'none',
-            fontWeight: theme.typography.fontWeightBold
+            marginTop: 0
         }),
         skeletonRoot: ({ theme }) => ({
             marginTop: 0,

package/lib/esm/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/esm/components/{SCCreateGroup.js → SCGroupForm.js}

@@ -2,11 +2,11 @@ import { alpha } from '@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',
@@ -37,11 +37,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,
@@ -51,30 +54,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 ${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/esm/components/SCGroupHeader.d.ts

@@ -43,6 +43,10 @@ declare const Component: {
                         gap: any;
                     };
                 };
+                '& .SCEditGroupButton-root': {
+                    marginLeft: string;
+                    marginTop: any;
+                };
             };
             '& .SCGroupHeader-avatar': {
                 top: number;
@@ -66,7 +70,6 @@ declare const Component: {
                 display: string;
             };
             '& .SCGroupHeader-name': {
-                marginTop: number;
                 marginBottom: any;
                 fontWeight: any;
                 fontSize: string;

package/lib/esm/components/SCGroupHeader.js

@@ -41,6 +41,10 @@ const Component = {
                         alignItems: 'center',
                         gap: theme.spacing(0.5)
                     }
+                },
+                '& .SCEditGroupButton-root': {
+                    marginLeft: 'auto',
+                    marginTop: theme.spacing(2)
                 }
             },
             '& .SCGroupHeader-avatar': {
@@ -65,7 +69,6 @@ const Component = {
                 display: 'flex'
             },
             '& .SCGroupHeader-name': {
-                marginTop: 0.5 * theme.selfcommunity.group.avatar.sizeLarge + 8,
                 marginBottom: theme.spacing(2),
                 fontWeight: theme.typography.fontWeightBold,
                 fontSize: '1.429rem',

package/lib/esm/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/esm/components/SCGroupInviteButton.js

@@ -2,8 +2,11 @@ import { alpha } from '@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 }) => ({