@selfcommunity/react-theme-default 0.2.0-live.81 → 0.2.0-live.86

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: theme.selfcommunity.user.avatar.sizeSmall,
-                height: theme.selfcommunity.user.avatar.sizeSmall,
-                border: '1px solid #fff',
-                fontSize: '0.76rem',
-                '&.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/SCLiveStreamRoom.d.ts

@@ -23,6 +23,9 @@ declare const Component: {
                     opacity: number;
                 };
             };
+            "& .SCLiveStreamRoom-share-link": {
+                marginTop: any;
+            };
             "& .SCLiveStreamRoom-conference": {
                 width: string;
                 display: string;

package/lib/esm/components/SCLiveStreamRoom.js

@@ -9,7 +9,7 @@ const Component = {
                 width: '100%'
             },
             [`& .SCLiveStreamRoom-prejoin`]: {
-                padding: theme.spacing(2),
+                padding: theme.spacing(),
                 display: 'grid',
                 placeItems: 'center',
                 height: '100%',
@@ -23,6 +23,9 @@ const Component = {
                     opacity: 0.5
                 }
             },
+            [`& .SCLiveStreamRoom-share-link`]: {
+                marginTop: theme.spacing(3)
+            },
             [`& .SCLiveStreamRoom-conference`]: {
                 width: '100%',
                 display: 'flex',

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

@@ -23,6 +23,9 @@ declare const Component: {
                     paddingLeft: any;
                 };
             };
+            '& .SCNavigationMenuDrawer-drawer-content': {
+                paddingTop: number;
+            };
             '& .MuiTypography-subtitle1': {
                 fontSize: string;
                 padding: any;

package/lib/esm/components/SCNavigationMenuDrawer.js

@@ -24,6 +24,9 @@ const Component = {
                     paddingLeft: theme.spacing(1.5)
                 }
             },
+            '& .SCNavigationMenuDrawer-drawer-content': {
+                paddingTop: 0
+            },
             '& .MuiTypography-subtitle1': {
                 fontSize: '1.286rem',
                 padding: theme.spacing(0, 2),

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

@@ -457,6 +457,11 @@ declare const Component: {
                 '& .SCOnBoardingWidget-app-image': {
                     width: string;
                 };
+                '& .SCOnBoardingWidget-app-image-android': {
+                    width: string;
+                    marginTop: any;
+                    marginBottom: any;
+                };
             };
             '& .SCOnBoardingWidget-app-step': {
                 marginBottom: any;

package/lib/esm/components/SCOnBoardingWidget.js

@@ -453,6 +453,11 @@ const Component = {
                 alignItems: 'center',
                 '& .SCOnBoardingWidget-app-image': {
                     width: 'auto'
+                },
+                '& .SCOnBoardingWidget-app-image-android': {
+                    width: 'auto',
+                    marginTop: theme.spacing(1),
+                    marginBottom: theme.spacing(2)
                 }
             },
             '& .SCOnBoardingWidget-app-step': {

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

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

package/lib/esm/components/SCTagAutocomplete.js

@@ -0,0 +1,6 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({})
+    }
+};
+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/components/SCVoteButton.d.ts

@@ -18,6 +18,7 @@ declare const Component: {
             };
         };
         popperRoot: ({ theme }: any) => {
+            zIndex: number;
             '& .SCVoteButton-reaction .MuiIcon-root': {
                 fontSize: string;
             };

package/lib/esm/components/SCVoteButton.js

@@ -18,6 +18,7 @@ const Component = {
             }
         }),
         popperRoot: ({ theme }) => ({
+            zIndex: 1400,
             '& .SCVoteButton-reaction .MuiIcon-root': {
                 fontSize: '22px'
             }

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: any;
-                        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;
@@ -1670,6 +1706,36 @@ declare const theme: {
                 };
             };
         };
