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

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

@@ -1,7 +1,8 @@
 declare const Component: {
     styleOverrides: {
-        root: ({ theme }: {
+        root: ({ theme, followers }: {
             theme: any;
+            followers: any;
         }) => {
             gap: any;
             marginTop: string;
@@ -9,18 +10,27 @@ declare const Component: {
             '&:hover': {
                 backgroundColor: string;
             };
-            '& .MuiAvatarGroup-avatar': {
-                width: string;
-                height: any;
-                border: string;
-                fontSize: string;
-                '&.MuiAvatar-colorDefault': {
-                    marginLeft: number;
-                    backgroundColor: string;
-                    color: any;
+            '& .MuiAvatarGroup-root': {
+                '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                    '&.MuiAvatar-colorDefault': {
+                        marginLeft: number;
+                        backgroundColor: string;
+                        color: any;
+                        border: string;
+                        borderRadius: number;
+                        padding: number;
+                    };
+                };
+                '& .MuiAvatar-root': {
+                    height: any;
                     border: string;
-                    borderRadius: number;
-                    padding: number;
+                    fontSize: string;
+                    '&:first-of-type': {
+                        width: any;
+                    };
+                    '&:not(:first-of-type)': {
+                        width: any;
+                    };
                 };
             };
             '& .SCEventParticipantsButton-participants': {

package/lib/esm/components/SCEventParticipantsButton.js

@@ -1,24 +1,33 @@
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({
+        root: ({ theme, followers }) => ({
             gap: theme.spacing(1),
             marginTop: '0 !important',
             minWidth: 'auto',
             '&:hover': {
                 backgroundColor: 'unset'
             },
-            '& .MuiAvatarGroup-avatar': {
-                width: 'auto',
-                height: theme.selfcommunity.user.avatar.sizeSmall,
-                border: `1px solid ${theme.palette.common.white}`,
-                fontSize: '0.7rem',
-                '&.MuiAvatar-colorDefault': {
-                    marginLeft: 0,
-                    backgroundColor: 'transparent',
-                    color: theme.palette.primary.main,
-                    border: '0 none',
-                    borderRadius: 0,
-                    padding: 1
+            '& .MuiAvatarGroup-root': {
+                '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                    '&.MuiAvatar-colorDefault': {
+                        marginLeft: 0,
+                        backgroundColor: 'transparent',
+                        color: theme.palette.primary.main,
+                        border: '0 none',
+                        borderRadius: 0,
+                        padding: 1
+                    }
+                },
+                '& .MuiAvatar-root': {
+                    height: theme.selfcommunity.user.avatar.sizeSmall,
+                    border: `1px solid ${theme.palette.common.white}`,
+                    fontSize: '0.7rem',
+                    '&:first-of-type': {
+                        width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
+                    },
+                    '&:not(:first-of-type)': {
+                        width: theme.selfcommunity.user.avatar.sizeSmall
+                    }
                 }
             },
             '& .SCEventParticipantsButton-participants': {

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

@@ -19,6 +19,9 @@ declare const Component: {
                 };
             };
             '& .SCEvents-events': {
+                [x: number]: {
+                    marginBottom: any;
+                };
                 marginTop: any;
                 '& .SCEvents-item': {
                     paddingTop: any;
@@ -44,6 +47,9 @@ declare const Component: {
                 flexDirection: string;
                 alignItems: string;
                 '& .SCEvent-skeleton-root': {
+                    [x: number]: {
+                        width: string;
+                    };
                     marginBottom: any;
                     minWidth: string;
                 };

package/lib/esm/components/SCEvents.js

@@ -20,6 +20,9 @@ const Component = {
             },
             '& .SCEvents-events': {
                 marginTop: theme.spacing(2),
+                [theme.breakpoints.down('md')]: {
+                    marginBottom: theme.spacing(7)
+                },
                 '& .SCEvents-item': {
                     paddingTop: theme.spacing(2)
                 },
@@ -45,7 +48,10 @@ const Component = {
                 alignItems: 'flex-start',
                 '& .SCEvent-skeleton-root': {
                     marginBottom: theme.spacing(2),
-                    minWidth: '50%'
+                    minWidth: '50%',
+                    [theme.breakpoints.down('md')]: {
+                        width: '100%'
+                    }
                 },
                 '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
                     maxWidth: '70%'

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

@@ -1,22 +1,32 @@
 declare const Component: {
     styleOverrides: {
-        root: ({ theme }: any) => {
+        root: ({ theme, subscribers }: any) => {
             padding: any;
-            '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                width: string;
-                height: any;
-                border: string;
-                fontSize: string;
-                '&.MuiAvatar-colorDefault': {
-                    marginLeft: number;
-                    backgroundColor: string;
-                    color: any;
+            '& .MuiAvatarGroup-root': {
+                '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                    '&.MuiAvatar-colorDefault': {
+                        marginLeft: number;
+                        backgroundColor: string;
+                        color: any;
+                        border: string;
+                        borderRadius: number;
+                        padding: number;
+                    };
+                };
+                '& .MuiAvatar-root': {
+                    height: any;
                     border: string;
-                    borderRadius: number;
-                    padding: number;
+                    fontSize: string;
+                    '&:first-of-type': {
+                        width: any;
+                    };
+                    '&:not(:first-of-type)': {
+                        width: any;
+                    };
                 };
             };
         };
+        dialogRoot: () => {};
     };
 };
 export default Component;

package/lib/esm/components/SCGroupMembersButton.js

@@ -1,22 +1,32 @@
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({
+        root: ({ theme, subscribers }) => ({
             padding: theme.spacing(),
-            '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                width: 'auto',
-                height: theme.selfcommunity.user.avatar.sizeSmall,
-                border: `1px solid ${theme.palette.common.white}`,
-                fontSize: '0.7rem',
-                '&.MuiAvatar-colorDefault': {
-                    marginLeft: 0,
-                    backgroundColor: 'transparent',
-                    color: theme.palette.primary.main,
-                    border: '0 none',
-                    borderRadius: 0,
-                    padding: 1
+            '& .MuiAvatarGroup-root': {
+                '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                    '&.MuiAvatar-colorDefault': {
+                        marginLeft: 0,
+                        backgroundColor: 'transparent',
+                        color: theme.palette.primary.main,
+                        border: '0 none',
+                        borderRadius: 0,
+                        padding: 1
+                    }
+                },
+                '& .MuiAvatar-root': {
+                    height: theme.selfcommunity.user.avatar.sizeSmall,
+                    border: `1px solid ${theme.palette.common.white}`,
+                    fontSize: '0.7rem',
+                    '&:first-of-type': {
+                        width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
+                    },
+                    '&:not(:first-of-type)': {
+                        width: theme.selfcommunity.user.avatar.sizeSmall
+                    }
                 }
             }
-        })
+        }),
+        dialogRoot: () => ({})
     }
 };
 export default Component;

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

@@ -35,6 +35,23 @@ declare const Component: {
                     marginBottom: any;
                 };
             };
+            '& .SCUserSocialAssociation-provider-table': {
+                backgroundColor: string;
+                border: string;
+                '& th,td': {
+                    padding: number;
+                    fontWeight: string;
+                };
+                '& td': {
+                    padding: number;
+                    '& .SCUserSocialAssociation-provider-name': {
+                        textTransform: string;
+                        position: string;
+                        top: any;
+                        left: any;
+                    };
+                };
+            };
             '& .SCUserProfileEdit-language-switcher': {
                 margin: any;
             };

package/lib/esm/components/SCUserProfileEdit.js

@@ -35,6 +35,23 @@ const Component = {
                     marginBottom: theme.spacing(2)
                 }
             },
+            '& .SCUserSocialAssociation-provider-table': {
+                backgroundColor: 'transparent',
+                border: '1px solid #3b3b3b',
+                '& th,td': {
+                    padding: 12,
+                    fontWeight: 'bold'
+                },
+                '& td': {
+                    padding: 12,
+                    '& .SCUserSocialAssociation-provider-name': {
+                        textTransform: 'capitalize',
+                        position: 'relative',
+                        top: theme.spacing(-1),
+                        left: theme.spacing()
+                    }
+                }
+            },
             '& .SCUserProfileEdit-language-switcher': {
                 margin: theme.spacing(1, 0, 1, 0)
             },

package/lib/esm/index.d.ts

@@ -4,6 +4,20 @@ import './styles/reset.css';
 /**
  * Style fragments - Imports - End
  */
+/**
+ * Style assets - Imports - Start
+ */
+import GoogleIconContained from './assets/social/contained/google';
+import FacebookIconContained from './assets/social/contained/facebook';
+import TwitterIconContained from './assets/social/contained/twitter';
+import LinkedinIconContained from './assets/social/contained/linkedin';
+import GoogleIconOutlined from './assets/social/outlined/google';
+import FacebookIconOutlined from './assets/social/outlined/facebook';
+import TwitterIconOutlined from './assets/social/outlined/twitter';
+import LinkedinIconOutlined from './assets/social/outlined/linkedin';
+/**
+ * Style assets - Imports - End
+ */
 /**
  * Export default theme
  */
@@ -708,23 +722,33 @@ declare const theme: {
         };
         SCCategoryFollowersButton: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme, followers }: any) => {
                     padding: any;
-                    '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                        width: string;
-                        height: any;
-                        border: string;
-                        fontSize: string;
-                        '&.MuiAvatar-colorDefault': {
-                            marginLeft: number;
-                            backgroundColor: string;
-                            color: any;
+                    '& .MuiAvatarGroup-root': {
+                        '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                            '&.MuiAvatar-colorDefault': {
+                                marginLeft: number;
+                                backgroundColor: string;
+                                color: any;
+                                border: string;
+                                borderRadius: number;
+                                padding: number;
+                            };
+                        };
+                        '& .MuiAvatar-root': {
+                            height: any;
                             border: string;
-                            borderRadius: number;
-                            padding: number;
+                            fontSize: string;
+                            '&:first-of-type': {
+                                width: any;
+                            };
+                            '&:not(:first-of-type)': {
+                                width: any;
+                            };
                         };
                     };
                 };
+                dialogRoot: () => {};
             };
         };
         SCCategoryHeader: {
@@ -963,6 +987,18 @@ declare const theme: {
                                 maxWidth: string;
                             };
                         };
+                        '& .SCCommentObject-flag-chip': {
+                            borderRadius: number;
+                            display: string;
+                            width: string;
+                        };
+                    };
+                    '& .SCCommentObject-collapsed': {
+                        justifyContent: string;
+                        alignItems: string;
+                        '& .MuiCardContent-root': {
+                            marginLeft: any;
+                        };
                     };
                     '& .SCCommentObject-show-more-content': {
                         color: any;
@@ -3277,23 +3313,33 @@ declare const theme: {
         };
         SCGroupMembersButton: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme, subscribers }: any) => {
                     padding: any;
-                    '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                        width: string;
-                        height: any;
-                        border: string;
-                        fontSize: string;
-                        '&.MuiAvatar-colorDefault': {
-                            marginLeft: number;
-                            backgroundColor: string;
-                            color: any;
+                    '& .MuiAvatarGroup-root': {
+                        '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                            '&.MuiAvatar-colorDefault': {
+                                marginLeft: number;
+                                backgroundColor: string;
+                                color: any;
+                                border: string;
+                                borderRadius: number;
+                                padding: number;
+                            };
+                        };
+                        '& .MuiAvatar-root': {
+                            height: any;
                             border: string;
-                            borderRadius: number;
-                            padding: number;
+                            fontSize: string;
+                            '&:first-of-type': {
+                                width: any;
+                            };
+                            '&:not(:first-of-type)': {
+                                width: any;
+                            };
                         };
                     };
                 };
+                dialogRoot: () => {};
             };
         };
         SCGroupMembersWidget: {
@@ -6638,6 +6684,23 @@ declare const theme: {
                             marginBottom: any;
                         };
                     };
+                    '& .SCUserSocialAssociation-provider-table': {
+                        backgroundColor: string;
+                        border: string;
+                        '& th,td': {
+                            padding: number;
+                            fontWeight: string;
+                        };
+                        '& td': {
+                            padding: number;
+                            '& .SCUserSocialAssociation-provider-name': {
+                                textTransform: string;
+                                position: string;
+                                top: any;
+                                left: any;
+                            };
+                        };
+                    };
                     '& .SCUserProfileEdit-language-switcher': {
                         margin: any;
                     };
@@ -7270,6 +7333,9 @@ declare const theme: {
                         };
                     };
                     '& .SCEvents-events': {
+                        [x: number]: {
+                            marginBottom: any;
+                        };
                         marginTop: any;
                         '& .SCEvents-item': {
                             paddingTop: any;
@@ -7295,6 +7361,9 @@ declare const theme: {
                         flexDirection: string;
                         alignItems: string;
                         '& .SCEvent-skeleton-root': {
+                            [x: number]: {
+                                width: string;
+                            };
                             marginBottom: any;
                             minWidth: string;
                         };
@@ -7710,30 +7779,37 @@ declare const theme: {
         };
         SCEventParticipantsButton: {
             styleOverrides: {
-                root: ({ theme }: {
+                root: ({ theme, followers }: {
                     theme: any;
+                    followers: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     gap: any;
                     marginTop: string;
                     minWidth: string;
                     '&:hover': {
                         backgroundColor: string;
                     };
-                    '& .MuiAvatarGroup-avatar': {
-                        width: string;
-                        height: any;
-                        border: string;
-                        fontSize: string;
-                        '&.MuiAvatar-colorDefault': {
-                            marginLeft: number;
-                            backgroundColor: string;
-                            color: any;
+                    '& .MuiAvatarGroup-root': {
+                        '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                            '&.MuiAvatar-colorDefault': {
+                                marginLeft: number;
+                                backgroundColor: string;
+                                color: any;
+                                border: string;
+                                borderRadius: number;
+                                padding: number;
+                            };
+                        };
+                        '& .MuiAvatar-root': {
+                            height: any;
                             border: string;
-                            borderRadius: number;
-                            padding: number;
+                            fontSize: string;
+                            '&:first-of-type': {
+                                width: any;
+                            };
+                            '&:not(:first-of-type)': {
+                                width: any;
+                            };
                         };
                     };
                     '& .SCEventParticipantsButton-participants': {
@@ -7971,9 +8047,6 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     '& .SCEventMembersWidget-content': {
                         padding: string;
                         '& .SCEventMembersWidget-title': {
@@ -8024,16 +8097,7 @@ declare const theme: {
                         };
                     };
                 };
-                dialogRoot: ({ theme }: {
-                    theme: any;
-                }) => {
-                    '& .SCEventMembersWidget-infinite-scroll': {
-                        [x: number]: {
-                            height: string;
-                        };
-                        height: string;
-                    };
-                };
+                dialogRoot: () => {};
             };
         };
         SCRelatedEventsWidget: {
@@ -8419,3 +8483,10 @@ declare const theme: {
     };
 };
 export default theme;
+/**
+ * Style assets - Exports - Start
+ */
+export { GoogleIconContained, FacebookIconContained, LinkedinIconContained, TwitterIconContained, GoogleIconOutlined, FacebookIconOutlined, LinkedinIconOutlined, TwitterIconOutlined };
+/**
+ * Style assets - Exports - End
+ */

package/lib/esm/index.js

@@ -165,6 +165,20 @@ import SCWidget from './components/SCWidget';
 /**
  * Style fragments - Imports - End
  */
+/**
+ * Style assets - Imports - Start
+ */
+import GoogleIconContained from './assets/social/contained/google';
+import FacebookIconContained from './assets/social/contained/facebook';
+import TwitterIconContained from './assets/social/contained/twitter';
+import LinkedinIconContained from './assets/social/contained/linkedin';
+import GoogleIconOutlined from './assets/social/outlined/google';
+import FacebookIconOutlined from './assets/social/outlined/facebook';
+import TwitterIconOutlined from './assets/social/outlined/twitter';
+import LinkedinIconOutlined from './assets/social/outlined/linkedin';
+/**
+ * Style assets - Imports - End
+ */
 /**
  * Export default theme
  */
@@ -233,8 +247,6 @@ const theme = {
         MuiAppBar,
         MuiAutocomplete,
         MuiAvatar,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-        // @ts-ignore
         MuiButton,
         MuiContainer,
         MuiDialog,
@@ -419,3 +431,10 @@ const theme = {
     }
 };
 export default theme;
+/**
+ * Style assets - Exports - Start
+ */
+export { GoogleIconContained, FacebookIconContained, LinkedinIconContained, TwitterIconContained, GoogleIconOutlined, FacebookIconOutlined, LinkedinIconOutlined, TwitterIconOutlined };
+/**
+ * Style assets - Exports - End
+ */