@selfcommunity/react-theme-default 0.1.55 → 0.2.0-alpha.0

package/lib/esm/components/SCEvents.js

@@ -0,0 +1,86 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCEvents-filters': {
+                alignItems: 'center',
+                marginTop: theme.spacing(),
+                marginBottom: theme.spacing(2),
+                '& .SCEvents-search': {
+                    '& .MuiInputBase-root': {
+                        paddingRight: 0,
+                        '& .MuiButtonBase-root': {
+                            borderRadius: '0 5px 5px 0',
+                            height: '37px',
+                            '& .MuiButton-endIcon': {
+                                margin: 0
+                            }
+                        }
+                    }
+                }
+            },
+            '& .SCEvents-events': {
+                marginTop: theme.spacing(2),
+                '& .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': {
+                marginTop: theme.spacing(3),
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'flex-start',
+                '& .SCEvent-skeleton-root': {
+                    marginBottom: theme.spacing(2),
+                    minWidth: '50%'
+                },
+                '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
+                    maxWidth: '70%'
+                },
+                '& .MuiTypography-body1': {
+                    fontWeight: theme.typography.fontWeightMedium,
+                    fontSize: '16px',
+                    whiteSpace: 'pre-line'
+                }
+            },
+            '& .SCEvents-show-more': {
+                paddingLeft: theme.spacing(1),
+                '&.Mui-selected, &:hover': {
+                    backgroundColor: 'transparent'
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCEvents-skeleton-events': {
+                justifyContent: 'center',
+                marginTop: theme.spacing(2),
+                '& .SCEvents-skeleton-item': {
+                    paddingTop: theme.spacing(2)
+                }
+            }
+        }),
+        eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
+            height: theme.spacing(4.75),
+            borderRadius: theme.spacing(0.5),
+            color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
+            '& .MuiIcon-root': {
+                fontSize: '1rem',
+                color: theme.palette.common.white
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/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/esm/components/SCFeedObject.js

@@ -42,7 +42,7 @@ const Component = {
                 '&::-webkit-scrollbar': {
                     display: 'none'
                 },
-                '& a': {
+                '& a:not(.MuiChip-clickable)': {
                     color: 'inherit',
                     textDecoration: 'none',
                     '&::after': {
@@ -60,11 +60,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': {
@@ -140,7 +140,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': {
@@ -150,7 +150,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/esm/components/SCFeedUpdatesWidget.js

@@ -8,7 +8,7 @@ const Component = {
             },
             '& .MuiCardContent-root': {
                 ' > .MuiButton-sizeMedium': {
-                    marginLeft: -10,
+                    marginLeft: -3,
                     marginTop: -1
                 }
             },

package/lib/esm/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/esm/components/SCMediaShare.js

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

package/lib/esm/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/esm/components/SCMyEventsWidget.js

@@ -0,0 +1,31 @@
+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)
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/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/esm/components/SCNavigationToolbar.js

@@ -13,7 +13,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/esm/components/SCNotification.d.ts

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

package/lib/esm/components/SCNotification.js

@@ -280,6 +280,33 @@ const Component = {
                 maxWidth: '40%'
             }
         }),
+        eventRoot: ({ theme }) => ({
+            '& .SCNotification-username, & a': {
+                fontWeight: theme.typography.fontWeightBold
+            },
+            '& .SCNotificationItem-primary': {
+                '& .MuiIcon-root': {
+                    float: 'right',
+                    fontSize: '20px',
+                    marginLeft: theme.spacing(0.5)
+                },
+                '& .SCEvent-root': {
+                    width: '100%',
+                    '& .SCEvent-snippet-root': {
+                        paddingLeft: '0 !important'
+                    }
+                }
+            },
+            '& .SCNotificationItem-secondary': {
+                textTransform: 'capitalize'
+            },
+            '& .SCNotification-snippet-time': {
+                paddingLeft: theme.spacing(5)
+            },
+            '& .SCEvent-snippet-root': {
+                backgroundColor: 'transparent !important'
+            }
+        }),
         groupRoot: ({ theme }) => ({}),
         undeletedForRoot: ({ theme }) => ({
             '& .SCNotification-undeleted-icon': {