@selfcommunity/react-theme-default 0.4.5-alpha.0 → 0.4.5-alpha.10

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

@@ -49,19 +49,16 @@ declare const Component: {
                     margin: string;
                     padding: any;
                     height: string;
+                    overflowY: string;
                     '& .SCEditor-root': {
                         padding: any;
+                        marginBottom: any;
+                        position: string;
                         '& .SCEditor-placeholder': {
                             left: number;
-                            top: any;
                             position: string;
                         };
                         '&.SCEditor-toolbar': {
-                            position: string;
-                            '& .SCEditor-placeholder': {
-                                marginTop: number;
-                                position: string;
-                            };
                             '& .SCEditorToolbarPlugin-root': {
                                 zIndex: number;
                                 position: string;
@@ -105,8 +102,12 @@ declare const Component: {
         attributesRoot: ({ theme }: any) => {};
         contentDiscussionRoot: ({ theme }: any) => {
             '& .SCComposer-content-discussion-title': {
-                paddingBottom: any;
                 '& .MuiInputBase-root': {
+                    [x: number]: {
+                        maxHeight: number;
+                    };
+                    maxHeight: number;
+                    overflowY: string;
                     paddingLeft: number;
                     paddingRight: number;
                     paddingBottom: number;
@@ -126,6 +127,19 @@ declare const Component: {
                     marginLeft: number;
                 };
             };
+            '& .SCEditor-root': {
+                '& .SCEditor-placeholder': {
+                    top: any;
+                };
+                '& .SCEditor-content': {
+                    [x: number]: {
+                        maxHeight: number;
+                    };
+                    overflowY: string;
+                    minHeight: number;
+                    maxHeight: string;
+                };
+            };
         };
         contentPollRoot: ({ theme }: any) => {
             padding: any;
@@ -139,7 +153,21 @@ declare const Component: {
                 marginTop: any;
             };
         };
-        contentPostRoot: ({ theme }: any) => {};
+        contentPostRoot: ({ theme }: any) => {
+            '& .SCEditor-root': {
+                '& .SCEditor-placeholder': {
+                    top: any;
+                };
+                '& .SCEditor-content': {
+                    [x: number]: {
+                        maxHeight: number;
+                    };
+                    overflowY: string;
+                    minHeight: number;
+                    maxHeight: string;
+                };
+            };
+        };
         layerTransitionRoot: ({ theme }: any) => {
             position: string;
             top: number;

package/lib/cjs/components/SCComposer.js

@@ -37,19 +37,16 @@ const Component = {
                     margin: '45px 0',
                     padding: theme.spacing(1, 2),
                     height: `calc(100% - 45px - 45px - ${theme.spacing(2)})`,
+                    overflowY: 'hidden',
                     '& .SCEditor-root': {
                         padding: theme.spacing(1, 0),
+                        marginBottom: theme.spacing(3),
+                        position: 'relative',
                         '& .SCEditor-placeholder': {
                             left: 0,
-                            top: theme.spacing(1),
                             position: 'absolute'
                         },
                         '&.SCEditor-toolbar': {
-                            position: 'static',
-                            '& .SCEditor-placeholder': {
-                                marginTop: -40,
-                                position: 'static'
-                            },
                             '& .SCEditorToolbarPlugin-root': {
                                 zIndex: 1,
                                 position: 'absolute',
@@ -108,13 +105,17 @@ const Component = {
         attributesRoot: ({ theme }) => ({}),
         contentDiscussionRoot: ({ theme }) => ({
             '& .SCComposer-content-discussion-title': {
-                paddingBottom: theme.spacing(2),
                 '& .MuiInputBase-root': {
+                    maxHeight: 160,
+                    overflowY: 'auto',
                     paddingLeft: 0,
                     paddingRight: 0,
                     paddingBottom: 0,
-                    fontSize: '1.429rem',
+                    fontSize: '1.3rem',
                     fontWeight: theme.typography.fontWeightBold,
+                    [theme.breakpoints.up('md')]: {
+                        maxHeight: 110
+                    },
                     '& fieldset': {
                         display: 'none'
                     },
@@ -128,6 +129,19 @@ const Component = {
                 '& .MuiFormHelperText-root': {
                     marginLeft: 0
                 }
+            },
+            '& .SCEditor-root': {
+                '& .SCEditor-placeholder': {
+                    top: theme.spacing(7)
+                },
+                '& .SCEditor-content': {
+                    overflowY: 'auto',
+                    minHeight: 300,
+                    maxHeight: `calc(100vh - 45px - 45px - 55px - 45px - ${theme.spacing(2)})`,
+                    [theme.breakpoints.up('md')]: {
+                        maxHeight: 380
+                    }
+                }
             }
         }),
         contentPollRoot: ({ theme }) => ({
@@ -142,7 +156,21 @@ const Component = {
                 marginTop: theme.spacing(3)
             }
         }),
-        contentPostRoot: ({ theme }) => ({}),
+        contentPostRoot: ({ theme }) => ({
+            '& .SCEditor-root': {
+                '& .SCEditor-placeholder': {
+                    top: theme.spacing()
+                },
+                '& .SCEditor-content': {
+                    overflowY: 'auto',
+                    minHeight: 300,
+                    maxHeight: `calc(100vh - 45px - 45px - ${theme.spacing(3)})`,
+                    [theme.breakpoints.up('md')]: {
+                        maxHeight: 400
+                    }
+                }
+            }
+        }),
         layerTransitionRoot: ({ theme }) => ({
             position: 'absolute',
             top: 0,

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

@@ -0,0 +1,12 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .MuiButton-startIcon': {
+                '& .MuiIcon-root': {
+                    fontSize: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCCreateLiveStreamButton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .MuiButton-startIcon': {
+                '& .MuiIcon-root': {
+                    fontSize: '1.2rem'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -25,6 +25,9 @@ declare const Component: {
                         '-webkit-box-orient': string;
                     };
                 };
+                '& .SCEventInfoDetails-join-live': {
+                    height: number;
+                };
                 '& .SCEventInfoDetails-in-progress': {
                     width: string;
                     height: string;

package/lib/cjs/components/SCEventInfoDetails.js

@@ -25,6 +25,9 @@ const Component = {
                         '-webkit-box-orient': 'vertical'
                     }
                 },
+                '& .SCEventInfoDetails-join-live': {
+                    height: 20
+                },
                 '& .SCEventInfoDetails-in-progress': {
                     width: '6px',
                     height: '6px',

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

@@ -65,16 +65,16 @@ declare const Component: {
                     [x: number]: {
                         marginRight: string;
                     };
+                    height: number;
                 };
             };
             '& .SCFeedObject-group, & .SCFeedObject-event': {
                 justifyContent: string;
-                padding: any;
-                height: number;
                 '& a': {
                     padding: any;
-                    marginBottom: any;
+                    margin: any;
                     color: any;
+                    maxHeight: number;
                     '&:hover': {
                         backgroundColor: any;
                     };
@@ -308,8 +308,19 @@ declare const Component: {
                         };
                         '& span span': {
                             display: string;
+                        };
+                        '& span span:not(:has(+ a))': {
                             width: string;
                         };
+                        '& span a': {
+                            display: string;
+                            margin: any;
+                        };
+                        '& span a:hover': {
+                            '& span': {
+                                textDecoration: string;
+                            };
+                        };
                     };
                     '& .SCFeedObject-medias-section': {
                         '& .SCFeedObjectMediaPreview-root': {

package/lib/cjs/components/SCFeedObject.js

@@ -65,6 +65,7 @@ const Component = {
                     }
                 },
                 '& .SCFeedObject-group, & .SCFeedObject-event': {
+                    height: 20,
                     [theme.breakpoints.up('sm')]: {
                         marginRight: `${theme.spacing(1)} !important`
                     }
@@ -72,12 +73,11 @@ const Component = {
             },
             '& .SCFeedObject-group, & .SCFeedObject-event': {
                 justifyContent: 'flex-start',
-                padding: theme.spacing(0.2, 0.5),
-                height: 20,
                 '& a': {
                     padding: theme.spacing(0.5),
-                    marginBottom: theme.spacing(0.5),
+                    margin: theme.spacing(0.5),
                     color: theme.palette.common.white,
+                    maxHeight: 20,
                     '&:hover': {
                         backgroundColor: theme.palette.common.black
                     },
@@ -87,7 +87,7 @@ const Component = {
                     }
                 },
                 borderBottom: '1px solid rgba(221, 221, 221, 1)',
-                margin: theme.spacing(1, 2, 0, 2)
+                margin: theme.spacing(0.5, 2, 0, 2)
             },
             '& .SCFeedObject-content': {
                 padding: theme.spacing(1, 0, 0, 0),
@@ -310,8 +310,19 @@ const Component = {
                             margin: '0 32px'
                         },
                         '& span span': {
-                            display: 'inline-block',
+                            display: 'inline'
+                        },
+                        '& span span:not(:has(+ a))': {
                             width: '100%'
+                        },
+                        '& span a': {
+                            display: 'inline-block',
+                            margin: theme.spacing(0, 0.3)
+                        },
+                        '& span a:hover': {
+                            '& span': {
+                                textDecoration: 'underline'
+                            }
                         }
                     },
                     '& .SCFeedObject-medias-section': {

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

@@ -12,8 +12,19 @@ declare const Component: {
                     '& .SCFeedObject-text-section .SCFeedObject-text': {
                         '& span': {
                             display: string;
+                        };
+                        '& span:not(:has(+ a))': {
                             width: string;
                         };
+                        '& a': {
+                            display: string;
+                            margin: any;
+                        };
+                        '& a:hover': {
+                            '& span': {
+                                textDecoration: string;
+                            };
+                        };
                     };
                 };
             };

package/lib/cjs/components/SCFeedObjectDetailTemplate.js

@@ -13,8 +13,19 @@ const Component = {
                 '& .SCFeedObject-content': {
                     '& .SCFeedObject-text-section .SCFeedObject-text': {
                         '& span': {
-                            display: 'inline-block',
+                            display: 'inline'
+                        },
+                        '& span:not(:has(+ a))': {
                             width: '100%'
+                        },
+                        '& a': {
+                            display: 'inline-block',
+                            margin: theme.spacing(0, 0.3)
+                        },
+                        '& a:hover': {
+                            '& span': {
+                                textDecoration: 'underline'
+                            }
                         }
                     }
                 }

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

@@ -0,0 +1,218 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        detailRoot: ({ theme }: any) => {
+            '& .SCLiveStream-detail-image-wrapper': {
+                position: string;
+                '& .SCLiveStream-detail-image': {
+                    height: string;
+                };
+                '& .SCLiveStream-detail-in-progress': {
+                    backgroundColor: any;
+                    position: string;
+                    top: number;
+                    right: number;
+                    color: any;
+                    boxShadow: string;
+                };
+            };
+            '& .SCLiveStream-detail-content': {
+                padding: string;
+                '& .SCLiveStream-detail-user': {
+                    marginTop: string;
+                    '& .SCBaseItemButton-text': {
+                        margin: number;
+                    };
+                };
+                '& .SCLiveStream-detail-name-wrapper': {
+                    textDecoration: string;
+                    color: string;
+                    '& .SCLiveStream-detail-name': {
+                        marginBottom: string;
+                    };
+                };
+                '& .SCLiveStream-detail-first-divider': {
+                    marginTop: string;
+                    marginBottom: any;
+                };
+                '& .SCLiveStream-detail-second-divider': {
+                    marginTop: any;
+                    marginBottom: string;
+                };
+            };
+        };
+        previewRoot: ({ theme }: any) => {
+            '& .SCLiveStream-preview-image-wrapper': {
+                position: string;
+                '& .SCLiveStream-preview-image': {
+                    height: string;
+                };
+                '& .SCLiveStream-preview-in-progress': {
+                    height: number;
+                    backgroundColor: any;
+                    position: string;
+                    top: number;
+                    right: number;
+                    color: any;
+                    boxShadow: string;
+                    '& span': {
+                        fontSize: string;
+                        paddingLeft: any;
+                        paddingRight: any;
+                    };
+                };
+            };
+            '& .SCLiveStream-preview-content': {
+                padding: string;
+                '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
+                    '& .MuiTypography-root': {
+                        fontSize: string;
+                    };
+                };
+                '& .SCLiveStream-detail-user': {
+                    marginTop: string;
+                    '& .SCBaseItemButton-text': {
+                        margin: number;
+                    };
+                };
+                '& .SCLiveStream-preview-name-wrapper': {
+                    marginTop: number;
+                    textDecoration: string;
+                    color: string;
+                    '& h5': {
+                        whiteSpace: string;
+                        overflow: string;
+                        textOverflow: string;
+                    };
+                };
+            };
+        };
+        snippetRoot: ({ theme }: any) => {
+            overflow: string;
+            boxSizing: string;
+            paddingLeft: string;
+            paddingRight: string;
+            '& .SCBaseItem-image': {
+                '& .MuiAvatar-root': {
+                    width: number;
+                    height: number;
+                    borderRadius: string;
+                    '& img': {
+                        borderRadius: string;
+                    };
+                };
+            };
+            '& .SCLiveStream-snippet-image': {
+                position: string;
+                '& .SCLiveStream-snippet-in-progress': {
+                    height: number;
+                    backgroundColor: any;
+                    position: string;
+                    top: number;
+                    right: number;
+                    color: any;
+                    boxShadow: string;
+                    '& span': {
+                        fontSize: string;
+                        paddingLeft: any;
+                        paddingRight: any;
+                    };
+                };
+            };
+            '& .SCBaseItem-text': {
+                fontSize: any;
+                '& .SCLiveStream-snippet-primary': {
+                    color: any;
+                    textDecoration: string;
+                    '&:hover': {
+                        textDecoration: string;
+                    };
+                    '& p': {
+                        fontWeight: any;
+                    };
+                };
+                '& .SCLiveStream-snippet-secondary': {
+                    color: any;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCLiveStream-skeleton-detail-root': {
+                '& .SCLiveStream-skeleton-detail-calendar': {
+                    position: string;
+                    bottom: string;
+                    left: string;
+                    boxShadow: string;
+                };
+                '& .SCLiveStream-skeleton-detail-content': {
+                    padding: string;
+                    '& .SCLiveStream-skeleton-detail-user': {
+                        marginTop: string;
+                        '& .SCBaseItemButton-text': {
+                            margin: number;
+                        };
+                    };
+                    '& .SCLiveStream-skeleton-detail-name-wrapper': {
+                        textDecoration: string;
+                        color: string;
+                        '& .SCLiveStream-skeleton-detail-name': {
+                            marginBottom: string;
+                        };
+                    };
+                    '& .SCLiveStream-skeleton-detail-first-divider': {
+                        marginTop: string;
+                        marginBottom: any;
+                    };
+                    '& .SCLiveStream-skeleton-detail-second-divider': {
+                        marginTop: any;
+                        marginBottom: string;
+                    };
+                };
+            };
+            '& .SCLiveStream-skeleton-preview-root': {
+                '& .SCLiveStream-skeleton-preview-content': {
+                    padding: any;
+                };
+                '& .SCLiveStream-skeleton-preview-image': {
+                    position: string;
+                    '& .MuiSkeleton-root': {
+                        borderRadius: string;
+                    };
+                    '& .MuiIcon-root': {
+                        color: any;
+                        position: string;
+                        top: string;
+                        left: string;
+                        transform: string;
+                    };
+                };
+                '& .SCBaseItem-actions': {
+                    maxWidth: string;
+                };
+            };
+            '& .SCLiveStream-skeleton-snippet-root': {
+                overflow: string;
+                boxSizing: string;
+                paddingLeft: string;
+                paddingRight: string;
+                '& .SCLiveStream-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;
+                };
+            };
+        };
+    };
+};
+export default Component;