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

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

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

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

@@ -1,7 +1,27 @@
 declare const Component: {
     styleOverrides: {
-        root: ({ theme }: any) => {};
-        skeletonRoot: ({ theme }: any) => {};
+        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

@@ -1,7 +1,27 @@
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({}),
-        skeletonRoot: ({ theme }) => ({})
+        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/index.d.ts

@@ -1231,6 +1231,7 @@ declare const theme: {
                     };
                 };
                 layerCategoryRoot: ({ theme }: any) => {};
+                layerGroupRoot: ({ theme }: any) => {};
                 layerCloseRoot: ({ theme }: any) => {
                     '& .SCComposer-layer-content': {
                         '& .MuiTypography-root': {
@@ -5579,6 +5580,10 @@ declare const theme: {
                                 gap: any;
                             };
                         };
+                        '& .SCEditGroupButton-root': {
+                            marginLeft: string;
+                            marginTop: any;
+                        };
                     };
                     '& .SCGroupHeader-avatar': {
                         top: number;
@@ -5602,7 +5607,6 @@ declare const theme: {
                         display: string;
                     };
                     '& .SCGroupHeader-name': {
-                        marginTop: number;
                         marginBottom: any;
                         fontWeight: any;
                         fontSize: string;
@@ -5693,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;
@@ -5737,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;
@@ -5751,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;
@@ -5786,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) => {
@@ -5916,35 +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;
-                        };
-                    };
-                    '& .SCGroupFeedTemplate-tab-content': {
-                        '& .SCGroupFeedTemplate-members': {
-                            display: string;
-                            flexDirection: string;
-                            gap: any;
-                        };
-                    };
-                };
-                tabRoot: ({ theme }: any) => {
-                    textTransform: string;
-                    fontWeight: any;
                 };
                 skeletonRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -5957,8 +5941,8 @@ declare const theme: {
         SCGroupMembersWidget: {
             styleOverrides: {
                 root: ({ theme }: any) => {
-                    '& .SCGroupMembersWidget-button': {
-                        marginTop: any;
+                    '& .SCGroupMembersWidget-actions': {
+                        margin: any;
                     };
                 };
                 skeletonRoot: ({ theme }: any) => {};
@@ -5973,9 +5957,46 @@ declare const theme: {
             };
         };
         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) => {};
-                skeletonRoot: ({ theme }: any) => {};
             };
         };
     };

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';
@@ -130,6 +130,8 @@ 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
  */
@@ -315,7 +317,7 @@ const theme = {
         SCChangeGroupPictureButton,
         SCGroupMembersButton,
         SCCreateGroupButton,
-        SCCreateGroup,
+        SCGroupForm,
         SCGroupInviteButton,
         SCGroupInfoWidget,
         SCGroup,
@@ -323,7 +325,9 @@ const theme = {
         SCGroupFeedTemplate,
         SCGroupMembersWidget,
         SCGroupRequestsWidget,
-        SCGroups
+        SCGroups,
+        SCEditGroupButton,
+        SCGroupAutocomplete
     },
     selfcommunity: {
         user: {