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

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

@@ -119,6 +119,20 @@ const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUse
 const SCChangeCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeCoverButton"));
 const SCPrivateMessageSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageSettingsIconButton"));
 const SCLanguageSwitcher_1 = tslib_1.__importDefault(require("./components/SCLanguageSwitcher"));
+const SCGroupHeader_1 = tslib_1.__importDefault(require("./components/SCGroupHeader"));
+const SCChangeGroupCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeGroupCoverButton"));
+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 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"));
+const SCGroupTemplate_1 = tslib_1.__importDefault(require("./components/SCGroupTemplate"));
+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"));
 /**
  * Style fragments - Imports - End
  */
@@ -168,7 +182,8 @@ const theme = {
         }
     },
     shape: {
-        borderRadius: 20
+        borderRadius: 20,
+        borderRadiusSm: 10
     },
     spacing: 8,
     mixins: {
@@ -297,7 +312,21 @@ const theme = {
         SCNotificationFeedTemplate: SCNotificationFeedTemplate_1.default,
         SCUserFeedTemplate: SCUserFeedTemplate_1.default,
         SCChangeCoverButton: SCChangeCoverButton_1.default,
-        SCPrivateMessageSettingsIconButton: SCPrivateMessageSettingsIconButton_1.default
+        SCPrivateMessageSettingsIconButton: SCPrivateMessageSettingsIconButton_1.default,
+        SCGroupHeader: SCGroupHeader_1.default,
+        SCChangeGroupCoverButton: SCChangeGroupCoverButton_1.default,
+        SCChangeGroupPictureButton: SCChangeGroupPictureButton_1.default,
+        SCGroupMembersButton: SCGroupMembersButton_1.default,
+        SCCreateGroupButton: SCCreateGroupButton_1.default,
+        SCCreateGroup: SCCreateGroup_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,
+        SCGroups: SCGroups_1.default
     },
     selfcommunity: {
         user: {
@@ -314,6 +343,14 @@ const theme = {
                 sizeMedium: 40,
                 sizeLarge: 50
             }
+        },
+        group: {
+            avatar: {
+                sizeSmall: 40,
+                sizeMedium: 60,
+                sizeLarge: 90,
+                sizeXLarge: 120
+            }
         }
     }
 };

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

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

package/lib/esm/components/SCChangeGroupCoverButton.js

@@ -0,0 +1,9 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(1),
+            minWidth: 'auto'
+        })
+    }
+};
+export default Component;

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

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

package/lib/esm/components/SCChangeGroupPictureButton.js

@@ -0,0 +1,9 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(1),
+            minWidth: 'auto'
+        })
+    }
+};
+export default Component;

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

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