+        SCDefaultDrawerContent: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCDefaultDrawerContent-no-results': {
+                        paddingLeft: any;
+                    };
+                    '& .SCDefaultDrawerContent-title': {
+                        paddingTop: any;
+                    };
+                    '& .SCDefaultDrawerContent-navigation': {
+                        paddingTop: any;
+                        paddingBottom: number;
+                        '& .MuiListItemButton-root': {
+                            paddingLeft: any;
+                            paddingRight: any;
+                            '& .MuiListItemText-root .MuiTypography-root': {
+                                fontWeight: number;
+                            };
+                        };
+                        '& .MuiListItemIcon-root': {
+                            minWidth: number;
+                            marginRight: any;
+                        };
+                        '& .MuiIcon-root': {
+                            fontSize: number;
+                        };
+                    };
+                };
+            };
+        };
         SCEditGroupButton: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -2124,9 +2190,11 @@ declare const theme: {
                         '& a:not(.MuiChip-clickable)': {
                             color: string;
                             textDecoration: string;
+                            display: string;
                             '&::after': {
                                 content: string;
                                 padding: any;
+                                alignSelf: string;
                             };
                             '&:last-child::after': {
                                 display: string;
@@ -2140,7 +2208,9 @@ declare const theme: {
                             };
                         };
                         '& .SCFeedObject-group, & .SCFeedObject-event': {
-                            marginRight: string;
+                            [x: number]: {
+                                marginRight: string;
+                            };
                         };
                     };
                     '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -2158,6 +2228,8 @@ declare const theme: {
                                 textTransform: string;
                             };
                         };
