@selfcommunity/react-theme-default 0.1.50-events.46 → 0.1.50-events.47

package/lib/cjs/components/SCMyEventsWidget.js

@@ -6,21 +6,10 @@ const Component = {
             '& .SCMyEventsWidget-title-wrapper': {
                 padding: `12px ${theme.spacing(2)}`
             },
-            '& .SCMyEventsWidget-content': {
-                padding: `52px ${theme.spacing(3)} 0 !important`,
-                '& .SCMyEventsWidget-first-divider': {
-                    marginTop: '18px',
-                    marginBottom: '16px'
-                },
-                '& .SCMyEventsWidget-second-divider': {
-                    marginTop: '16px',
-                    marginBottom: '18px'
-                }
-            },
             '& .SCMyEventsWidget-actions': {
                 padding: `0 ${theme.spacing(3)} 18px`,
                 justifyContent: 'center',
-                gap: '56px',
+                gap: theme.spacing(3),
                 '& .SCMyEventsWidget-arrows': {
                     width: '24px',
                     height: '24px',
@@ -33,28 +22,11 @@ const Component = {
             }
         }),
         skeletonRoot: ({ theme }) => ({
-            '& .SCMyEventsWidget-calendar': {
-                position: 'absolute',
-                bottom: '-36px',
-                left: '24px',
-                boxShadow: '0px 3px 8px #00000040'
-            },
-            '& .SCMyEventsWidget-content': {
-                padding: `52px ${theme.spacing(3)} 0 !important`,
-                '& .SCMyEventsWidget-first-divider': {
-                    marginTop: '18px',
-                    marginBottom: theme.spacing(2)
-                },
-                '& .SCMyEventsWidget-second-divider': {
-                    marginTop: theme.spacing(2),
-                    marginBottom: '18px'
-                }
-            },
             '& .SCMyEventsWidget-actions': {
-                height: '50px',
+                height: '40px',
                 padding: `0 ${theme.spacing(3)} 18px`,
                 justifyContent: 'center',
-                gap: '56px'
+                gap: theme.spacing(3)
             }
         })
     }

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

@@ -278,6 +278,21 @@ declare const Component: {
                 maxWidth: string;
             };
         };
+        eventRoot: ({ theme }: any) => {
+            '& .SCNotification-username, & a': {
+                fontWeight: any;
+            };
+            '& .SCNotificationItem-primary .MuiIcon-root': {
+                float: string;
+                fontSize: string;
+            };
+            '& .SCNotificationItem-secondary': {
+                textTransform: string;
+            };
+            '& .SCNotification-snippet-time': {
+                paddingLeft: any;
+            };
+        };
         groupRoot: ({ theme }: any) => {};
         undeletedForRoot: ({ theme }: any) => {
             '& .SCNotification-undeleted-icon': {

package/lib/cjs/components/SCNotification.js

@@ -282,6 +282,21 @@ const Component = {
                 maxWidth: '40%'
             }
         }),
