@selfcommunity/react-theme-default 0.1.0-alpha.302 → 0.1.0-alpha.303

package/lib/cjs/index.js

@@ -19,7 +19,6 @@ const SCFeedObject_1 = tslib_1.__importDefault(require("./components/SCFeedObjec
 const SCFeed_1 = tslib_1.__importDefault(require("./components/SCFeed"));
 const MuiButton_1 = tslib_1.__importDefault(require("./components/MuiButton"));
 const MuiAvatar_1 = tslib_1.__importDefault(require("./components/MuiAvatar"));
-const SCContributorsFeedObject_1 = tslib_1.__importDefault(require("./components/SCContributorsFeedObject"));
 const SCContributionActionsMenu_1 = tslib_1.__importDefault(require("./components/SCContributionActionsMenu"));
 const SCBaseItem_1 = tslib_1.__importDefault(require("./components/SCBaseItem"));
 const SCCategoryHeader_1 = tslib_1.__importDefault(require("./components/SCCategoryHeader"));
@@ -30,32 +29,23 @@ const SCCategoryTemplate_1 = tslib_1.__importDefault(require("./components/SCCat
 const SCUserProfileTemplate_1 = tslib_1.__importDefault(require("./components/SCUserProfileTemplate"));
 const SCFeedObjectDetailTemplate_1 = tslib_1.__importDefault(require("./components/SCFeedObjectDetailTemplate"));
 const SCCommentObject_1 = tslib_1.__importDefault(require("./components/SCCommentObject"));
-const SCFeedObjectDetailTemplateSkeleton_1 = tslib_1.__importDefault(require("./components/SCFeedObjectDetailTemplateSkeleton"));
 const SCCustomSnackMessage_1 = tslib_1.__importDefault(require("./components/SCCustomSnackMessage"));
-const SCCategoryTemplateSkeleton_1 = tslib_1.__importDefault(require("./components/SCCategoryTemplateSkeleton"));
-const SCPollObject_1 = tslib_1.__importDefault(require("./components/SCPollObject"));
-const SCFeedObjectSkeleton_1 = tslib_1.__importDefault(require("./components/SCFeedObjectSkeleton"));
-const SCFeedSkeleton_1 = tslib_1.__importDefault(require("./components/SCFeedSkeleton"));
 const MuiContainer_1 = tslib_1.__importDefault(require("./components/MuiContainer"));
 const SCLoyaltyProgramDetailTemplate_1 = tslib_1.__importDefault(require("./components/SCLoyaltyProgramDetailTemplate"));
-const SCLoyaltyProgramDetailTemplateSkeleton_1 = tslib_1.__importDefault(require("./components/SCLoyaltyProgramDetailTemplateSkeleton"));
 const SCPrivateMessageComponent_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageComponent"));
 const MuiDialog_1 = tslib_1.__importDefault(require("./components/MuiDialog"));
 const SCCategories_1 = tslib_1.__importDefault(require("./components/SCCategories"));
 const MuiIcon_1 = tslib_1.__importDefault(require("./components/MuiIcon"));
 const SCCategory_1 = tslib_1.__importDefault(require("./components/SCCategory"));
 const SCDateTimeAgo_1 = tslib_1.__importDefault(require("./components/SCDateTimeAgo"));
-const SCFeedRelevantActivities_1 = tslib_1.__importDefault(require("./components/SCFeedRelevantActivities"));
 const MuiIconButton_1 = tslib_1.__importDefault(require("./components/MuiIconButton"));
 const SCUser_1 = tslib_1.__importDefault(require("./components/SCUser"));
 const SCLoyaltyProgramWidget_1 = tslib_1.__importDefault(require("./components/SCLoyaltyProgramWidget"));
-const SCLoyaltyProgramWidgetSkeleton_1 = tslib_1.__importDefault(require("./components/SCLoyaltyProgramWidgetSkeleton"));
 const MuiOutlinedInput_1 = tslib_1.__importDefault(require("./components/MuiOutlinedInput"));
 const MuiSelect_1 = tslib_1.__importDefault(require("./components/MuiSelect"));
 const SCCategoryAutocomplete_1 = tslib_1.__importDefault(require("./components/SCCategoryAutocomplete"));
 const MuiAutocomplete_1 = tslib_1.__importDefault(require("./components/MuiAutocomplete"));
 const SCPreviewMediaDocument_1 = tslib_1.__importDefault(require("./components/SCPreviewMediaDocument"));
-const SCCommentObjectSkeleton_1 = tslib_1.__importDefault(require("./components/SCCommentObjectSkeleton"));
 const SCChoices_1 = tslib_1.__importDefault(require("./components/SCChoices"));
 const SCNavigationToolbar_1 = tslib_1.__importDefault(require("./components/SCNavigationToolbar"));
 const SCSearchAutocomplete_1 = tslib_1.__importDefault(require("./components/SCSearchAutocomplete"));
@@ -67,70 +57,64 @@ const SCPrivateMessageThread_1 = tslib_1.__importDefault(require("./components/S
 const SCPrivateMessageThreadItem_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageThreadItem"));
 const SCPrivateMessageSnippets_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageSnippets"));
 const SCPrivateMessageEditor_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageEditor"));
-const SCNotificationsMenu_1 = tslib_1.__importDefault(require("./components/SCNotificationsMenu"));
 const SCNotificationItem_1 = tslib_1.__importDefault(require("./components/SCNotificationItem"));
 const SCNotification_1 = tslib_1.__importDefault(require("./components/SCNotification"));
-const SCContributionNotification_1 = tslib_1.__importDefault(require("./components/SCContributionNotification"));
-const SCSnippetNotificationsSkeleton_1 = tslib_1.__importDefault(require("./components/SCSnippetNotificationsSkeleton"));
-const SCPrivateMessageComponentSkeleton_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageComponentSkeleton"));
-const SCPrivateMessageThreadSkeleton_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageThreadSkeleton"));
-const SCPrivateMessageThreadItemDialog_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageThreadItemDialog"));
 const SCLightbox_1 = tslib_1.__importDefault(require("./components/SCLightbox"));
-const SCFollowAction_1 = tslib_1.__importDefault(require("./components/SCFollowAction"));
 const SCReactionAction_1 = tslib_1.__importDefault(require("./components/SCReactionAction"));
-const SCCommentAction_1 = tslib_1.__importDefault(require("./components/SCCommentAction"));
-const SCShareAction_1 = tslib_1.__importDefault(require("./components/SCShareAction"));
-const SCVoteAction_1 = tslib_1.__importDefault(require("./components/SCVoteAction"));
-const SCCommentObjectVotes_1 = tslib_1.__importDefault(require("./components/SCCommentObjectVotes"));
-const SCActivitiesMenu_1 = tslib_1.__importDefault(require("./components/SCActivitiesMenu"));
 const MuiTooltip_1 = tslib_1.__importDefault(require("./components/MuiTooltip"));
-const SCCommentNotification_1 = tslib_1.__importDefault(require("./components/SCCommentNotification"));
 const MuiPopover_1 = tslib_1.__importDefault(require("./components/MuiPopover"));
 const SCUserActionIconButton_1 = tslib_1.__importDefault(require("./components/SCUserActionIconButton"));
 const SCNavigationSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationSettingsIconButton"));
-const SCUserInfoDialog_1 = tslib_1.__importDefault(require("./components/SCUserInfoDialog"));
 const SCUserInfo_1 = tslib_1.__importDefault(require("./components/SCUserInfo"));
 const SCUserCounters_1 = tslib_1.__importDefault(require("./components/SCUserCounters"));
 const SCUserProfileEdit_1 = tslib_1.__importDefault(require("./components/SCUserProfileEdit"));
 const SCUserProfileBlocked_1 = tslib_1.__importDefault(require("./components/SCUserProfileBlocked"));
 const SCVoteButton_1 = tslib_1.__importDefault(require("./components/SCVoteButton"));
 const SCVoteAudienceButton_1 = tslib_1.__importDefault(require("./components/SCVoteAudienceButton"));
-const SCEditorToolbarPlugin_1 = tslib_1.__importDefault(require("./components/SCEditorToolbarPlugin"));
-const SCEditorFloatingLinkPlugin_1 = tslib_1.__importDefault(require("./components/SCEditorFloatingLinkPlugin"));
 const SCCommentObjectReply_1 = tslib_1.__importDefault(require("./components/SCCommentObjectReply"));
 const SCFooter_1 = tslib_1.__importDefault(require("./components/SCFooter"));
 const SCPlatformWidget_1 = tslib_1.__importDefault(require("./components/SCPlatformWidget"));
 const SCChangePictureButton_1 = tslib_1.__importDefault(require("./components/SCChangePictureButton"));
-const SCChangePictureDialog_1 = tslib_1.__importDefault(require("./components/SCChangePictureDialog"));
-const SCEditorMentionPlugin_1 = tslib_1.__importDefault(require("./components/SCEditorMentionPlugin"));
-const SCEditorHashtagPlugin_1 = tslib_1.__importDefault(require("./components/SCEditorHashtagPlugin"));
 const SCCategoryFollowersButton_1 = tslib_1.__importDefault(require("./components/SCCategoryFollowersButton"));
 const SCFeedUpdatesWidget_1 = tslib_1.__importDefault(require("./components/SCFeedUpdatesWidget"));
 const SCIncubator_1 = tslib_1.__importDefault(require("./components/SCIncubator"));
-const SCIncubatorSkeleton_1 = tslib_1.__importDefault(require("./components/SCIncubatorSkeleton"));
 const SCIncubatorListWidget_1 = tslib_1.__importDefault(require("./components/SCIncubatorListWidget"));
 const SCIncubatorSuggestionWidget_1 = tslib_1.__importDefault(require("./components/SCIncubatorSuggestionWidget"));
-const SCPrizeItemSkeleton_1 = tslib_1.__importDefault(require("./components/SCPrizeItemSkeleton"));
 const SCIncubatorDetail_1 = tslib_1.__importDefault(require("./components/SCIncubatorDetail"));
 const MuiDrawer_1 = tslib_1.__importDefault(require("./components/MuiDrawer"));
 const SCEmojiPicker_1 = tslib_1.__importDefault(require("./components/SCEmojiPicker"));
 const SCBullet_1 = tslib_1.__importDefault(require("./components/SCBullet"));
 const SCAccountDataPortability_1 = tslib_1.__importDefault(require("./components/SCAccountDataPortability"));
 const SCAccountDelete_1 = tslib_1.__importDefault(require("./components/SCAccountDelete"));
-const SCUserProfileEditSectionAccountCredentials_1 = tslib_1.__importDefault(require("./components/SCUserProfileEditSectionAccountCredentials"));
-const SCUserProfileEditSectionAccount_1 = tslib_1.__importDefault(require("./components/SCUserProfileEditSectionAccount"));
 const SCNavigationMenuIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuIconButton"));
 const SCPreviewMediaLink_1 = tslib_1.__importDefault(require("./components/SCPreviewMediaLink"));
 const SCUserAvatar_1 = tslib_1.__importDefault(require("./components/SCUserAvatar"));
 const SCAccountReset_1 = tslib_1.__importDefault(require("./components/SCAccountReset"));
 const SCAccountChangeMailValidation_1 = tslib_1.__importDefault(require("./components/SCAccountChangeMailValidation"));
 const SCAccountVerify_1 = tslib_1.__importDefault(require("./components/SCAccountVerify"));
-const SCNavigationToolbarSkeleton_1 = tslib_1.__importDefault(require("./components/SCNavigationToolbarSkeleton"));
 const SCComposer_1 = tslib_1.__importDefault(require("./components/SCComposer"));
 const SCMediaLink_1 = tslib_1.__importDefault(require("./components/SCMediaLink"));
 const SCMediaFile_1 = tslib_1.__importDefault(require("./components/SCMediaFile"));
 const SCCategoriesPopularWidget_1 = tslib_1.__importDefault(require("./components/SCCategoriesPopularWidget"));
 const SCCategoriesSuggestionWidget_1 = tslib_1.__importDefault(require("./components/SCCategoriesSuggestionWidget"));
+const SCCategoryTrendingFeedWidget_1 = tslib_1.__importDefault(require("./components/SCCategoryTrendingFeedWidget"));
+const SCCategoryTrendingUsersWidget_1 = tslib_1.__importDefault(require("./components/SCCategoryTrendingUsersWidget"));
+const SCConsentSolution_1 = tslib_1.__importDefault(require("./components/SCConsentSolution"));
+const SCCustomAdv_1 = tslib_1.__importDefault(require("./components/SCCustomAdv"));
+const SCPollSuggestionWidget_1 = tslib_1.__importDefault(require("./components/SCPollSuggestionWidget"));
+const SCRelatedFeedObjectsWidget_1 = tslib_1.__importDefault(require("./components/SCRelatedFeedObjectsWidget"));
+const SCToastNotifications_1 = tslib_1.__importDefault(require("./components/SCToastNotifications"));
+const SCUserConnectionsRequestsSentWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsRequestsSentWidget"));
+const SCUserConnectionsRequestsWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsRequestsWidget"));
+const SCUserConnectionsWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsWidget"));
+const SCUserCategoriesFollowedWidget_1 = tslib_1.__importDefault(require("./components/SCUserCategoriesFollowedWidget"));
+const SCUserFollowedUsersWidget_1 = tslib_1.__importDefault(require("./components/SCUserFollowedUsersWidget"));
+const SCUserFollowersWidget_1 = tslib_1.__importDefault(require("./components/SCUserFollowersWidget"));
+const SCUserSuggestionWidget_1 = tslib_1.__importDefault(require("./components/SCUserSuggestionWidget"));
+const SCExploreFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCExploreFeedTemplate"));
+const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMainFeedTemplate"));
+const SCNotificationFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCNotificationFeedTemplate"));
+const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUserFeedTemplate"));
 /**
  * Style fragments - Imports - End
  */
@@ -197,7 +181,6 @@ const theme = {
         SCAccountDelete: SCAccountDelete_1.default,
         SCAccountReset: SCAccountReset_1.default,
         SCAccountVerify: SCAccountVerify_1.default,
-        SCActivitiesMenu: SCActivitiesMenu_1.default,
         SCBaseDialog: SCBaseDialog_1.default,
         SCBaseItem: SCBaseItem_1.default,
         SCBaseItemButton: SCBaseItemButton_1.default,
@@ -210,76 +193,49 @@ const theme = {
         SCCategoryFollowersButton: SCCategoryFollowersButton_1.default,
         SCCategoryHeader: SCCategoryHeader_1.default,
         SCCategoryTemplate: SCCategoryTemplate_1.default,
-        SCCategoryTemplateSkeleton: SCCategoryTemplateSkeleton_1.default,
         SCChoices: SCChoices_1.default,
-        SCCommentAction: SCCommentAction_1.default,
-        SCCommentNotification: SCCommentNotification_1.default,
         SCCommentObject: SCCommentObject_1.default,
         SCCommentObjectReply: SCCommentObjectReply_1.default,
-        SCCommentObjectSkeleton: SCCommentObjectSkeleton_1.default,
-        SCCommentObjectVotes: SCCommentObjectVotes_1.default,
         SCCommentsFeedObject: SCCommentsFeedObject_1.default,
         SCCommentsObject: SCCommentsObject_1.default,
         SCComposer: SCComposer_1.default,
         SCCategoryAutocomplete: SCCategoryAutocomplete_1.default,
-        SCContributionNotification: SCContributionNotification_1.default,
-        SCContributorsFeedObject: SCContributorsFeedObject_1.default,
         SCContributionActionsMenu: SCContributionActionsMenu_1.default,
         SCCustomSnackMessage: SCCustomSnackMessage_1.default,
         SCDateTimeAgo: SCDateTimeAgo_1.default,
         SCEditor: SCEditor_1.default,
-        SCEditorFloatingLinkPlugin: SCEditorFloatingLinkPlugin_1.default,
-        SCEditorHashtagPlugin: SCEditorHashtagPlugin_1.default,
-        SCEditorMentionPlugin: SCEditorMentionPlugin_1.default,
-        SCEditorToolbarPlugin: SCEditorToolbarPlugin_1.default,
         SCEmojiPicker: SCEmojiPicker_1.default,
         SCFeed: SCFeed_1.default,
         SCFeedObject: SCFeedObject_1.default,
         SCFeedObjectDetailTemplate: SCFeedObjectDetailTemplate_1.default,
-        SCFeedObjectDetailTemplateSkeleton: SCFeedObjectDetailTemplateSkeleton_1.default,
-        SCFeedObjectSkeleton: SCFeedObjectSkeleton_1.default,
-        SCFeedRelevantActivities: SCFeedRelevantActivities_1.default,
-        SCFeedSkeleton: SCFeedSkeleton_1.default,
         SCFeedUpdatesWidget: SCFeedUpdatesWidget_1.default,
-        SCFollowAction: SCFollowAction_1.default,
         SCFooter: SCFooter_1.default,
         SCInlineComposerWidget: SCInlineComposerWidget_1.default,
         SCLightbox: SCLightbox_1.default,
         SCLoyaltyProgramWidget: SCLoyaltyProgramWidget_1.default,
         SCLoyaltyProgramDetailTemplate: SCLoyaltyProgramDetailTemplate_1.default,
-        SCLoyaltyProgramWidgetSkeleton: SCLoyaltyProgramWidgetSkeleton_1.default,
-        SCLoyaltyProgramDetailTemplateSkeleton: SCLoyaltyProgramDetailTemplateSkeleton_1.default,
         SCMediaFile: SCMediaFile_1.default,
         SCMediaLink: SCMediaLink_1.default,
         SCNavigationSettingsIconButton: SCNavigationSettingsIconButton_1.default,
         SCNavigationToolbar: SCNavigationToolbar_1.default,
-        SCNavigationToolbarSkeleton: SCNavigationToolbarSkeleton_1.default,
         SCNavigationToolbarMobile: SCNavigationToolbarMobile_1.default,
         SCNotification: SCNotification_1.default,
         SCNotificationItem: SCNotificationItem_1.default,
-        SCNotificationsMenu: SCNotificationsMenu_1.default,
-        SCPollObject: SCPollObject_1.default,
         SCPreviewMediaDocument: SCPreviewMediaDocument_1.default,
         SCPreviewMediaLink: SCPreviewMediaLink_1.default,
         SCPrivateMessageComponent: SCPrivateMessageComponent_1.default,
         SCReactionAction: SCReactionAction_1.default,
         SCScrollContainer: SCScrollContainer_1.default,
         SCSearchAutocomplete: SCSearchAutocomplete_1.default,
-        SCShareAction: SCShareAction_1.default,
         SCSnippetNotifications: SCSnippetNotifications_1.default,
-        SCSnippetNotificationsSkeleton: SCSnippetNotificationsSkeleton_1.default,
         SCUser: SCUser_1.default,
         SCUserActionIconButton: SCUserActionIconButton_1.default,
         SCUserCounters: SCUserCounters_1.default,
         SCUserProfileBlocked: SCUserProfileBlocked_1.default,
         SCUserInfo: SCUserInfo_1.default,
-        SCUserInfoDialog: SCUserInfoDialog_1.default,
         SCUserProfileHeader: SCUserProfileHeader_1.default,
         SCUserProfileEdit: SCUserProfileEdit_1.default,
-        SCUserProfileEditSectionAccount: SCUserProfileEditSectionAccount_1.default,
-        SCUserProfileEditSectionAccountCredentials: SCUserProfileEditSectionAccountCredentials_1.default,
         SCUserProfileTemplate: SCUserProfileTemplate_1.default,
-        SCVoteAction: SCVoteAction_1.default,
         SCVoteButton: SCVoteButton_1.default,
         SCVoteAudienceButton: SCVoteAudienceButton_1.default,
         SCWidget: SCWidget_1.default,
@@ -288,22 +244,34 @@ const theme = {
         SCPrivateMessageThread: SCPrivateMessageThread_1.default,
         SCPrivateMessageThreadItem: SCPrivateMessageThreadItem_1.default,
         SCPrivateMessageEditor: SCPrivateMessageEditor_1.default,
-        SCPrivateMessageComponentSkeleton: SCPrivateMessageComponentSkeleton_1.default,
-        SCPrivateMessageThreadSkeleton: SCPrivateMessageThreadSkeleton_1.default,
-        SCPrivateMessageThreadItemDialog: SCPrivateMessageThreadItemDialog_1.default,
         SCPlatformWidget: SCPlatformWidget_1.default,
         SCChangePictureButton: SCChangePictureButton_1.default,
-        SCChangePictureDialog: SCChangePictureDialog_1.default,
         SCIncubator: SCIncubator_1.default,
         SCIncubatorListWidget: SCIncubatorListWidget_1.default,
-        SCIncubatorSkeleton: SCIncubatorSkeleton_1.default,
         SCIncubatorSuggestionWidget: SCIncubatorSuggestionWidget_1.default,
         SCIncubatorDetail: SCIncubatorDetail_1.default,
-        SCPrizeItemSkeleton: SCPrizeItemSkeleton_1.default,
         SCNavigationMenuIconButton: SCNavigationMenuIconButton_1.default,
         SCUserAvatar: SCUserAvatar_1.default,
         SCCategoriesPopularWidget: SCCategoriesPopularWidget_1.default,
-        SCCategoriesSuggestionWidget: SCCategoriesSuggestionWidget_1.default
+        SCCategoriesSuggestionWidget: SCCategoriesSuggestionWidget_1.default,
+        SCCategoryTrendingFeedWidget: SCCategoryTrendingFeedWidget_1.default,
+        SCCategoryTrendingUsersWidget: SCCategoryTrendingUsersWidget_1.default,
+        SCConsentSolution: SCConsentSolution_1.default,
+        SCCustomAdv: SCCustomAdv_1.default,
+        SCPollSuggestionWidget: SCPollSuggestionWidget_1.default,
+        SCRelatedFeedObjectsWidget: SCRelatedFeedObjectsWidget_1.default,
+        SCToastNotifications: SCToastNotifications_1.default,
+        SCUserConnectionsRequestsSentWidget: SCUserConnectionsRequestsSentWidget_1.default,
+        SCUserConnectionsRequestsWidget: SCUserConnectionsRequestsWidget_1.default,
+        SCUserConnectionsWidget: SCUserConnectionsWidget_1.default,
+        SCUserCategoriesFollowedWidget: SCUserCategoriesFollowedWidget_1.default,
+        SCUserFollowedUsersWidget: SCUserFollowedUsersWidget_1.default,
+        SCUserFollowersWidget: SCUserFollowersWidget_1.default,
+        SCUserSuggestionWidget: SCUserSuggestionWidget_1.default,
+        SCExploreFeedTemplate: SCExploreFeedTemplate_1.default,
+        SCMainFeedTemplate: SCMainFeedTemplate_1.default,
+        SCNotificationFeedTemplate: SCNotificationFeedTemplate_1.default,
+        SCUserFeedTemplate: SCUserFeedTemplate_1.default
     },
     selfcommunity: {
         user: {

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

@@ -31,7 +31,7 @@ declare const Component: {
                                 };
                             };
                         };
-                        '& .SCFeedObjectSkeleton-snippet': {
+                        '& .SCFeedObject-snippet': {
                             marginLeft: any;
                         };
                     };

package/lib/esm/components/SCBaseDialog.js

@@ -31,7 +31,7 @@ const Component = {
                                 }
                             }
                         },
-                        '& .SCFeedObjectSkeleton-snippet': {
+                        '& .SCFeedObject-snippet': {
                             marginLeft: theme.spacing(-2)
                         }
                     }

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

@@ -1,10 +1,62 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            '& .SCBroadcastMessages-box-load-more': {
+                textAlign: string;
+                '& > div': {
+                    paddingBottom: any;
+                };
+                marginBottom: any;
+            };
+            '& .SCBroadcastMessages-avatar-load-more': {
+                width: any;
+                height: any;
+                marginRight: any;
+            };
             '& .SCBroadcastMessages-button-load-more': {
                 textTransform: string;
             };
         };
+        messageRoot: ({ theme }: any) => {
+            width: string;
+            marginBottom: any;
+            '& .SCBroadcastMessages-header .MuiAvatar-img': {
+                objectFit: string;
+            };
+            '& .SCBroadcastMessages-title': {
+                padding: string;
+                paddingBottom: string;
+                paddingTop: number;
+            };
+            '& .SCBroadcastMessages-media': {
+                paddingBottom: string;
+            };
+            '& .SCBroadcastMessages-content': {
+                padding: any;
+                paddingTop: number;
+            };
+            '& .SCBroadcastMessages-list-item-snippet': {
+                padding: string;
+                alignItems: string;
+            };
+            '& .SCBroadcastMessages-list-item-snippet-new': {
+                borderLeft: string;
+            };
+            '& .SCBroadcastMessages-flag-icon-wrap': {
+                minWidth: string;
+                paddingRight: number;
+            };
+            '& .SCBroadcastMessages-flag-icon-snippet': {
+                backgroundColor: "#f44336";
+                color: string;
+                width: number;
+                height: number;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {};
+        messageSkeletonRoot: ({ theme }: any) => {
+            marginBottom: any;
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCBroadcastMessages.js

@@ -1,9 +1,64 @@
+import { red } from '@mui/material/colors';
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            '& .SCBroadcastMessages-box-load-more': {
+                textAlign: 'center',
+                '& > div': {
+                    paddingBottom: theme.spacing(2)
+                },
+                marginBottom: theme.spacing(2)
+            },
+            '& .SCBroadcastMessages-avatar-load-more': {
+                width: theme.spacing(4),
+                height: theme.spacing(4),
+                marginRight: theme.spacing()
+            },
             '& .SCBroadcastMessages-button-load-more': {
                 textTransform: 'initial'
+                // textTransform: 'capitalize',
+                // marginLeft: -10
             }
+        }),
+        messageRoot: ({ theme }) => ({
+            width: '100%',
+            marginBottom: theme.spacing(2),
+            '& .SCBroadcastMessages-header .MuiAvatar-img': {
+                objectFit: 'fill'
+            },
+            '& .SCBroadcastMessages-title': {
+                padding: `${theme.spacing(2)}`,
+                paddingBottom: `${theme.spacing()}`,
+                paddingTop: 0
+            },
+            '& .SCBroadcastMessages-media': {
+                paddingBottom: `${theme.spacing(2)}`
+            },
+            '& .SCBroadcastMessages-content': {
+                padding: theme.spacing(2),
+                paddingTop: 0
+            },
+            '& .SCBroadcastMessages-list-item-snippet': {
+                padding: '0px 5px',
+                alignItems: 'center'
+            },
+            '& .SCBroadcastMessages-list-item-snippet-new': {
+                borderLeft: '2px solid red'
+            },
+            '& .SCBroadcastMessages-flag-icon-wrap': {
+                minWidth: 'auto',
+                paddingRight: 10
+            },
+            '& .SCBroadcastMessages-flag-icon-snippet': {
+                backgroundColor: red[500],
+                color: '#FFF',
+                width: 30,
+                height: 30
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({}),
+        messageSkeletonRoot: ({ theme }) => ({
+            marginBottom: theme.spacing(2)
         })
     }
 };

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

@@ -5,6 +5,9 @@ declare const Component: {
                 paddingTop: number;
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            marginTop: any;
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCCategoryFeedTemplate.js

@@ -4,6 +4,9 @@ const Component = {
             '& .SCFeed-root > MuiGrid-item': {
                 paddingTop: 0
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            marginTop: theme.spacing(2)
         })
     }
 };

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

@@ -56,6 +56,7 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;

package/lib/esm/components/SCCategoryHeader.js

@@ -55,7 +55,8 @@ const Component = {
                     }
                 }
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 export default Component;

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

@@ -5,6 +5,15 @@ declare const Component: {
                 marginTop: any;
             };
             marginTop: number;
+            '& .SCCategoryTemplate-feed': {
+                marginTop: any;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            [x: number]: {
+                marginTop: number;
+            };
+            marginTop: number;
         };
     };
 };

package/lib/esm/components/SCCategoryTemplate.js

@@ -4,6 +4,15 @@ const Component = {
             marginTop: 0,
             [theme.breakpoints.up('md')]: {
                 marginTop: theme.spacing(4)
+            },
+            '& .SCCategoryTemplate-feed': {
+                marginTop: theme.spacing(2)
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            marginTop: 0,
+            [theme.breakpoints.up('md')]: {
+                marginTop: 30
             }
         })
     }

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

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

package/lib/esm/components/SCCategoryTrendingFeedWidget.js

@@ -0,0 +1,10 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginBottom: theme.spacing(2)
+        }),
+        dialogRoot: ({ theme }) => ({})
+    }
+};
+export default Component;

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

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

