@selfcommunity/react-theme-default 0.1.50-event.30 → 0.1.50-events.100

package/lib/cjs/components/SCEventParticipantsButton.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            gap: theme.spacing(1),
+            marginTop: '0 !important',
+            minWidth: 'auto',
+            '&:hover': {
+                backgroundColor: 'unset'
+            },
+            '& .MuiAvatarGroup-avatar': {
+                width: theme.selfcommunity.user.avatar.sizeSmall,
+                height: theme.selfcommunity.user.avatar.sizeSmall,
+                fontSize: '0.8rem'
+            },
+            '& .SCEventParticipantsButton-participants': {
+                color: theme.palette.grey[600]
+            }
+        }),
+        dialogRoot: ({ theme }) => ({
+            '& .SCEventParticipantsButton-infinite-scroll': {
+                height: '400px !important',
+                [theme.breakpoints.down('md')]: {
+                    height: '100%'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,87 @@
+declare const Component: {
+    styleOverrides: {
+        selectRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            backgroundColor: any;
+            justifyContent: string;
+            height: number;
+            borderRadius: string;
+            '&:hover, &:active': {
+                backgroundColor: any;
+                color: any;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+            };
+            '&.SCEventSubscribeButton-going': {
+                backgroundColor: string;
+                color: any;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+                '&:hover': {
+                    backgroundColor: any;
+                    color: any;
+                    '& .MuiIcon-root': {
+                        color: any;
+                    };
+                };
+            };
+            '&.SCEventSubscribeButton-not-going': {
+                backgroundColor: any;
+                color: any;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+                '&:hover': {
+                    backgroundColor: any;
+                    color: any;
+                    '& .MuiIcon-root': {
+                        color: any;
+                    };
+                };
+            };
+        };
+        requestRoot: ({}: {}) => {};
+        menuRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .MuiPaper-root': {
+                width: number;
+                borderRadius: string;
+                '& .MuiList-root .SCEventSubscribeButton-item': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    '& .Mui-checked .MuiSvgIcon-root': {
+                        color: any;
+                    };
+                    '& > .MuiFormControlLabel-root': {
+                        width: string;
+                        marginLeft: number;
+                        justifyContent: string;
+                    };
+                };
+            };
+        };
+        drawerRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .MuiPaper-root': {
+                '& .SCEventSubscribeButton-item': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    '& .Mui-checked .MuiSvgIcon-root': {
+                        color: any;
+                    };
+                    '& > .MuiFormControlLabel-root': {
+                        width: string;
+                        marginLeft: number;
+                        justifyContent: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCEventSubscribeButton.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        selectRoot: ({ theme }) => ({
+            backgroundColor: theme.palette.grey['A200'],
+            justifyContent: 'space-between',
+            height: 33,
+            borderRadius: '5px',
+            '&:hover, &:active': {
+                backgroundColor: theme.palette.common.black,
+                color: theme.palette.common.white,
+                '& .MuiIcon-root': {
+                    color: theme.palette.common.white
+                }
+            },
+            '&.SCEventSubscribeButton-going': {
+                backgroundColor: `${theme.palette.success.dark} !important`,
+                color: theme.palette.common.white,
+                '& .MuiIcon-root': {
+                    color: theme.palette.common.white
+                },
+                '&:hover': {
+                    backgroundColor: theme.palette.success.dark,
+                    color: theme.palette.common.white,
+                    '& .MuiIcon-root': {
+                        color: theme.palette.common.white
+                    }
+                }
+            },
+            '&.SCEventSubscribeButton-not-going': {
+                backgroundColor: theme.palette.error.dark,
+                color: theme.palette.common.white,
+                '& .MuiIcon-root': {
+                    color: theme.palette.common.white
+                },
+                '&:hover': {
+                    backgroundColor: theme.palette.error.dark,
+                    color: theme.palette.common.white,
+                    '& .MuiIcon-root': {
+                        color: theme.palette.common.white
+                    }
+                }
+            }
+        }),
+        requestRoot: ({}) => ({}),
+        menuRoot: ({ theme }) => ({
+            '& .MuiPaper-root': {
+                width: 195,
+                borderRadius: '5px',
+                '& .MuiList-root .SCEventSubscribeButton-item': {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    '& .Mui-checked .MuiSvgIcon-root': {
+                        color: theme.palette.success.main
+                    },
+                    '& > .MuiFormControlLabel-root': {
+                        width: '100%',
+                        marginLeft: 0,
+                        justifyContent: 'space-between'
+                    }
+                }
+            }
+        }),
+        drawerRoot: ({ theme }) => ({
+            '& .MuiPaper-root': {
+                '& .SCEventSubscribeButton-item': {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    '& .Mui-checked .MuiSvgIcon-root': {
+                        color: theme.palette.success.main
+                    },
+                    '& > .MuiFormControlLabel-root': {
+                        width: '100%',
+                        marginLeft: 0,
+                        justifyContent: 'space-between'
+                    }
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -8,19 +8,35 @@ declare const Component: {
             };
             '& .SCEvents-events': {
                 marginTop: any;
-                '& .SCEvents-item': {};
-                '& .SCEvent-skeleton-root': {
-                    padding: any;
+                '& .SCEvents-item': {
+                    paddingTop: any;
+                };
+                '& .SCEvents-item-skeleton': {
+                    paddingTop: any;
+                };
+                '& .SCBaseItem-root': {
+                    display: string;
+                    justifyContent: string;
+                };
+                '& .SCEvent-skeleton-preview-name': {
+                    marginTop: number;
+                    marginBottom: number;
+                };
+                '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
+                    maxWidth: string;
                 };
             };
             '& .SCEvents-no-results': {
-                maxWidth: string;
                 marginTop: any;
                 display: string;
                 flexDirection: string;
                 alignItems: string;
                 '& .SCEvent-skeleton-root': {
                     marginBottom: any;
+                    minWidth: string;
+                };
+                '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
+                    maxWidth: string;
                 };
                 '& .MuiTypography-body1': {
                     fontWeight: any;
@@ -41,7 +57,7 @@ declare const Component: {
                 marginTop: any;
             };
         };
-        chipRoot: ({ theme, selected }: any) => {
+        eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
             height: any;
             borderRadius: any;
             color: any;

package/lib/cjs/components/SCEvents.js

@@ -10,19 +10,35 @@ const Component = {
             },
             '& .SCEvents-events': {
                 marginTop: theme.spacing(2),
-                '& .SCEvents-item': {},
-                '& .SCEvent-skeleton-root': {
-                    padding: theme.spacing(0.5, 0, 0.5, 0)
+                '& .SCEvents-item': {
+                    paddingTop: theme.spacing(2)
+                },
+                '& .SCEvents-item-skeleton': {
+                    paddingTop: theme.spacing(2)
+                },
+                '& .SCBaseItem-root': {
+                    display: 'flex',
+                    justifyContent: 'space-between'
+                },
+                '& .SCEvent-skeleton-preview-name': {
+                    marginTop: 6,
+                    marginBottom: 6
+                },
+                '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
+                    maxWidth: '70%'
                 }
             },
             '& .SCEvents-no-results': {
-                maxWidth: '50%',
                 marginTop: theme.spacing(3),
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'flex-start',
                 '& .SCEvent-skeleton-root': {
-                    marginBottom: theme.spacing(2)
+                    marginBottom: theme.spacing(2),
+                    minWidth: '50%'
+                },
+                '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
+                    maxWidth: '70%'
                 },
                 '& .MuiTypography-body1': {
                     fontWeight: theme.typography.fontWeightMedium,
@@ -43,10 +59,10 @@ const Component = {
                 marginTop: theme.spacing(3)
             }
         }),
-        chipRoot: ({ theme, selected }) => ({
+        eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
             height: theme.spacing(4.75),
             borderRadius: theme.spacing(0.5),
-            color: selected ? theme.palette.common.white : theme.palette.text.primary,
+            color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
             '& .MuiIcon-root': {
                 fontSize: '1rem',
                 color: theme.palette.common.white

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

@@ -41,7 +41,7 @@ declare const Component: {
                 '&::-webkit-scrollbar': {
                     display: string;
                 };
-                '& a': {
+                '& a:not(.MuiChip-clickable)': {
                     color: string;
                     textDecoration: string;
                     '&::after': {
@@ -59,11 +59,11 @@ declare const Component: {
                         fontWeight: any;
                     };
                 };
-                '& .SCFeedObject-group': {
+                '& .SCFeedObject-group, & .SCFeedObject-event': {
                     marginRight: string;
                 };
             };
-            '& .SCFeedObject-group': {
+            '& .SCFeedObject-group, & .SCFeedObject-event': {
                 justifyContent: string;
                 padding: any;
                 '& a': {
@@ -139,7 +139,7 @@ declare const Component: {
                 '& .SCFeedObject-category': {
                     borderBottom: string;
                     margin: any;
-                    '& .SCFeedObject-group': {
+                    '& .SCFeedObject-group, & .SCFeedObject-event': {
                         borderBottom: string;
                         margin: any;
                         '& .MuiChip-icon': {
@@ -149,7 +149,7 @@ declare const Component: {
                         };
                     };
                 };
-                '& .SCFeedObject-group': {
+                '& .SCFeedObject-group, & .SCFeedObject-event': {
                     borderBottom: string;
                     margin: any;
                 };

package/lib/cjs/components/SCFeedObject.js

@@ -44,7 +44,7 @@ const Component = {
                 '&::-webkit-scrollbar': {
                     display: 'none'
                 },
-                '& a': {
+                '& a:not(.MuiChip-clickable)': {
                     color: 'inherit',
                     textDecoration: 'none',
                     '&::after': {
@@ -62,11 +62,11 @@ const Component = {
                         fontWeight: theme.typography.fontWeightBold
                     }
                 },
-                '& .SCFeedObject-group': {
+                '& .SCFeedObject-group, & .SCFeedObject-event': {
                     marginRight: `${theme.spacing(1)} !important`
                 }
             },
-            '& .SCFeedObject-group': {
+            '& .SCFeedObject-group, & .SCFeedObject-event': {
                 justifyContent: 'flex-start',
                 padding: theme.spacing(0.5),
                 '& a': {
@@ -142,7 +142,7 @@ const Component = {
                 '& .SCFeedObject-category': {
                     borderBottom: '1px solid rgba(221, 221, 221, 1)',
                     margin: theme.spacing(0, 2),
-                    '& .SCFeedObject-group': {
+                    '& .SCFeedObject-group, & .SCFeedObject-event': {
                         borderBottom: 'none',
                         margin: theme.spacing(0),
                         '& .MuiChip-icon': {
@@ -152,7 +152,7 @@ const Component = {
                         }
                     }
                 },
-                '& .SCFeedObject-group': {
+                '& .SCFeedObject-group, & .SCFeedObject-event': {
                     borderBottom: '1px solid rgba(221, 221, 221, 1)',
                     margin: theme.spacing(1, 2, 0, 2)
                 },

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

@@ -1,6 +1,11 @@
 declare const Component: {
     styleOverrides: {
-        displayRoot: ({ theme }: any) => {};
+        displayRoot: ({ theme }: any) => {
+            '& .SCMediaShare-share-preview': {
+                paddingLeft: any;
+                paddingRight: any;
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCMediaShare.js

@@ -2,7 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
-        displayRoot: ({ theme }) => ({})
+        displayRoot: ({ theme }) => ({
+            '& .SCMediaShare-share-preview': {
+                paddingLeft: theme.spacing(),
+                paddingRight: theme.spacing()
+            }
+        })
     }
 };
 exports.default = Component;

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

@@ -0,0 +1,35 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCMyEventsWidget-title-wrapper': {
+                padding: string;
+            };
+            '& .SCMyEventsWidget-actions': {
+                padding: string;
+                justifyContent: string;
+                gap: any;
+                '& .SCMyEventsWidget-arrows': {
+                    width: string;
+                    height: string;
+                };
+                '& .SCMyEventsWidget-action-button': {
+                    color: any;
+                    textDecoration: string;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCMyEventsWidget-actions': {
+                height: string;
+                padding: string;
+                justifyContent: string;
+                gap: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCMyEventsWidget.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCMyEventsWidget-title-wrapper': {
+                padding: `12px ${theme.spacing(2)}`
+            },
+            '& .SCMyEventsWidget-actions': {
+                padding: `0 ${theme.spacing(3)} 18px`,
+                justifyContent: 'center',
+                gap: theme.spacing(3),
+                '& .SCMyEventsWidget-arrows': {
+                    width: '24px',
+                    height: '24px'
+                },
+                '& .SCMyEventsWidget-action-button': {
+                    color: theme.palette.primary.main,
+                    textDecoration: 'none'
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCMyEventsWidget-actions': {
+                height: '40px',
+                padding: `0 ${theme.spacing(3)} 18px`,
+                justifyContent: 'center',
+                gap: theme.spacing(3)
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -21,7 +21,7 @@ declare const Component: {
                 flexGrow: number;
                 textAlign: string;
                 alignSelf: string;
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
                     paddingTop: number;
                     paddingLeft: any;
                     paddingRight: any;

package/lib/cjs/components/SCNavigationToolbar.js

@@ -15,7 +15,7 @@ const Component = {
                 flexGrow: 1,
                 textAlign: 'center',
                 alignSelf: 'end',
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
                     paddingTop: 12,
                     paddingLeft: theme.spacing(1),
                     paddingRight: theme.spacing(1),

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': {