@selfcommunity/react-theme-default 0.1.0-alpha.31 → 0.1.0-alpha.310

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

@@ -1,26 +1,35 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            a: {
-                color: any;
-                textDecoration: string;
-                '&:hover, &:active': {
-                    textDecoration: string;
-                };
-            };
+            whiteSpace: string;
             '& .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': {
-                    marginTop: any;
+                '& .SCNotificationItem-secondary': {
+                    '& .SCDateTimeAgo-root, & .MuiStack-root': {
+                        color: any;
+                        minHeight: any;
+                    };
+                    '& a': {
+                        textDecoration: string;
+                        color: any;
+                    };
                 };
             };
+            '& .SCNotificationItem-actions': {
+                color: any;
+            };
             '&.SCNotificationItem-toast': {
                 backgroundColor: string;
                 borderRadius: number;
@@ -64,4 +73,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCNotificationItem.d.ts.map

package/lib/esm/components/SCNotificationItem.js

@@ -1,26 +1,35 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            a: {
-                color: theme.palette.text.primary,
-                textDecoration: 'none',
-                '&:hover, &:active': {
-                    textDecoration: 'underline'
-                }
-            },
+            whiteSpace: 'normal',
             '& .SCNotificationItem-header': {
                 display: 'flex',
                 flexDirection: 'row',
+                paddingBottom: theme.spacing(),
                 '& .SCNotificationItem-primary': {
                     fontWeight: theme.typography.fontWeightMedium,
                     '& .SCContributionNotification-username': {
                         fontWeight: theme.typography.fontWeightBold
+                    },
+                    '& a': {
+                        color: theme.palette.text.primary,
+                        textDecoration: 'none'
                     }
                 },
-                '& .SCNotificationItem-secondary .SCDateTimeAgo-root': {
-                    marginTop: theme.spacing(1)
+                '& .SCNotificationItem-secondary': {
+                    '& .SCDateTimeAgo-root, & .MuiStack-root': {
+                        color: theme.palette.primary.main,
+                        minHeight: theme.spacing(3)
+                    },
+                    '& a': {
+                        textDecoration: 'none',
+                        color: theme.palette.text.primary
+                    }
                 }
             },
+            '& .SCNotificationItem-actions': {
+                color: theme.palette.primary.main
+            },
             '&.SCNotificationItem-toast': {
                 backgroundColor: 'transparent',
                 borderRadius: 0,
@@ -64,4 +73,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCNotificationItem.js.map

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

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

package/lib/esm/components/SCPlatformWidget.js

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

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

@@ -0,0 +1,31 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {};
+        dialogRoot: ({ theme }: any) => {};
+        pollSnippetRoot: ({ theme }: any) => {
+            '& > div': {
+                alignItems: string;
+                paddingTop: any;
+            };
+            '& .SCBaseItem-text': {
+                marginTop: number;
+            };
+            '& .SCPollSuggestionWidget-username': {
+                color: any;
+                fontWeight: any;
+                textDecoration: string;
+            };
+            '& .SCPollSuggestionWidget-avatar': {
+                width: any;
+                height: any;
+            };
+            '& .SCPollSuggestionWidget-activity-at': {
+                textDecoration: string;
+                color: string;
+                marginTop: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPollSuggestionWidget.js

@@ -0,0 +1,31 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({}),
+        dialogRoot: ({ theme }) => ({}),
+        pollSnippetRoot: ({ theme }) => ({
+            '& > div': {
+                alignItems: 'flex-start',
+                paddingTop: theme.spacing(1)
+            },
+            '& .SCBaseItem-text': {
+                marginTop: 0
+            },
+            '& .SCPollSuggestionWidget-username': {
+                color: theme.palette.text.primary,
+                fontWeight: theme.typography.fontWeightBold,
+                textDecoration: 'none'
+            },
+            '& .SCPollSuggestionWidget-avatar': {
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            },
+            '& .SCPollSuggestionWidget-activity-at': {
+                textDecoration: 'none',
+                color: 'inherit',
+                marginTop: 3
+            }
+        })
+    }
+};
+export default Component;

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

@@ -18,4 +18,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCPreviewMediaDocument.d.ts.map

package/lib/esm/components/SCPreviewMediaDocument.js

@@ -18,4 +18,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCPreviewMediaDocument.js.map

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

@@ -0,0 +1,46 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCPreviewMediaLink-preview-link': {
+                position: string;
+                backgroundColor: string;
+                margin: any;
+                padding: any;
+            };
+            '& .SCPreviewMediaLink-preview-video': {
+                margin: string;
+                height: number;
+            };
+            '& .SCPreviewMediaLink-thumbnail': {
+                [x: number]: {
+                    maxWidth: number;
+                    width: string;
+                    float: string;
+                };
+                border: string;
+                borderRadius: number;
+                paddingTop: any;
+                margin: any;
+            };
+            '& .SCPreviewMediaLink-image': {
+                backgroundSize: string;
+                backgroundPosition: string;
+                backgroundRepeat: string;
+                backgroundColor: string;
+                paddingBottom: number;
+            };
+            '& .SCPreviewMediaLink-snippet': {
+                padding: any;
+                '& .SCPreviewMediaLink-snippet-title': {};
+                '& .SCPreviewMediaLink-snippet-description': {
+                    fontSize: string;
+                };
+                '& a': {
+                    fontSize: string;
+                    fontStyle: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPreviewMediaLink.js

@@ -0,0 +1,47 @@
+import { alpha } from '@mui/system';
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCPreviewMediaLink-preview-link': {
+                position: 'relative',
+                backgroundColor: '#F5F5F5',
+                margin: theme.spacing(1, 0),
+                padding: theme.spacing(1)
+            },
+            '& .SCPreviewMediaLink-preview-video': {
+                margin: '10px 0px',
+                height: 360
+            },
+            '& .SCPreviewMediaLink-thumbnail': {
+                border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+                borderRadius: theme.shape.borderRadius * 0.75,
+                paddingTop: theme.spacing(1),
+                margin: theme.spacing(1, 2, 1, 1),
+                [theme.breakpoints.up('sm')]: {
+                    maxWidth: 200,
+                    width: '100%',
+                    float: 'left'
+                }
+            },
+            '& .SCPreviewMediaLink-image': {
+                backgroundSize: 'contain !important',
+                backgroundPosition: 'center !important',
+                backgroundRepeat: 'no-repeat !important',
+                backgroundColor: '#FFF !important',
+                paddingBottom: 120
+            },
+            '& .SCPreviewMediaLink-snippet': {
+                padding: theme.spacing(2),
+                '& .SCPreviewMediaLink-snippet-title': {},
+                '& .SCPreviewMediaLink-snippet-description': {
+                    fontSize: '0.857rem'
+                },
+                '& a': {
+                    fontSize: '1rem',
+                    fontStyle: 'italic'
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,37 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            height: string;
+            '& .SCPrivateMessageComponent-snippets-box, & .SCPrivateMessageComponent-thread-box': {
+                position: string;
+                '& .SCPrivateMessageSnippets-root, & .SCPrivateMessageThread-root': {
+                    position: string;
+                    top: number;
+                    left: number;
+                };
+            };
+            '& .SCPrivateMessageComponent-hide': {
+                display: string;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            [x: number]: {
+                width: any;
+            };
+            '& .SCPrivateMessageComponent-thread-section': {
+                '& .MuiCardContent-root': {
+                    padding: number;
+                    '& .MuiList-root': {
+                        paddingTop: number;
+                        paddingBottom: number;
+                    };
+                };
+            };
+            ' .MuiPaper-root, MuiAppBar-root': {
+                boxShadow: string;
+                borderRadius: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageComponent.js

@@ -0,0 +1,37 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            height: '100%',
+            '& .SCPrivateMessageComponent-snippets-box, & .SCPrivateMessageComponent-thread-box': {
+                position: 'relative',
+                '& .SCPrivateMessageSnippets-root, & .SCPrivateMessageThread-root': {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0
+                }
+            },
+            '& .SCPrivateMessageComponent-hide': {
+                display: 'none'
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: theme.breakpoints.values['lg']
+            },
+            '& .SCPrivateMessageComponent-thread-section': {
+                '& .MuiCardContent-root': {
+                    padding: 0,
+                    '& .MuiList-root': {
+                        paddingTop: 0,
+                        paddingBottom: 0
+                    }
+                }
+            },
+            ' .MuiPaper-root, MuiAppBar-root': {
+                boxShadow: 'none',
+                borderRadius: 0
+            }
+        })
+    }
+};
+export default Component;

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

@@ -1,94 +1,130 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
-                position: string;
-                top: string;
-                bottom: number;
-            };
-            width: string;
-            position: string;
-            bottom: number;
-            left: number;
-            zIndex: number;
-            backgroundColor: any;
+            backgroundColor: string;
             '& .MuiIcon-root': {
                 fontSize: string;
             };
             '& .SCPrivateMessageEditor-message-input': {
                 width: string;
             };
-            '& .MuiInputBase-root, MuiOutlinedInput-root': {
+            '& .MuiInputBase-root': {
+                '&.Mui-disabled': {
+                    backgroundColor: any;
+                };
+                borderRadius: number;
+                padding: any;
                 '& textarea': {
                     backgroundColor: any;
                     borderRadius: any;
                     padding: any;
+                    border: string;
+                    '&:hover': {
+                        border: string;
+                    };
+                    '&.Mui-disabled': {
+                        border: string;
+                    };
+                };
+                '& .MuiButtonBase-root': {
+                    padding: any;
+                };
+                '& .MuiOutlinedInput-notchedOutline': {
+                    border: string;
                 };
             };
-            '& .SCPrivateMessageEditor-send-media-section': {
-                backgroundColor: any;
-                display: string;
-                justifyContent: string;
-            };
-            '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCMessageMediaUploader-root': {
-                '& .MuiIcon-root': {
-                    fontSize: string;
+            '& .SCPrivateMessageEditor-emoji-section': {
+                '& .EmojiPickerReact.epr-main': {
+                    borderRadius: number;
+                    '& .epr-preview': {
+                        display: string;
+                    };
                 };
+            };
+            '& .MuiPaper-root': {
+                borderRadius: number;
                 backgroundColor: any;
                 '& .MuiCardHeader-root': {
-                    paddingRight: any;
-                    paddingTop: any;
+                    paddingBottom: any;
+                    '& .SCPrivateMessageEditor-close-button': {
+                        fontSize: string;
+                        cursor: string;
+                        '&:hover': {
+                            color: any;
+                        };
+                    };
+                };
+                '& .MuiAlert-root': {
+                    position: string;
                 };
                 '& .MuiCardContent-root': {
-                    '& .SCMessageMediaUploader-upload': {
-                        display: string;
-                        justifyContent: string;
-                        '& .MuiButtonBase-root, MuiIconButton-root': {
-                            backgroundColor: any;
+                    overflow: string;
+                    padding: any;
+                    minHeight: any;
+                    '& .SCPrivateMessageEditor-upload-section': {
+                        '& .SCPrivateMessageEditor-upload-button': {
+                            display: string;
+                            margin: string;
+                            fontSize: string;
                         };
                     };
-                    '& .SCMessageMediaUploader-preview-container': {
+                    '& .MuiList-root': {
+                        paddingTop: any;
+                        paddingBottom: any;
+                    };
+                    '& .SCPrivateMessageEditor-preview-content': {
+                        position: string;
                         display: string;
+                        margin: string;
                         justifyContent: string;
-                        img: {
-                            maxWidth: any;
-                        };
-                        video: {
-                            maxWidth: any;
-                        };
-                    };
-                    '& .SCMessageMediaUploader-doc-preview': {
-                        [x: number]: {
+                        alignItems: string;
+                        '& .MuiListItem-root': {
                             height: any;
-                            width: any;
+                            marginRight: any;
+                            img: {
+                                width: any;
+                                height: any;
+                            };
+                            video: {
+                                objectFit: string;
+                                width: any;
+                                height: any;
+                            };
                         };
-                        height: any;
-                        width: any;
-                        position: string;
-                    };
-                    '& .SCMessageMediaUploader-doc-loading-preview': {
-                        backgroundColor: any;
-                        height: any;
-                        width: any;
-                        position: string;
-                        '& .MuiCircularProgress-root': {
+                        '& .SCPrivateMessageEditor-preview-actions': {
+                            height: string;
+                            background: string;
+                            '&:hover, &:active, &.SCPrivateMessageEditor-progress': {
+                                background: string;
+                            };
+                            '& .MuiButtonBase-root, .MuiTypography-root': {
+                                color: any;
+                                position: string;
+                                top: string;
+                                left: string;
+                                transform: string;
+                            };
+                        };
+                        '& .SCPrivateMessageEditor-preview-info': {
                             position: string;
-                            top: string;
                             left: string;
-                        };
-                        '& .SCMessageMediaUploader-progress': {
-                            display: string;
-                            justifyContent: string;
-                        };
-                        '& .SCMessageMediaUploader-clear-media': {
-                            display: string;
-                            justifyContent: string;
+                            bottom: number;
+                            transform: string;
+                            overflow: string;
+                            textOverflow: string;
+                            width: any;
+                            '& .MuiTypography-root': {
+                                fontSize: string;
+                            };
                         };
                     };
                 };
             };
+            '&.SCPrivateMessageEditor-ios': {
+                paddingBottom: string;
+            };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageEditor.d.ts.map