package/lib/esm/components/SCCategoryTrendingUsersWidget.js

@@ -0,0 +1,10 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginBottom: theme.spacing(2)
+        }),
+        dialogRoot: ({ theme }) => ({})
+    }
+};
+export default Component;

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

@@ -4,6 +4,22 @@ declare const Component: {
             padding: any;
             minWidth: string;
         };
+        dialogRoot: ({ theme }: any) => {
+            '& .MuiDialogContent-root': {
+                paddingLeft: any;
+            };
+            '& .SCChangePictureButton-images-list': {
+                maxHeight: number;
+            };
+            '& .SCChangePictureButton-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: any;
+                };
+                '& .SCChangePictureButton-primary': {
+                    border: string;
+                };
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCChangePictureButton.js

@@ -3,6 +3,22 @@ const Component = {
         root: ({ theme }) => ({
             padding: theme.spacing(1),
             minWidth: 'auto'
+        }),
+        dialogRoot: ({ theme }) => ({
+            '& .MuiDialogContent-root': {
+                paddingLeft: theme.spacing(2)
+            },
+            '& .SCChangePictureButton-images-list': {
+                maxHeight: 500
+            },
+            '& .SCChangePictureButton-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: theme.palette.common.white
+                },
+                '& .SCChangePictureButton-primary': {
+                    border: 'solid'
+                }
+            }
         })
     }
 };

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

