@selfcommunity/react-theme-default 0.2.0-live.80 → 0.2.0-live.85

package/lib/cjs/components/SCFeedObject.d.ts

@@ -44,9 +44,11 @@ declare const Component: {
                 '& a:not(.MuiChip-clickable)': {
                     color: string;
                     textDecoration: string;
+                    display: string;
                     '&::after': {
                         content: string;
                         padding: any;
+                        alignSelf: string;
                     };
                     '&:last-child::after': {
                         display: string;
@@ -60,7 +62,9 @@ declare const Component: {
                     };
                 };
                 '& .SCFeedObject-group, & .SCFeedObject-event': {
-                    marginRight: string;
+                    [x: number]: {
+                        marginRight: string;
+                    };
                 };
             };
             '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -78,6 +82,8 @@ declare const Component: {
                         textTransform: string;
                     };
                 };
+                borderBottom: string;
+                margin: any;
             };
             '& .SCFeedObject-content': {
                 padding: any;
@@ -137,21 +143,22 @@ declare const Component: {
                 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': {

package/lib/cjs/components/SCFeedObject.js

@@ -47,9 +47,11 @@ const Component = {
                 '& a:not(.MuiChip-clickable)': {
                     color: 'inherit',
                     textDecoration: 'none',
+                    display: 'inline-flex',
                     '&::after': {
                         content: '"\\2022"',
-                        padding: theme.spacing()
+                        padding: theme.spacing(),
+                        alignSelf: 'center'
                     },
                     '&:last-child::after': {
                         display: 'none'
@@ -63,7 +65,9 @@ const Component = {
                     }
                 },
                 '& .SCFeedObject-group, & .SCFeedObject-event': {
-                    marginRight: `${theme.spacing(1)} !important`
+                    [theme.breakpoints.up('sm')]: {
+                        marginRight: `${theme.spacing(1)} !important`
+                    }
                 }
             },
             '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -80,7 +84,9 @@ const Component = {
                         color: theme.palette.common.white,
                         textTransform: 'initial'
                     }
-                }
+                },
+                borderBottom: '1px solid rgba(221, 221, 221, 1)',
+                margin: theme.spacing(1, 2, 0, 2)
             },
             '& .SCFeedObject-content': {
                 padding: theme.spacing(1, 0, 0, 0),
@@ -144,18 +150,19 @@ const Component = {
                     margin: theme.spacing(0, 2),
                     '& .SCFeedObject-group, & .SCFeedObject-event': {
                         borderBottom: 'none',
-                        margin: theme.spacing(0),
+                        marginTop: theme.spacing(0.5),
                         '& .MuiChip-icon': {
-                            marginLeft: theme.spacing(1),
-                            marginRight: theme.spacing(-1),
                             fontWeight: theme.typography.fontWeightRegular
                         }
+                    },
+                    '& .SCFeedObject-group .MuiChip-icon': {
+                        marginLeft: theme.spacing(1),
+                        marginRight: theme.spacing(-1)
+                    },
+                    [theme.breakpoints.down('md')]: {
+                        justifyContent: 'space-evenly'
                     }
                 },
-                '& .SCFeedObject-group, & .SCFeedObject-event': {
-                    borderBottom: '1px solid rgba(221, 221, 221, 1)',
-                    margin: theme.spacing(1, 2, 0, 2)
-                },
                 '& .SCFeedObject-header': {
                     '& .MuiCardHeader-avatar': {
                         marginRight: theme.spacing(1.5),

package/lib/cjs/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: 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: () => {};
     };
 };
 export default Component;

package/lib/cjs/components/SCGroupMembersButton.js

@@ -2,23 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 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: () => ({})
     }
 };
 exports.default = Component;

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

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

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

@@ -455,6 +455,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/cjs/components/SCTagAutocomplete.d.ts

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

package/lib/cjs/components/SCTagAutocomplete.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({})
+    }
+};
+exports.default = Component;

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

@@ -37,6 +37,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/cjs/components/SCVoteButton.d.ts

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

package/lib/cjs/components/SCVoteButton.js

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