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

package/lib/esm/index.d.ts

@@ -36,6 +36,7 @@ declare const theme: {
     };
     shape: {
         borderRadius: number;
+        borderRadiusSm: number;
     };
     spacing: number;
     mixins: {
@@ -3253,7 +3254,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;
@@ -4885,9 +4886,6 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     backgroundColor: string;
-                    '& .MuiIcon-root': {
-                        fontSize: string;
-                    };
                     '& .SCPrivateMessageEditor-message-input': {
                         width: string;
                     };
@@ -5536,6 +5534,450 @@ declare const theme: {
                 };
             };
         };
+        SCGroupHeader: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroupHeader-cover': {
+                        [x: number]: {
+                            borderRadius: any;
+                            margin?: undefined;
+                        } | {
+                            margin: any;
+                            borderRadius?: undefined;
+                        };
+                        position: string;
+                        height: number;
+                        minHeight: number;
+                        borderRadius: number;
+                        background: string;
+                        boxShadow: string;
+                    };
+                    '& .SCGroupHeader-info': {
+                        display: string;
+                        flexDirection: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        '& .SCGroupHeader-members': {
+                            marginBottom: string;
+                            '& .SCGroupHeader-members-counter': {
+                                fontSize: string;
+                                fontWeight: any;
+                                display: string;
+                            };
+                        };
+                        '& .SCGroupHeader-visibility': {
+                            display: string;
+                            justifyContent: string;
+                            alignItems: string;
+                            gap: any;
+                            '& .SCGroupHeader-visibility-item': {
+                                fontSize: any;
+                                fontWeight: any;
+                                display: string;
+                                justifyContent: string;
+                                alignItems: string;
+                                gap: any;
+                            };
+                        };
+                    };
+                    '& .SCGroupHeader-avatar': {
+                        top: number;
+                        display: string;
+                        position: string;
+                        transform: string;
+                        left: string;
+                        '& .MuiAvatar-root': {
+                            height: any;
+                            width: any;
+                            borderRadius: string;
+                            border: string;
+                            objectFit: string;
+                        };
+                    };
+                    '& .SCGroupHeader-change-picture': {
+                        top: number;
+                        left: string;
+                        transform: string;
+                        position: string;
+                        display: string;
+                    };
+                    '& .SCGroupHeader-name': {
+                        marginTop: number;
+                        marginBottom: any;
+                        fontWeight: any;
+                        fontSize: string;
+                        textAlign: string;
+                    };
+                    '& .SCGroupHeader-change-cover': {
+                        position: string;
+                        right: any;
+                        bottom: any;
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {
+                    position: string;
+                    '& .SCGroupHeader-cover': {
+                        [x: number]: {
+                            margin: any;
+                        };
+                        height: number;
+                    };
+                    '& .SCGroupHeader-avatar': {
+                        top: number;
+                        display: string;
+                        position: string;
+                        transform: string;
+                        left: string;
+                        "& .MuiSkeleton-root": {
+                            border: string;
+                        };
+                    };
+                    '& .SCGroupHeader-section': {
+                        display: string;
+                        justifyContent: string;
+                        '& .SCGroupHeader-name': {
+                            marginTop: number;
+                            textAlign: string;
+                            "& .MuiSkeleton-root": {
+                                justifyContent: string;
+                            };
+                        };
+                        '& .SCGroupHeader-actions': {
+                            [x: number]: {
+                                margin: any;
+                            };
+                            height: string;
+                            marginTop: any;
+                        };
+                    };
+                };
+            };
+        };
+        SCChangeGroupCoverButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                    minWidth: string;
+                };
+            };
+        };
+        SCChangeGroupPictureButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                    minWidth: string;
+                };
+            };
+        };
+        SCGroupMembersButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                    '& .MuiAvatarGroup-root .MuiAvatar-root': {
+                        width: any;
+                        height: any;
+                        border: string;
+                        fontSize: string;
+                        '&.MuiAvatar-colorDefault': {
+                            marginLeft: number;
+                            backgroundColor: string;
+                            color: any;
+                            border: string;
+                            borderRadius: number;
+                            padding: number;
+                        };
+                    };
+                };
+            };
+        };
+        SCCreateGroupButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .MuiIcon-root': {
+                        fontSize: string;
+                    };
+                };
+            };
+        };
+        SCCreateGroup: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCCreateGroup-cover': {
+                        position: string;
+                        height: number;
+                        minHeight: number;
+                        '& .SCCreateGroup-avatar': {
+                            top: number;
+                            display: string;
+                            position: string;
+                            transform: string;
+                            left: string;
+                            '& .MuiAvatar-root': {
+                                height: any;
+                                width: any;
+                                borderRadius: string;
+                                border: string;
+                                objectFit: string;
+                                '& img': {
+                                    height: any;
+                                    width: any;
+                                };
+                            };
+                        };
+                        '& .SCChangeGroupPictureButton-root': {
+                            top: number;
+                            left: string;
+                            transform: string;
+                            position: string;
+                            display: string;
+                        };
+                        '& .SCChangeGroupCoverButton-root': {
+                            position: string;
+                            right: any;
+                            bottom: any;
+                        };
+                    };
+                    '& .SCCreateGroup-header': {
+                        marginTop: any;
+                        color: any;
+                    };
+                    '& .SCCreateGroup-switch': {
+                        '& .MuiButtonBase-root': {
+                            '&.Mui-checked': {
+                                color: any;
+                                '& + .MuiSwitch-track': {
+                                    backgroundColor: any;
+                                };
+                            };
+                        };
+                    };
+                    '& .SCCreateGroup-switch-label': {
+                        fontWeight: any;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        gap: any;
+                    };
+                    '& .SCCreateGroup-active': {
+                        color: any;
+                    };
+                    '& .SCCreateGroup-privacy-section': {
+                        marginTop: any;
+                        '& .SCCreateGroup-privacy-section-info': {
+                            marginBottom: any;
+                        };
+                    };
+                    '& .SCCreateGroup-visibility-section-info': {
+                        marginTop: any;
+                    };
+                    '& .MuiDivider-root': {
+                        marginTop: any;
+                        border: string;
+                    };
+                    '& .SCCreateGroup-invite-section': {
+                        marginTop: any;
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                    };
+                };
+            };
+        };
+        SCGroupInviteButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .MuiIcon-root': {
+                        fontSize: string;
+                    };
+                };
+                dialogRoot: ({ theme }: any) => {
+                    '& .SCBaseDialog-title-root span ': {
+                        width: string;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        '& .SCGroupInviteButton-dialog-title': {
+                            fontWeight: any;
+                            fontSize: any;
+                        };
+                    };
+                    '& .SCGroupInviteButton-input': {
+                        backgroundColor: string;
+                        borderRadius: any;
+                        height: any;
+                        padding: any;
+                        '& .SCGroupInviteButton-icon ': {
+                            marginLeft: any;
+                        };
+                        '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                            border: string;
+                        };
+                    };
+                    '& .SCGroupInviteButton-invited-box': {
+                        marginTop: any;
+                        marginBottom: any;
+                    };
+                    '& .SCGroupInviteButton-suggested': {
+                        '& h4': {
+                            marginBottom: any;
+                        };
+                        '& .SCUser-root': {
+                            '&:hover': {
+                                backgroundColor: string;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+        SCGroupInfoWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroupInfoWidget-title': {
+                        fontWeight: any;
+                        marginBottom: any;
+                    };
+                    '& .SCGroupInfoWidget-description': {
+                        marginBottom: any;
+                    };
+                    '& .SCGroupInfoWidget-privacy': {
+                        marginBottom: any;
+                        '& .SCGroupInfoWidget-privacy-title': {
+                            color: any;
+                            fontWeight: any;
+                            display: string;
+                            alignItems: string;
+                            gap: any;
+                        };
+                    };
+                    '& .SCGroupInfoWidget-visibility-title': {
+                        color: any;
+                        fontWeight: any;
+                        display: string;
+                        alignItems: string;
+                        gap: any;
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {};
+            };
+        };
+        SCGroup: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    [x: number]: {
+                        borderRadius: any;
+                    };
+                    borderRadius: number;
+                    paddingBottom: number;
+                    overflow: string;
+                    '& .SCBaseItemButton-image': {
+                        marginRight: any;
+                        '& .MuiAvatar-root': {
+                            width: any;
+                            height: any;
+                            '& img': {
+                                borderRadius: number;
+                            };
+                        };
+                    };
+                    '& .SCBaseItemButton-primary': {
+                        fontWeight: any;
+                    };
+                    '& .SCBaseItemButton-secondary': {
+                        fontSize: string;
+                    };
+                    '& .SCGroup-actions': {
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                            color: any;
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {};
+            };
+        };
+        SCGroupTemplate: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    marginTop: number;
+                    '& .SCCategoryTemplate-feed': {
+                        marginTop: any;
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {
+                    [x: number]: {
+                        marginTop: number;
+                    };
+                    marginTop: number;
+                };
+            };
+        };
+        SCGroupFeedTemplate: {
+            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]: {
+                        marginTop: number;
+                    };
+                    marginTop: number;
+                };
+            };
+        };
+        SCGroupMembersWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroupMembersWidget-button': {
+                        marginTop: any;
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
+        SCGroupRequestsWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
+        SCGroups: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+            };
+        };
     };
     selfcommunity: {
         user: {
@@ -5553,6 +5995,14 @@ declare const theme: {
                 sizeLarge: number;
             };
         };
+        group: {
+            avatar: {
+                sizeSmall: number;
+                sizeMedium: number;
+                sizeLarge: number;
+                sizeXLarge: number;
+            };
+        };
     };
 };
 export default theme;

