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

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

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

package/lib/esm/components/SCGroupMembersWidget.js

@@ -1,6 +1,10 @@
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({}),
+        root: ({ theme }) => ({
+            '& .SCGroupMembersWidget-actions': {
+                margin: theme.spacing(0, 0, 2, 1)
+            }
+        }),
         skeletonRoot: ({ theme }) => ({}),
         dialogRoot: ({ theme }) => ({})
     }

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

@@ -0,0 +1,27 @@
+declare const Component: {
+    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;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCGroups.js

@@ -0,0 +1,27 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCGroups-groups': {
+                marginTop: theme.spacing(3),
+                '& .SCGroups-item': {
+                    padding: theme.spacing(2),
+                    width: 'auto',
+                    '& > div': {
+                        cursor: 'default',
+                        padding: theme.spacing(1)
+                    }
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCGroups-groups': {
+                marginTop: theme.spacing(3),
+                '& .SCGroup-skeleton-root': {
+                    padding: theme.spacing(1.5),
+                    width: 'auto'
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -24,7 +24,7 @@ declare const Component: {
                 flexGrow: number;
                 textAlign: string;
                 alignSelf: string;
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
                     paddingTop: number;
                     paddingLeft: any;
                     paddingRight: any;

package/lib/esm/components/SCNavigationToolbar.js

@@ -13,7 +13,7 @@ const Component = {
                 flexGrow: 1,
                 textAlign: 'center',
                 alignSelf: 'end',
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
                     paddingTop: 12,
                     paddingLeft: theme.spacing(1),
                     paddingRight: theme.spacing(1),

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

@@ -2,9 +2,6 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             backgroundColor: string;
-            '& .MuiIcon-root': {
-                fontSize: string;
-            };
             '& .SCPrivateMessageEditor-message-input': {
                 width: string;
             };

package/lib/esm/components/SCPrivateMessageEditor.js

@@ -3,9 +3,6 @@ const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
-            '& .MuiIcon-root': {
-                fontSize: '1.57rem'
-            },
             '& .SCPrivateMessageEditor-message-input': {
                 width: '100%'
             },

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

@@ -121,7 +121,7 @@ import SCChangeGroupCoverButton from './components/SCChangeGroupCoverButton';
 import SCChangeGroupPictureButton from './components/SCChangeGroupPictureButton';
 import SCGroupMembersButton from './components/SCGroupMembersButton';
 import SCCreateGroupButton from './components/SCCreateGroupButton';
-import SCCreateGroup from './components/SCCreateGroup';
+import SCGroupForm from './components/SCGroupForm';
 import SCGroupInviteButton from './components/SCGroupInviteButton';
 import SCGroupInfoWidget from './components/SCGroupInfoWidget';
 import SCGroup from './components/SCGroup';
@@ -129,6 +129,9 @@ import SCGroupTemplate from './components/SCGroupTemplate';
 import SCGroupFeedTemplate from './components/SCGroupFeedTemplate';
 import SCGroupMembersWidget from './components/SCGroupMembersWidget';
 import SCGroupRequestsWidget from './components/SCGroupRequestsWidget';
+import SCGroups from './components/SCGroups';
+import SCEditGroupButton from './components/SCEditGroupButton';
+import SCGroupAutocomplete from './components/SCGroupAutocomplete';
 /**
  * Style fragments - Imports - End
  */
@@ -314,14 +317,17 @@ const theme = {
         SCChangeGroupPictureButton,
         SCGroupMembersButton,
         SCCreateGroupButton,
-        SCCreateGroup,
+        SCGroupForm,
         SCGroupInviteButton,
         SCGroupInfoWidget,
         SCGroup,
         SCGroupTemplate,
         SCGroupFeedTemplate,
         SCGroupMembersWidget,
-        SCGroupRequestsWidget
+        SCGroupRequestsWidget,
+        SCGroups,
+        SCEditGroupButton,
+        SCGroupAutocomplete
     },
     selfcommunity: {
         user: {