@selfcommunity/react-theme-default 0.1.9-alpha.0 → 0.1.9-alpha.10

package/lib/cjs/index.d.ts

@@ -36,6 +36,7 @@ declare const theme: {
     };
     shape: {
         borderRadius: number;
+        borderRadiusSm: number;
     };
     spacing: number;
     mixins: {
@@ -1230,6 +1231,7 @@ declare const theme: {
                     };
                 };
                 layerCategoryRoot: ({ theme }: any) => {};
+                layerGroupRoot: ({ theme }: any) => {};
                 layerCloseRoot: ({ theme }: any) => {
                     '& .SCComposer-layer-content': {
                         '& .MuiTypography-root': {
@@ -3246,14 +3248,14 @@ declare const theme: {
                         marginRight: any;
                         '& img': {
                             verticalAlign: string;
-                            maxHeight: any;
+                            maxHeight: number;
                         };
                     };
                     '& .SCNavigationToolbar-navigation': {
                         flexGrow: number;
                         textAlign: string;
                         alignSelf: string;
-                        '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                        '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
                             paddingTop: number;
                             paddingLeft: any;
                             paddingRight: any;
@@ -4885,9 +4887,6 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     backgroundColor: string;
-                    '& .MuiIcon-root': {
-                        fontSize: string;
-                    };
                     '& .SCPrivateMessageEditor-message-input': {
                         width: string;
                     };
@@ -5536,6 +5535,495 @@ 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': {
+                        marginTop: number;
+                        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;
+                            };
+                        };
+                        '& .SCEditGroupButton-root': {
+                            marginLeft: string;
+                            marginTop: any;
+                        };
+                        '& .SCGroupSubscribeButton-root': {
+                            marginTop: 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': {
+                        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-info': {
+                        display: string;
+                        justifyContent: string;
+                        flexDirection: string;
+                        alignItems: string;
+                        marginTop: number;
+                    };
+                };
+            };
+        };
+        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) => {
+                    '& .MuiButton-startIcon': {
+                        marginRight: any;
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCGroupForm: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroupForm-cover': {
+                        position: string;
+                        height: number;
+                        minHeight: number;
+                        '& .SCGroupForm-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;
+                        };
+                    };
+                    '& .SCGroupForm-header': {
+                        marginTop: any;
+                        color: any;
+                    };
+                    '& .SCGroupForm-error': {
+                        color: any;
+                    };
+                    '& .SCGroupForm-switch': {
+                        '& .MuiButtonBase-root': {
+                            '&.Mui-checked': {
+                                color: any;
+                                '& + .MuiSwitch-track': {
+                                    backgroundColor: any;
+                                };
+                            };
+                        };
+                    };
+                    '& .SCGroupForm-switch-label': {
+                        fontWeight: any;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        gap: any;
+                    };
+                    '& .SCGroupForm-active': {
+                        color: any;
+                    };
+                    '& .SCGroupForm-privacy-section': {
+                        marginTop: any;
+                        '& .SCGroupForm-privacy-section-info': {
+                            marginBottom: any;
+                        };
+                    };
+                    '& .SCGroupForm-visibility-section-info': {
+                        marginTop: any;
+                    };
+                    '& .MuiDivider-root': {
+                        marginTop: any;
+                        border: string;
+                    };
+                    '& .SCGroupForm-invite-section': {
+                        marginTop: any;
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                    };
+                };
+            };
+        };
+        SCGroupInviteButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .MuiButton-startIcon': {
+                        marginRight: 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;
+                };
+                skeletonRoot: ({ theme }: any) => {
+                    [x: number]: {
+                        marginTop: number;
+                    };
+                    marginTop: number;
+                };
+            };
+        };
+        SCGroupMembersWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroupMembersWidget-actions': {
+                        margin: any;
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
+        SCGroupRequestsWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
+        SCGroups: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCGroups-groups': {
+                        marginTop: any;
+                        '& .SCGroups-item': {
+                            padding: any;
+                            width: string;
+                            '& > div': {
+                                cursor: string;
+                                padding: any;
+                            };
+                        };
+                    };
+                    '& .SCGroups-no-results': {
+                        display: string;
+                        flexDirection: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        '& h4': {
+                            fontWeight: any;
+                            fontSize: any;
+                        };
+                        '& .MuiTypography-body1': {
+                            fontWeight: any;
+                            fontSize: 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) => {};
+            };
+        };
+        SCGroupSettingsIconButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                menuRoot: ({ theme }: any) => {
+                    '& .SCGroupSettingsIconButton-paper': {
+                        maxWidth: number;
+                        padding: any;
+                    };
+                };
+                drawerRoot: ({ theme }: any) => {
+                    '& .MuiList-root': {
+                        '& a': {
+                            color: string;
+                        };
+                    };
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {
@@ -5553,6 +6041,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,23 @@ 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 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"));
+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"));
+const SCEditGroupButton_1 = tslib_1.__importDefault(require("./components/SCEditGroupButton"));
+const SCGroupAutocomplete_1 = tslib_1.__importDefault(require("./components/SCGroupAutocomplete"));
+const SCGroupSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCGroupSettingsIconButton"));
 /**
  * Style fragments - Imports - End
  */
@@ -168,7 +185,8 @@ const theme = {
         }
     },
     shape: {
-        borderRadius: 20
+        borderRadius: 20,
+        borderRadiusSm: 10
     },
     spacing: 8,
     mixins: {
@@ -297,7 +315,24 @@ 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,
+        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,
+        SCGroups: SCGroups_1.default,
+        SCEditGroupButton: SCEditGroupButton_1.default,
+        SCGroupAutocomplete: SCGroupAutocomplete_1.default,
+        SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default
     },
     selfcommunity: {
         user: {
@@ -314,6 +349,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/SCComposer.d.ts

@@ -170,6 +170,7 @@ declare const Component: {
             };
         };
         layerCategoryRoot: ({ theme }: any) => {};
+        layerGroupRoot: ({ theme }: any) => {};
         layerCloseRoot: ({ theme }: any) => {
             '& .SCComposer-layer-content': {
                 '& .MuiTypography-root': {