package/lib/esm/index.js

@@ -116,6 +116,20 @@ import SCUserFeedTemplate from './components/SCUserFeedTemplate';
 import SCChangeCoverButton from './components/SCChangeCoverButton';
 import SCPrivateMessageSettingsIconButton from './components/SCPrivateMessageSettingsIconButton';
 import SCLanguageSwitcher from './components/SCLanguageSwitcher';
+import SCGroupHeader from './components/SCGroupHeader';
+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 SCGroupInviteButton from './components/SCGroupInviteButton';
+import SCGroupInfoWidget from './components/SCGroupInfoWidget';
+import SCGroup from './components/SCGroup';
+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';
 /**
  * Style fragments - Imports - End
  */
@@ -165,7 +179,8 @@ const theme = {
         }
     },
     shape: {
-        borderRadius: 20
+        borderRadius: 20,
+        borderRadiusSm: 10
     },
     spacing: 8,
     mixins: {
@@ -294,7 +309,21 @@ const theme = {
         SCNotificationFeedTemplate,
         SCUserFeedTemplate,
         SCChangeCoverButton,
-        SCPrivateMessageSettingsIconButton
+        SCPrivateMessageSettingsIconButton,
+        SCGroupHeader,
+        SCChangeGroupCoverButton,
+        SCChangeGroupPictureButton,
+        SCGroupMembersButton,
+        SCCreateGroupButton,
+        SCCreateGroup,
+        SCGroupInviteButton,
+        SCGroupInfoWidget,
+        SCGroup,
+        SCGroupTemplate,
+        SCGroupFeedTemplate,
+        SCGroupMembersWidget,
+        SCGroupRequestsWidget,
+        SCGroups
     },
     selfcommunity: {
         user: {
@@ -311,6 +340,14 @@ const theme = {
                 sizeMedium: 40,
                 sizeLarge: 50
             }
+        },
+        group: {
+            avatar: {
+                sizeSmall: 40,
+                sizeMedium: 60,
+                sizeLarge: 90,
+                sizeXLarge: 120
+            }
         }
     }
 };