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

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/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: {
@@ -5418,6 +5501,9 @@ declare const theme: {
                     };
                     '& .SCOnBoardingWidget-profile-change-picture': {
                         [x: number]: {
+                            /**
+                             * Style assets - Imports - Start
+                             */
                             top: number;
                             left: number;
                         };
@@ -5503,6 +5589,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 +6754,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 +6974,11 @@ declare const theme: {
                 dialogRoot: ({ theme }: any) => {};
             };
         };
+        SCTagAutocomplete: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+            };
+        };
         SCEventForm: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -7290,6 +7403,9 @@ declare const theme: {
                         };
                     };
                     '& .SCEvents-events': {
+                        [x: number]: {
+                            marginBottom: any;
+                        };
                         marginTop: any;
                         '& .SCEvents-item': {
                             paddingTop: any;
@@ -7315,6 +7431,9 @@ declare const theme: {
                         flexDirection: string;
                         alignItems: string;
                         '& .SCEvent-skeleton-root': {
+                            [x: number]: {
+                                width: string;
+                            };
                             marginBottom: any;
                             minWidth: string;
                         };
@@ -7451,6 +7570,8 @@ declare const theme: {
                         marginLeft: any;
                         marginBottom: any;
                         backgroundColor: any;
+                        color: any;
+                        border: string;
                         '& .SCEventHeader-chip-icon': {
                             marginLeft: any;
                         };
@@ -7527,10 +7648,6 @@ declare const theme: {
                             };
                         };
                     };
-                    '& .SCEventHeader-name': {
-                        fontWeight: any;
-                        fontSize: string;
-                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     position: string;
@@ -7642,6 +7759,9 @@ declare const theme: {
                 selectRoot: ({ theme }: {
                     theme: any;
                 }) => {
+                    [x: number]: {
+                        padding: string;
+                    };
                     backgroundColor: any;
                     justifyContent: string;
                     height: number;
@@ -7731,8 +7851,9 @@ declare const theme: {
         };
         SCEventParticipantsButton: {
             styleOverrides: {
-                root: ({ theme }: {
+                root: ({ theme, followers }: {
                     theme: any;
+                    followers: any;
                 }) => {
                     gap: any;
                     marginTop: string;
@@ -7740,10 +7861,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 +8238,6 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     '& .SCEventMembersWidget-content': {
                         padding: string;
                         '& .SCEventMembersWidget-title': {
@@ -8152,16 +8288,7 @@ declare const theme: {
                         };
                     };
                 };
-                dialogRoot: ({ theme }: {
-                    theme: any;
-                }) => {
-                    '& .SCEventMembersWidget-infinite-scroll': {
-                        [x: number]: {
-                            height: string;
-                        };
-                        height: string;
-                    };
-                };
+                dialogRoot: () => {};
             };
         };
         SCRelatedEventsWidget: {
@@ -8323,6 +8450,7 @@ declare const theme: {
                     };
                 };
                 popperRoot: ({ theme }: any) => {
+                    zIndex: number;
                     '& .SCVoteButton-reaction .MuiIcon-root': {
                         fontSize: string;
                     };
@@ -8912,6 +9040,9 @@ declare const theme: {
                             opacity: number;
                         };
                     };
+                    "& .SCLiveStreamRoom-share-link": {
+                        marginTop: any;
+                    };
                     "& .SCLiveStreamRoom-conference": {
                         width: string;
                         display: string;
@@ -9013,3 +9144,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

@@ -58,6 +58,7 @@ import SCCustomAdv from './components/SCCustomAdv';
 import SCCustomSnackMessage from './components/SCCustomSnackMessage';
 import SCDateTimeAgo from './components/SCDateTimeAgo';
 import SCDefaultHeaderContent from './components/SCDefaultHeaderContent';
+import SCDefaultDrawerContent from './components/SCDefaultDrawerContent';
 import SCEditGroupButton from './components/SCEditGroupButton';
 import SCEditor from './components/SCEditor';
 import SCEmojiPicker from './components/SCEmojiPicker';
@@ -167,12 +168,27 @@ import SCUserProfileHeader from './components/SCUserProfileHeader';
 import SCUserProfileTemplate from './components/SCUserProfileTemplate';
 import SCUserSubscribedGroupsWidget from './components/SCUserSubscribedGroupsWidget';
 import SCUserSuggestionWidget from './components/SCUserSuggestionWidget';
+import SCTagAutocomplete from './components/SCTagAutocomplete';
 import SCVoteAudienceButton from './components/SCVoteAudienceButton';
 import SCVoteButton from './components/SCVoteButton';
 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
  */
@@ -241,8 +257,6 @@ const theme = {
         MuiAppBar,
         MuiAutocomplete,
         MuiAvatar,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-        // @ts-ignore
         MuiButton,
         MuiContainer,
         MuiDialog,
@@ -292,6 +306,7 @@ const theme = {
         SCCustomSnackMessage,
         SCDateTimeAgo,
         SCDefaultHeaderContent,
+        SCDefaultDrawerContent,
         SCEditGroupButton,
         SCEditor,
         SCEmojiPicker,
@@ -375,6 +390,7 @@ const theme = {
         SCUserProfileTemplate,
         SCUserSubscribedGroupsWidget,
         SCUserSuggestionWidget,
+        SCTagAutocomplete,
         SCEventForm,
         SCEventFormDialog,
         SCCreateEventButton,
@@ -435,3 +451,10 @@ const theme = {
     }
 };
 export default theme;
+/**
+ * Style assets - Exports - Start
+ */
+export { GoogleIconContained, FacebookIconContained, LinkedinIconContained, TwitterIconContained, GoogleIconOutlined, FacebookIconOutlined, LinkedinIconOutlined, TwitterIconOutlined };
+/**
+ * Style assets - Exports - End
+ */