+        eventRoot: ({ theme }) => ({
+            '& .SCNotification-username, & a': {
+                fontWeight: theme.typography.fontWeightBold
+            },
+            '& .SCNotificationItem-primary .MuiIcon-root': {
+                float: 'right',
+                fontSize: '18px'
+            },
+            '& .SCNotificationItem-secondary': {
+                textTransform: 'capitalize'
+            },
+            '& .SCNotification-snippet-time': {
+                paddingLeft: theme.spacing(5)
+            }
+        }),
         groupRoot: ({ theme }) => ({}),
         undeletedForRoot: ({ theme }) => ({
             '& .SCNotification-undeleted-icon': {

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

@@ -0,0 +1,64 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCSuggestedEventsWidget-content': {
+                padding: string;
+                '& .SCSuggestedEventsWidget-title': {
+                    marginBottom: string;
+                };
+                '& .SCSuggestedEventsWidget-swiper': {
+                    width: string;
+                    height: string;
+                };
+            };
+            '& .SCSuggestedEventsWidget-event': {
+                '& .SCEventInfoDetails-root': {
+                    '& h5': {
+                        fontSize: string;
+                        maxWidth: number;
+                        textOverflow: string;
+                        whiteSpace: string;
+                        overflow: string;
+                    };
+                    '& .SCEventInfoDetails-icon-text-wrapper': {
+                        '& .community-icons': {
+                            fontSize: string;
+                        };
+                        '& p': {
+                            marginTop: number;
+                            fontSize: string;
+                        };
+                    };
+                };
+            };
+            '& .SCSuggestedEventsWidget-actions': {
+                padding: string;
+                justifyContent: string;
+                '& .SCSuggestedEventsWidget-actionButton': {
+                    color: any;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCSuggestedEventsWidget-content': {
+                padding: string;
+                '& .SCSuggestedEventsWidget-title': {
+                    marginBottom: string;
+                };
+                '& .SCSuggestedEventsWidget-swiper': {
+                    width: string;
+                    height: string;
+                };
+            };
+            '& .SCSuggestedEventsWidget-actions': {
+                padding: string;
+                justifyContent: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCSuggestedEventsWidget.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCSuggestedEventsWidget-content': {
+                padding: `15px 0 ${theme.spacing()} ${theme.spacing(2)} !important`,
+                '& .SCSuggestedEventsWidget-title': {
+                    marginBottom: '11px'
+                },
+                '& .SCSuggestedEventsWidget-swiper': {
+                    width: '200px',
+                    height: 'auto'
+                }
+            },
+            '& .SCSuggestedEventsWidget-event': {
+                '& .SCEventInfoDetails-root': {
+                    '& h5': {
+                        fontSize: '1rem',
+                        maxWidth: 200,
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden'
+                    },
+                    '& .SCEventInfoDetails-icon-text-wrapper': {
+                        '& .community-icons': {
+                            fontSize: '0.9rem'
+                        },
+                        '& p': {
+                            marginTop: 1,
+                            fontSize: '0.8rem'
+                        }
+                    }
+                }
+            },
+            '& .SCSuggestedEventsWidget-actions': {
+                padding: `0 ${theme.spacing()} ${theme.spacing()}`,
+                justifyContent: 'center',
+                '& .SCSuggestedEventsWidget-actionButton': {
+                    color: theme.palette.primary.main
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCSuggestedEventsWidget-content': {
+                padding: `15px 0 ${theme.spacing()} ${theme.spacing(2)} !important`,
+                '& .SCSuggestedEventsWidget-title': {
+                    marginBottom: '11px'
+                },
+                '& .SCSuggestedEventsWidget-swiper': {
+                    width: '200px',
+                    height: 'auto'
+                }
+            },
+            '& .SCSuggestedEventsWidget-actions': {
+                padding: `0 ${theme.spacing()} ${theme.spacing()}`,
+                justifyContent: 'center'
+            }
+        })
+    }
+};
+exports.default = Component;

package/lib/cjs/index.d.ts

@@ -3334,6 +3334,15 @@ declare const theme: {
                 triggerRoot: ({ theme }: any) => {};
             };
         };