+                        borderBottom: string;
+                        margin: any;
                     };
                     '& .SCFeedObject-content': {
                         padding: any;
@@ -2217,21 +2289,22 @@ declare const theme: {
                         boxShadow: string;
                         borderRadius: number;
                         '& .SCFeedObject-category': {
+                            [x: number]: {
+                                justifyContent: string;
+                            };
                             borderBottom: string;
                             margin: any;
                             '& .SCFeedObject-group, & .SCFeedObject-event': {
                                 borderBottom: string;
-                                margin: any;
+                                marginTop: any;
                                 '& .MuiChip-icon': {
-                                    marginLeft: any;
-                                    marginRight: any;
                                     fontWeight: any;
                                 };
                             };
-                        };
-                        '& .SCFeedObject-group, & .SCFeedObject-event': {
-                            borderBottom: string;
-                            margin: any;
+                            '& .SCFeedObject-group .MuiChip-icon': {
+                                marginLeft: any;
+                                marginRight: any;
+                            };
                         };
                         '& .SCFeedObject-header': {
                             '& .MuiCardHeader-avatar': {
@@ -3277,23 +3350,33 @@ declare const theme: {
         };
         SCGroupMembersButton: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme, subscribers }: any) => {
                     padding: any;
-                    '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                        width: any;
-                        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: {
@@ -4369,6 +4452,9 @@ declare const theme: {
                             paddingLeft: any;
                         };
                     };
+                    '& .SCNavigationMenuDrawer-drawer-content': {
+                        paddingTop: number;
+                    };
                     '& .MuiTypography-subtitle1': {
                         fontSize: string;
                         padding: any;
@@ -5418,6 +5504,9 @@ declare const theme: {
                     };
                     '& .SCOnBoardingWidget-profile-change-picture': {
                         [x: number]: {
+                            /**
+                             * Style assets - Imports - Start
+                             */
                             top: number;
                             left: number;
                         };
@@ -5503,6 +5592,11 @@ declare const theme: {
                         '& .SCOnBoardingWidget-app-image': {
                             width: string;
                         };
+                        '& .SCOnBoardingWidget-app-image-android': {
+                            width: string;
+                            marginTop: any;
+                            marginBottom: any;
+                        };
                     };
                     '& .SCOnBoardingWidget-app-step': {
                         marginBottom: any;
@@ -6663,6 +6757,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;
                     };
@@ -6866,6 +6977,11 @@ declare const theme: {
                 dialogRoot: ({ theme }: any) => {};
             };
         };
+        SCTagAutocomplete: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+            };
+        };
         SCEventForm: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -7290,6 +7406,9 @@ declare const theme: {
                         };
                     };
                     '& .SCEvents-events': {
+                        [x: number]: {
+                            marginBottom: any;
+                        };
                         marginTop: any;
                         '& .SCEvents-item': {
                             paddingTop: any;
@@ -7315,6 +7434,9 @@ declare const theme: {
                         flexDirection: string;
                         alignItems: string;
                         '& .SCEvent-skeleton-root': {
+                            [x: number]: {
+                                width: string;
+                            };
                             marginBottom: any;
                             minWidth: string;
                         };
@@ -7451,6 +7573,8 @@ declare const theme: {
                         marginLeft: any;
                         marginBottom: any;
                         backgroundColor: any;
+                        color: any;
+                        border: string;
                         '& .SCEventHeader-chip-icon': {
                             marginLeft: any;
                         };
@@ -7527,10 +7651,6 @@ declare const theme: {
                             };
                         };
                     };
-                    '& .SCEventHeader-name': {
-                        fontWeight: any;
-                        fontSize: string;
-                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     position: string;
@@ -7642,6 +7762,9 @@ declare const theme: {
                 selectRoot: ({ theme }: {
                     theme: any;
                 }) => {
+                    [x: number]: {
+                        padding: string;
+                    };
                     backgroundColor: any;
                     justifyContent: string;
                     height: number;
@@ -7731,8 +7854,9 @@ declare const theme: {
         };
         SCEventParticipantsButton: {
             styleOverrides: {
-                root: ({ theme }: {
+                root: ({ theme, followers }: {
                     theme: any;
+                    followers: any;
                 }) => {
                     gap: any;
                     marginTop: string;
@@ -7740,10 +7864,28 @@ declare const theme: {
                     '&:hover': {
                         backgroundColor: string;
                     };
-                    '& .MuiAvatarGroup-avatar': {
-                        width: any;
-                        height: any;
-                        fontSize: string;
+                    '& .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;
+                            fontSize: string;
+                            '&:first-of-type': {
+                                width: any;
+                            };
+                            '&:not(:first-of-type)': {
+                                width: any;
+                            };
+                        };
                     };
                     '& .SCEventParticipantsButton-participants': {
                         color: any;
@@ -8099,9 +8241,6 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     '& .SCEventMembersWidget-content': {
                         padding: string;
                         '& .SCEventMembersWidget-title': {
@@ -8152,16 +8291,7 @@ declare const theme: {
                         };
                     };
                 };
-                dialogRoot: ({ theme }: {
-                    theme: any;
-                }) => {
-                    '& .SCEventMembersWidget-infinite-scroll': {
-                        [x: number]: {
-                            height: string;
-                        };
-                        height: string;
-                    };
-                };
+                dialogRoot: () => {};
             };
         };
         SCRelatedEventsWidget: {
@@ -8323,6 +8453,7 @@ declare const theme: {
                     };
                 };
                 popperRoot: ({ theme }: any) => {
+                    zIndex: number;
                     '& .SCVoteButton-reaction .MuiIcon-root': {
                         fontSize: string;
                     };
@@ -8912,6 +9043,9 @@ declare const theme: {
                             opacity: number;
                         };
                     };
+                    "& .SCLiveStreamRoom-share-link": {
+                        marginTop: any;
+                    };
                     "& .SCLiveStreamRoom-conference": {
                         width: string;
                         display: string;
@@ -9013,3 +9147,10 @@ declare const theme: {
     };
 };
 export default theme;
+/**
+ * Style assets - Exports - Start
+ */
+export { GoogleIconContained, FacebookIconContained, LinkedinIconContained, TwitterIconContained, GoogleIconOutlined, FacebookIconOutlined, LinkedinIconOutlined, TwitterIconOutlined };
+/**
+ * Style assets - Exports - End
+ */