@@ -142,6 +142,31 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            paddingBottom: any;
+            overflow: string;
+            '& > div': {
+                alignItems: string;
+            };
+            '& .SCCommentObject-avatar': {
+                top: any;
+            };
+            '& .SCCommentObject-primary-content': {
+                marginBottom: any;
+            };
+            '&.SCWidget-root': {
+                '& .SCBaseItem-text': {
+                    marginBottom: number;
+                    '& > .SCWidget-root': {
+                        borderRadius: number;
+                        borderColor: string;
+                    };
+                    '& .MuiCardContent-root': {
+                        padding: any;
+                    };
+                };
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCCommentObject.js

@@ -142,6 +142,31 @@ const Component = {
                     }
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            paddingBottom: theme.spacing(),
+            overflow: 'visible',
+            '& > div': {
+                alignItems: 'flex-start'
+            },
+            '& .SCCommentObject-avatar': {
+                top: theme.spacing()
+            },
+            '& .SCCommentObject-primary-content': {
+                marginBottom: theme.spacing()
+            },
+            '&.SCWidget-root': {
+                '& .SCBaseItem-text': {
+                    marginBottom: 0,
+                    '& > .SCWidget-root': {
+                        borderRadius: theme.shape.borderRadius * 0.5,
+                        borderColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)
+                    },
+                    '& .MuiCardContent-root': {
+                        padding: theme.spacing(1)
+                    }
+                }
+            }
         })
     }
 };