@selfcommunity/react-theme-default 0.1.0-alpha.99 → 0.1.1-alpha.0

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

@@ -41,7 +41,317 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            marginBottom: any;
+        };
+        collapsedForRoot: ({ theme }: any) => {
+            width: string;
+            '& .SCNotification-flag-icon': {
+                backgroundColor: "#f44336";
+                color: string;
+            };
+            '& .SCNotification-flag-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-wrap': {
+                padding: string;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+        commentRoot: ({ theme }: any) => {
+            '& .SCNotification-username': {
+                fontWeight: any;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-vote-button': {
+                color: string;
+                padding: any;
+                fontSize: string;
+                minWidth: number;
+                borderRadius: string;
+            };
+            '& .SCNotification-contribution-text': {
+                color: any;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+        contributionRoot: ({ theme }: any) => {
+            '& .SCNotification-username': {
+                fontWeight: any;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-vote-button': {
+                color: string;
+                padding: any;
+                fontSize: string;
+                minWidth: number;
+                borderRadius: string;
+            };
+            '& .SCNotification-contribution-text': {
+                color: any;
+                textOverflow: string;
+                overflow: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotificationItem-root .SCNotificationItem-header .SCNotificationItem-secondary': {
+                marginTop: any;
+                '& .SCDateTimeAgo-root': {
+                    marginTop: number;
+                };
+            };
+        };
+        contributionFollowRoot: ({ theme }: any) => {
+            '& .SCNotification-username': {
+                fontWeight: number;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-follow-text': {
+                color: any;
+                fontWeight: any;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+            '& .MuiIcon-root': {
+                fontSize: string;
+                marginBottom: string;
+            };
+        };
+        deletedForRoot: ({ theme }: any) => {
+            '& .SCNotification-flag-icon': {
+                backgroundColor: "#f44336";
+                color: string;
+            };
+            '& .SCNotification-flag-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-wrap': {
+                marginBottom: any;
+                padding: any;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+        incubatorApprovedRoot: ({ theme }: any) => {
+            '& .SCNotification-category-icon': {
+                borderRadius: number;
+            };
+            '& .SCNotification-view-incubator-button': {
+                padding: any;
+                paddingBottom: number;
+                textTransform: string;
+                marginLeft: number;
+            };
+        };
+        kindlyNoticeFlagRoot: ({ theme }: any) => {
+            '& .SCNotification-flag-icon': {
+                backgroundColor: "#f44336";
+                color: string;
+            };
+            '& .SCNotification-flag-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-wrap': {
+                padding: string;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+        kindlyNoticeForRoot: ({ theme }: any) => {
+            width: string;
+            '& .SCNotification-flag-icon': {
+                backgroundColor: "#f44336";
+                color: string;
+            };
+            '& .SCNotification-flag-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-wrap': {
+                padding: string;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+        mentionRoot: ({ theme }: any) => {
+            '& .SCNotification-username': {
+                fontWeight: number;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-mention-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+        };
+        privateMessageRoot: ({ theme }: any) => {
+            '& .SCNotification-username': {
+                display: string;
+                fontWeight: number;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-message-label': {
+                color: any;
+            };
+            '& .SCNotification-message-wrap': {
+                textOverflow: string;
+                overflow: string;
+                WebkitLineClamp: string;
+                lineClamp: number;
+                WebkitBoxOrient: string;
+                '& p': {
+                    margin: number;
+                };
+            };
+            '& .SCNotification-message': {
+                height: number;
+                overflowY: string;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+                '& > p': {
+                    overflowY: string;
+                    textOverflow: string;
+                    display: string;
+                    WebkitLineClamp: string;
+                    lineClamp: number;
+                    WebkitBoxOrient: string;
+                };
+            };
+            '& .SCNotification-actions': {
+                fontSize: string;
+                maxWidth: string;
+            };
+        };
+        undeletedForRoot: ({ theme }: any) => {
+            '& .SCNotification-undeleted-icon': {
+                backgroundColor: "#f44336";
+                color: string;
+            };
+            '& .SCNotification-undeleted-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-wrap': {
+                marginBottom: any;
+                padding: any;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+        userBlockedRoot: ({ theme }: any) => {
+            '& .SCNotification-unblocked-icon': {
+                backgroundColor: "#4caf50";
+                color: string;
+            };
+            '& .SCNotification-blocked-icon': {
+                backgroundColor: "#f44336";
+                color: string;
+            };
+            '& .SCNotification-blocked-text': {
+                color: any;
+            };
+        };
+        userConnectionRoot: ({ theme }: any) => {
+            '& .SCNotification-username': {
+                fontWeight: number;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-connection-text': {
+                color: any;
+            };
+        };
+        userFollowRoot: ({ theme }: any) => {
+            width: string;
+            '& .SCNotification-username': {
+                fontWeight: number;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-follow-text': {
+                color: any;
+            };
+        };
+        voteUpRoot: ({ theme }: any) => {
+            width: string;
+            '& .SCNotification-username': {
+                fontWeight: number;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCNotification-vote-up-text': {
+                color: any;
+            };
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
     };
 };
 export default Component;
-//# sourceMappingURL=SCNotification.d.ts.map

package/lib/cjs/components/SCNotification.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const system_1 = require("@mui/system");
+const colors_1 = require("@mui/material/colors");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
@@ -43,8 +44,318 @@ const Component = {
                     textDecoration: 'underline'
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            marginBottom: theme.spacing(2)
+        }),
+        collapsedForRoot: ({ theme }) => ({
+            width: '100%',
+            '& .SCNotification-flag-icon': {
+                backgroundColor: colors_1.red[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-flag-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-wrap': {
+                padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        }),
+        commentRoot: ({ theme }) => ({
+            '& .SCNotification-username': {
+                fontWeight: theme.typography.fontWeightBold,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-vote-button': {
+                color: 'inherit',
+                padding: theme.spacing(1),
+                fontSize: '1.143rem',
+                minWidth: 0,
+                borderRadius: '50%'
+            },
+            '& .SCNotification-contribution-text': {
+                color: theme.palette.text.primary,
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        }),
+        contributionRoot: ({ theme }) => ({
+            '& .SCNotification-username': {
+                fontWeight: theme.typography.fontWeightBold,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-vote-button': {
+                color: 'inherit',
+                padding: theme.spacing(1),
+                fontSize: '1.143rem',
+                minWidth: 0,
+                borderRadius: '50%'
+            },
+            '& .SCNotification-contribution-text': {
+                color: theme.palette.text.primary,
+                textOverflow: 'ellipsis',
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotificationItem-root .SCNotificationItem-header .SCNotificationItem-secondary': {
+                marginTop: theme.spacing(1),
+                '& .SCDateTimeAgo-root': {
+                    marginTop: 0
+                }
+            }
+        }),
+        contributionFollowRoot: ({ theme }) => ({
+            '& .SCNotification-username': {
+                fontWeight: 700,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-follow-text': {
+                color: theme.palette.text.primary,
+                fontWeight: theme.typography.fontWeightMedium
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                },
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            },
+            '& .MuiIcon-root': {
+                fontSize: '18px',
+                marginBottom: '0.5px'
+            }
+        }),
+        deletedForRoot: ({ theme }) => ({
+            '& .SCNotification-flag-icon': {
+                backgroundColor: colors_1.red[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-flag-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-wrap': {
+                marginBottom: theme.spacing(1),
+                padding: theme.spacing(2),
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        }),
+        incubatorApprovedRoot: ({ theme }) => ({
+            '& .SCNotification-category-icon': {
+                borderRadius: 3
+            },
+            '& .SCNotification-view-incubator-button': {
+                padding: theme.spacing(),
+                paddingBottom: 0,
+                textTransform: 'initial',
+                marginLeft: -8
+            }
+        }),
+        kindlyNoticeFlagRoot: ({ theme }) => ({
+            '& .SCNotification-flag-icon': {
+                backgroundColor: colors_1.red[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-flag-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-wrap': {
+                padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        }),
+        kindlyNoticeForRoot: ({ theme }) => ({
+            width: '100%',
+            '& .SCNotification-flag-icon': {
+                backgroundColor: colors_1.red[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-flag-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-wrap': {
+                padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        }),
+        mentionRoot: ({ theme }) => ({
+            '& .SCNotification-username': {
+                fontWeight: 700,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-mention-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                },
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            }
+        }),
+        privateMessageRoot: ({ theme }) => ({
+            '& .SCNotification-username': {
+                display: 'inline',
+                fontWeight: 700,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-message-label': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-message-wrap': {
+                textOverflow: 'ellipsis',
+                overflow: 'hidden',
+                WebkitLineClamp: '2',
+                lineClamp: 2,
+                WebkitBoxOrient: 'vertical',
+                '& p': {
+                    margin: 0
+                }
+            },
+            '& .SCNotification-message': {
+                height: 20,
+                overflowY: 'hidden',
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'underline'
+                },
+                '& > p': {
+                    overflowY: 'hidden',
+                    textOverflow: 'ellipsis',
+                    display: '-webkit-box',
+                    WebkitLineClamp: '2',
+                    lineClamp: 2,
+                    WebkitBoxOrient: 'vertical'
+                }
+            },
+            '& .SCNotification-actions': {
+                fontSize: '13px',
+                maxWidth: '40%'
+            }
+        }),
+        undeletedForRoot: ({ theme }) => ({
+            '& .SCNotification-undeleted-icon': {
+                backgroundColor: colors_1.red[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-undeleted-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-wrap': {
+                marginBottom: theme.spacing(1),
+                padding: theme.spacing(2),
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden'
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        }),
+        userBlockedRoot: ({ theme }) => ({
+            '& .SCNotification-unblocked-icon': {
+                backgroundColor: colors_1.green[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-blocked-icon': {
+                backgroundColor: colors_1.red[500],
+                color: '#FFF'
+            },
+            '& .SCNotification-blocked-text': {
+                color: theme.palette.text.primary
+            }
+        }),
+        userConnectionRoot: ({ theme }) => ({
+            '& .SCNotification-username': {
+                fontWeight: 700,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-connection-text': {
+                color: theme.palette.text.primary
+            }
+        }),
+        userFollowRoot: ({ theme }) => ({
+            width: '100%',
+            '& .SCNotification-username': {
+                fontWeight: 700,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-follow-text': {
+                color: theme.palette.text.primary
+            }
+        }),
+        voteUpRoot: ({ theme }) => ({
+            width: '100%',
+            '& .SCNotification-username': {
+                fontWeight: 700,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotification-vote-up-text': {
+                color: theme.palette.text.primary
+            },
+            '& .SCNotification-contribution-text': {
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCNotification.js.map

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

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

package/lib/cjs/components/SCNotificationFeedTemplate.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginTop: theme.spacing(2)
+        })
+    }
+};
+exports.default = Component;

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

@@ -5,17 +5,26 @@ declare const Component: {
             '& .SCNotificationItem-header': {
                 display: string;
                 flexDirection: string;
+                paddingBottom: any;
                 '& .SCNotificationItem-primary': {
                     fontWeight: any;
                     '& .SCContributionNotification-username': {
                         fontWeight: any;
                     };
+                    '& a': {
+                        color: any;
+                        textDecoration: string;
+                    };
                 };
                 '& .SCNotificationItem-secondary': {
                     '& .SCDateTimeAgo-root, & .MuiStack-root': {
                         color: any;
                         minHeight: any;
                     };
+                    '& a': {
+                        textDecoration: string;
+                        color: any;
+                    };
                 };
             };
             '& .SCNotificationItem-actions': {
@@ -64,4 +73,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCNotificationItem.d.ts.map