@selfcommunity/react-theme-default 0.4.2-alpha.1 → 0.4.2-alpha.11

package/lib/esm/components/SCEventParticipantsButton.js

@@ -7,23 +7,27 @@ const Component = {
             '&:hover': {
                 backgroundColor: 'unset'
             },
-            '& .MuiAvatarGroup-avatar': {
-                '&:first-of-type': {
-                    width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
+            '& .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
+                    }
                 },
-                '&:not(:first-of-type)': {
-                    width: theme.selfcommunity.user.avatar.sizeSmall
-                },
-                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
+                '& .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

@@ -3,16 +3,7 @@ declare const Component: {
         root: ({ theme, subscribers }: any) => {
             padding: any;
             '& .MuiAvatarGroup-root': {
-                '& .MuiAvatar-root': {
-                    '&:first-of-type': {
-                        width: any;
-                    };
-                    '&:not(:first-of-type)': {
-                        width: any;
-                    };
-                    height: any;
-                    border: string;
-                    fontSize: string;
+                '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
                     '&.MuiAvatar-colorDefault': {
                         marginLeft: number;
                         backgroundColor: string;
@@ -22,6 +13,17 @@ declare const Component: {
                         padding: number;
                     };
                 };
+                '& .MuiAvatar-root': {
+                    height: any;
+                    border: string;
+                    fontSize: string;
+                    '&:first-of-type': {
+                        width: any;
+                    };
+                    '&:not(:first-of-type)': {
+                        width: any;
+                    };
+                };
             };
         };
         dialogRoot: () => {};

package/lib/esm/components/SCGroupMembersButton.js

@@ -3,16 +3,7 @@ const Component = {
         root: ({ theme, subscribers }) => ({
             padding: theme.spacing(),
             '& .MuiAvatarGroup-root': {
-                '& .MuiAvatar-root': {
-                    '&:first-of-type': {
-                        width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
-                    },
-                    '&:not(:first-of-type)': {
-                        width: theme.selfcommunity.user.avatar.sizeSmall
-                    },
-                    height: theme.selfcommunity.user.avatar.sizeSmall,
-                    border: `1px solid ${theme.palette.common.white}`,
-                    fontSize: '0.7rem',
+                '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
                     '&.MuiAvatar-colorDefault': {
                         marginLeft: 0,
                         backgroundColor: 'transparent',
@@ -21,6 +12,17 @@ const Component = {
                         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
+                    }
                 }
             }
         }),

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
  */
@@ -711,16 +725,7 @@ declare const theme: {
                 root: ({ theme, followers }: any) => {
                     padding: any;
                     '& .MuiAvatarGroup-root': {
-                        '& .MuiAvatar-root': {
-                            '&:first-of-type': {
-                                width: any;
-                            };
-                            '&:not(:first-of-type)': {
-                                width: any;
-                            };
-                            height: any;
-                            border: string;
-                            fontSize: string;
+                        '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
                             '&.MuiAvatar-colorDefault': {
                                 marginLeft: number;
                                 backgroundColor: string;
@@ -730,6 +735,17 @@ declare const theme: {
                                 padding: number;
                             };
                         };
+                        '& .MuiAvatar-root': {
+                            height: any;
+                            border: string;
+                            fontSize: string;
+                            '&:first-of-type': {
+                                width: any;
+                            };
+                            '&:not(:first-of-type)': {
+                                width: any;
+                            };
+                        };
                     };
                 };
                 dialogRoot: () => {};
@@ -971,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;
@@ -3288,16 +3316,7 @@ declare const theme: {
                 root: ({ theme, subscribers }: any) => {
                     padding: any;
                     '& .MuiAvatarGroup-root': {
-                        '& .MuiAvatar-root': {
-                            '&:first-of-type': {
-                                width: any;
-                            };
-                            '&:not(:first-of-type)': {
-                                width: any;
-                            };
-                            height: any;
-                            border: string;
-                            fontSize: string;
+                        '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
                             '&.MuiAvatar-colorDefault': {
                                 marginLeft: number;
                                 backgroundColor: string;
@@ -3307,6 +3326,17 @@ declare const theme: {
                                 padding: number;
                             };
                         };
+                        '& .MuiAvatar-root': {
+                            height: any;
+                            border: string;
+                            fontSize: string;
+                            '&:first-of-type': {
+                                width: any;
+                            };
+                            '&:not(:first-of-type)': {
+                                width: any;
+                            };
+                        };
                     };
                 };
                 dialogRoot: () => {};
@@ -6654,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;
                     };
@@ -7286,6 +7333,9 @@ declare const theme: {
                         };
                     };
                     '& .SCEvents-events': {
+                        [x: number]: {
+                            marginBottom: any;
+                        };
                         marginTop: any;
                         '& .SCEvents-item': {
                             paddingTop: any;
@@ -7311,6 +7361,9 @@ declare const theme: {
                         flexDirection: string;
                         alignItems: string;
                         '& .SCEvent-skeleton-root': {
+                            [x: number]: {
+                                width: string;
+                            };
                             marginBottom: any;
                             minWidth: string;
                         };
@@ -7736,23 +7789,27 @@ declare const theme: {
                     '&:hover': {
                         backgroundColor: string;
                     };
-                    '& .MuiAvatarGroup-avatar': {
-                        '&:first-of-type': {
-                            width: any;
-                        };
-                        '&:not(:first-of-type)': {
-                            width: any;
+                    '& .MuiAvatarGroup-root': {
+                        '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
+                            '&.MuiAvatar-colorDefault': {
+                                marginLeft: number;
+                                backgroundColor: string;
+                                color: any;
+                                border: string;
+                                borderRadius: number;
+                                padding: number;
+                            };
                         };
-                        height: any;
-                        border: string;
-                        fontSize: string;
-                        '&.MuiAvatar-colorDefault': {
-                            marginLeft: number;
-                            backgroundColor: string;
-                            color: any;
+                        '& .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': {
@@ -7990,9 +8047,6 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     '& .SCEventMembersWidget-content': {
                         padding: string;
                         '& .SCEventMembersWidget-title': {
@@ -8043,16 +8097,7 @@ declare const theme: {
                         };
                     };
                 };
-                dialogRoot: ({ theme }: {
-                    theme: any;
-                }) => {
-                    '& .SCEventMembersWidget-infinite-scroll': {
-                        [x: number]: {
-                            height: string;
-                        };
-                        height: string;
-                    };
-                };
+                dialogRoot: () => {};
             };
         };
         SCRelatedEventsWidget: {
@@ -8438,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
  */
@@ -417,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
+ */