+        SCMediaEvent: {
+            styleOverrides: {
+                displayRoot: ({ theme }: any) => {
+                    '& .SCMediaEvent-event-preview': {
+                        margin: any;
+                    };
+                };
+            };
+        };
         SCNavigationSettingsIconButton: {
             styleOverrides: {
                 menuRoot: ({ theme }: any) => {
@@ -3768,6 +3777,21 @@ declare const theme: {
                         maxWidth: string;
                     };
                 };
+                eventRoot: ({ theme }: any) => {
+                    '& .SCNotification-username, & a': {
+                        fontWeight: any;
+                    };
+                    '& .SCNotificationItem-primary .MuiIcon-root': {
+                        float: string;
+                        fontSize: string;
+                    };
+                    '& .SCNotificationItem-secondary': {
+                        textTransform: string;
+                    };
+                    '& .SCNotification-snippet-time': {
+                        paddingLeft: any;
+                    };
+                };
                 groupRoot: ({ theme }: any) => {};
                 undeletedForRoot: ({ theme }: any) => {
                     '& .SCNotification-undeleted-icon': {
@@ -3827,6 +3851,9 @@ declare const theme: {
                     };
                 };
                 voteUpRoot: ({ theme }: any) => {
+                    /**
+                     * Export default theme
+                     */
                     width: string;
                     '& .SCNotification-username': {
                         fontWeight: number;
@@ -6425,8 +6452,68 @@ declare const theme: {
         };
         SCEvent: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme }: any) => {};
+                detailRoot: ({ theme }: any) => {
+                    '& .SCEvent-detail-image-wrapper': {
+                        position: string;
+                        '& .SCEvent-detail-image': {
+                            height: string;
+                        };
+                    };
+                    '& .SCEvent-detail-content': {
+                        padding: string;
+                        '& .SCEvent-detail-user': {
+                            marginTop: string;
+                            '& .SCBaseItemButton-text': {
+                                margin: number;
+                            };
+                        };
+                        '& .SCEvent-detail-name-wrapper': {
+                            textDecoration: string;
+                            color: string;
+                            '& .SCEvent-detail-name': {
+                                marginBottom: string;
+                            };
+                        };
+                        '& .SCEvent-detail-first-divider': {
+                            marginTop: string;
+                            marginBottom: any;
+                        };
+                        '& .SCEvent-detail-second-divider': {
+                            marginTop: any;
+                            marginBottom: string;
+                        };
+                    };
+                };
+                previewRoot: ({ theme }: any) => {
+                    '& .SCEvent-preview-image-wrapper': {
+                        position: string;
+                        '& .SCEvent-preview-image': {
+                            height: string;
+                        };
+                    };
+                    '& .SCEvent-preview-content': {
+                        padding: string;
+                        '& .SCEvent-detail-user': {
+                            marginTop: string;
+                            '& .SCBaseItemButton-text': {
+                                margin: number;
+                            };
+                        };
+                        '& .SCEvent-preview-name-wrapper': {
+                            textDecoration: string;
+                            color: string;
+                            '& .SCEvent-preview-name': {
+                                marginBottom: string;
+                            };
+                        };
+                    };
+                };
+                snippetRoot: ({ theme }: any) => {
                     overflow: string;
+                    boxSizing: string;
+                    paddingLeft: string;
+                    paddingRight: string;
                     '& .SCBaseItem-image': {
                         '& .MuiAvatar-root': {
                             width: number;
@@ -6438,36 +6525,121 @@ declare const theme: {
                     };
                     '& .SCBaseItem-text': {
                         fontSize: any;
-                        '& .SCEvent-primary': {
+                        '& .SCEvent-snippet-primary': {
+                            color: any;
+                            textDecoration: string;
+                            '&:hover': {
+                                textDecoration: string;
+                            };
                             '& p': {
                                 fontWeight: any;
                             };
                         };
-                        '& .SCEvent-secondary': {
+                        '& .SCEvent-snippet-secondary': {
                             color: any;
                         };
                     };
                 };
                 skeletonRoot: ({ theme }: any) => {
-                    gap: string;
-                    '& .SCBaseItem-content': {
-                        flex: number;
+                    '& .SCEvent-skeleton-detail-root': {
+                        '& .SCEvent-skeleton-detail-calendar': {
+                            position: string;
+                            bottom: string;
+                            left: string;
+                            boxShadow: string;
+                        };
+                        '& .SCEvent-skeleton-detail-content': {
+                            padding: string;
+                            '& .SCEvent-skeleton-detail-user': {
+                                marginTop: string;
+                                '& .SCBaseItemButton-text': {
+                                    margin: number;
+                                };
+                            };
+                            '& .SCEvent-skeleton-detail-name-wrapper': {
+                                textDecoration: string;
+                                color: string;
+                                '& .SCEvent-skeleton-detail-name': {
+                                    marginBottom: string;
+                                };
+                            };
+                            '& .SCEvent-skeleton-detail-first-divider': {
+                                marginTop: string;
+                                marginBottom: any;
+                            };
+                            '& .SCEvent-skeleton-detail-second-divider': {
+                                marginTop: any;
+                                marginBottom: string;
+                            };
+                        };
                     };
-                    '& .SCEvent-skeleton-image': {
-                        position: string;
-                        '& .MuiSkeleton-root': {
-                            borderRadius: string;
+                    '& .SCEvent-skeleton-preview-root': {
+                        '& .SCEvent-skeleton-preview-content': {
+                            padding: any;
                         };
-                        '& .MuiIcon-root': {
-                            color: any;
+                        '& .SCEvent-skeleton-preview-image': {
                             position: string;
-                            top: string;
-                            left: string;
-                            transform: string;
+                            '& .MuiSkeleton-root': {
+                                borderRadius: string;
+                            };
+                            '& .MuiIcon-root': {
+                                color: any;
+                                position: string;
+                                top: string;
+                                left: string;
+                                transform: string;
+                            };
+                        };
+                        '& .SCBaseItem-actions': {
+                            maxWidth: string;
                         };
                     };
-                    '& .SCBaseItem-actions': {
-                        maxWidth: string;
+                    '& .SCEvent-skeleton-snippet-root': {
+                        overflow: string;
+                        boxSizing: string;
+                        paddingLeft: string;
+                        paddingRight: string;
+                        '& .SCEvent-skeleton-snippet-image': {
+                            position: string;
+                            '& .MuiSkeleton-root': {
+                                borderRadius: string;
+                            };
+                            '& .MuiIcon-root': {
+                                color: any;
+                                position: string;
+                                top: string;
+                                left: string;
+                                transform: string;
+                            };
+                        };
+                        '& .SCBaseItem-actions': {
+                            maxWidth: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCEventActionsMenu: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                menuRoot: ({ theme }: any) => {
+                    '& .MuiDivider-root': {
+                        margin: any;
+                    };
+                    '& .MuiIcon-root': {
+                        fontSize: string;
+                    };
+                };
+                drawerRoot: ({ theme }: any) => {
+                    '& .SCEventActionsMenu-item': {
+                        paddingTop: number;
+                        paddingBottom: number;
+                    };
+                    '& .MuiDivider-root': {
+                        margin: any;
+                    };
+                    '& .MuiIcon-root': {
+                        fontSize: string;
                     };
                 };
             };
@@ -6583,7 +6755,7 @@ declare const theme: {
         };
         SCEventHeader: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme, isEventAdmin }: any) => {
                     '& .SCEventHeader-cover': {
                         [x: number]: {
                             borderRadius: any;
@@ -6635,14 +6807,19 @@ declare const theme: {
                             padding: string;
                             marginTop: any;
                             '& .SCBaseItemButton-actions': {
+                                [x: number]: {
+                                    width: string;
+                                };
                                 maxWidth: string;
-                                width: string;
                                 '& .SCEventHeader-multi-actions': {
+                                    [x: number]: {
+                                        '& .SCEventInviteButton-root': {
+                                            marginRight: any;
+                                        };
+                                    };
                                     display: string;
                                     justifyContent: string;
-                                };
-                                '& .SCEventSubscribeButton-select-root': {
-                                    float: string;
+                                    alignItems: string;
                                 };
                             };
                         };
@@ -6825,8 +7002,28 @@ declare const theme: {
                      * Style fragments - Imports - Start
                      */
                     gap: any;
+                    marginTop: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '& .MuiAvatarGroup-avatar': {
+                        width: string;
+                        height: string;
+                    };
+                    '& .SCEventPartecipantsButton-partecipants': {
+                        color: any;
+                    };
+                };
+                dialogRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCEventPartecipantsButton-infinite-scroll': {
+                        [x: number]: {
+                            height: string;
+                        };
+                        height: string;
+                    };
                 };
-                dialogRoot: () => {};
             };
         };
         SCMyEventsWidget: {
@@ -6834,27 +7031,13 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     '& .SCMyEventsWidget-title-wrapper': {
                         padding: string;
                     };
-                    '& .SCMyEventsWidget-content': {
-                        padding: string;
-                        '& .SCMyEventsWidget-first-divider': {
-                            marginTop: string;
-                            marginBottom: string;
-                        };
-                        '& .SCMyEventsWidget-second-divider': {
-                            marginTop: string;
-                            marginBottom: string;
-                        };
-                    };
                     '& .SCMyEventsWidget-actions': {
                         padding: string;
                         justifyContent: string;
-                        gap: string;
+                        gap: any;
                         '& .SCMyEventsWidget-arrows': {
                             width: string;
                             height: string;
@@ -6869,28 +7052,11 @@ declare const theme: {
                 skeletonRoot: ({ theme }: {
                     theme: any;
                 }) => {
-                    '& .SCMyEventsWidget-calendar': {
-                        position: string;
-                        bottom: string;
-                        left: string;
-                        boxShadow: string;
-                    };
-                    '& .SCMyEventsWidget-content': {
-                        padding: string;
-                        '& .SCMyEventsWidget-first-divider': {
-                            marginTop: string;
-                            marginBottom: any;
-                        };
-                        '& .SCMyEventsWidget-second-divider': {
-                            marginTop: any;
-                            marginBottom: string;
-                        };
-                    };
                     '& .SCMyEventsWidget-actions': {
                         height: string;
                         padding: string;
                         justifyContent: string;
-                        gap: string;
+                        gap: any;
                     };
                 };
             };
@@ -6979,6 +7145,69 @@ declare const theme: {
                 };
             };
         };
+        SCSuggestedEventsWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCSuggestedEventsWidget-content': {
+                        padding: string;
+                        '& .SCSuggestedEventsWidget-title': {
+                            marginBottom: string;
+                        };
+                        '& .SCSuggestedEventsWidget-swiper': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                    '& .SCSuggestedEventsWidget-event': {
+                        '& .SCEventInfoDetails-root': {
+                            '& h5': {
+                                fontSize: string;
+                                maxWidth: number;
+                                textOverflow: string;
+                                whiteSpace: string;
+                                overflow: string;
+                            };
+                            '& .SCEventInfoDetails-icon-text-wrapper': {
+                                '& .community-icons': {
+                                    fontSize: string;
+                                };
+                                '& p': {
+                                    marginTop: number;
+                                    fontSize: string;
+                                };
+                            };
+                        };
+                    };
+                    '& .SCSuggestedEventsWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                        '& .SCSuggestedEventsWidget-actionButton': {
+                            color: any;
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCSuggestedEventsWidget-content': {
+                        padding: string;
+                        '& .SCSuggestedEventsWidget-title': {
+                            marginBottom: string;
+                        };
+                        '& .SCSuggestedEventsWidget-swiper': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                    '& .SCSuggestedEventsWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                    };
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {