@selfcommunity/react-theme-default 0.4.5-alpha.2 → 0.4.5-alpha.21

package/lib/esm/index.d.ts

@@ -441,52 +441,43 @@ declare const theme: {
                             paddingBottom: number;
                             paddingLeft: number;
                             paddingRight: number;
-                            '& .SCBaseItemButton-actions': {
-                                right: number;
-                            };
                         };
                     };
                     '& .SCBaseItemButton-content': {
                         display: string;
-                        flexDirection: string;
                         justifyContent: string;
                         alignItems: string;
-                        width: string;
-                    };
-                    '& .SCBaseItemButton-image': {
-                        flexShrink: number;
-                        marginRight: any;
-                    };
-                    '& .SCBaseItemButton-text': {
-                        flex: string;
-                        marginTop: any;
-                        marginBottom: any;
-                        textAlign: string;
-                    };
-                    '& .SCBaseItemButton-primary': {
-                        color: any;
-                    };
-                    '& .SCBaseItemButton-secondary': {
-                        color: any;
-                    };
-                    '& .SCBaseItemButton-primary, & .SCBaseItemButton-secondary': {
-                        whiteSpace: string;
-                        overflow: string;
-                        textOverflow: string;
-                        display: string;
+                        gap: any;
+                        '& .SCBaseItemButton-image': {
+                            flexShrink: number;
+                        };
+                        '& .SCBaseItemButton-text': {
+                            marginTop: any;
+                            marginBottom: any;
+                            '& .SCBaseItemButton-primary': {
+                                color: any;
+                            };
+                            '& .SCBaseItemButton-secondary': {
+                                color: any;
+                            };
+                        };
                     };
                     '&.SCBaseItemButton-with-actions': {
-                        '& .SCBaseItemButton-text > *': {
-                            [x: number]: {
-                                maxWidth: string;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        gap: string;
+                        '& .SCBaseItemButton-content': {
+                            overflow: string;
+                            '& .SCBaseItemButton-text': {
+                                whiteSpace: string;
+                                overflow: string;
+                                textOverflow: string;
+                                flexGrow: number;
                             };
-                            maxWidth: string;
                         };
                         '& .SCBaseItemButton-actions': {
-                            position: string;
-                            right: any;
-                            top: string;
-                            transform: string;
+                            flexShrink: number;
                             maxWidth: any;
                         };
                     };
@@ -1032,27 +1023,16 @@ declare const theme: {
                         color: any;
                     };
                     '& .SCCommentObject-comment-sub-section': {
-                        [x: number]: {
-                            '& > *': {
-                                marginRight: number;
-                            };
-                            '& .SCCommentObject-vote-audience': {
-                                position: string;
-                                right: number;
-                                top: number;
-                            };
-                            '& .SCBullet-root': {
-                                display: string;
-                            };
-                        };
                         display: string;
                         flexWrap: string;
                         alignItems: string;
                         color: any;
                         marginTop: number;
                         position: string;
-                        '& > *': {
-                            marginRight: any;
+                        '& .SCCommentObject-reply': {
+                            paddingLeft: number;
+                            paddingRight: number;
+                            lineHeight: number;
                         };
                         '& .SCCommentObject-activity-at': {
                             color: string;
@@ -1068,8 +1048,9 @@ declare const theme: {
                             padding: any;
                             textTransform: string;
                         };
-                        '& .SCBullet-root': {
-                            display: string;
+                        '& .SCCommentObject-vote-audience': {
+                            position: string;
+                            right: number;
                         };
                     };
                 };
@@ -1231,7 +1212,6 @@ declare const theme: {
                             '& .MuiDialogContent-root': {
                                 minHeight: number;
                                 height: string;
-                                maxHeight: number;
                             };
                             '& .MuiDialogActions-root': {
                                 justifyContent: string;
@@ -1268,22 +1248,21 @@ declare const theme: {
                             };
                         };
                         '& .MuiDialogContent-root': {
+                            [x: number]: {
+                                overflowY: string;
+                            };
                             margin: string;
                             padding: any;
                             height: 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;
@@ -1327,8 +1306,12 @@ declare const theme: {
                 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;
@@ -1348,6 +1331,19 @@ declare const theme: {
                             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;
@@ -1361,7 +1357,21 @@ declare const theme: {
                         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;
@@ -2215,16 +2225,16 @@ declare const theme: {
                             [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;
                             };
@@ -2456,19 +2466,24 @@ declare const theme: {
                                 '& li': {
                                     margin: string;
                                 };
-                                '& span span': {
-                                    display: string;
-                                };
-                                '& span span:not(:has(+ a))': {
-                                    width: string;
-                                };
-                                '& span a': {
-                                    display: string;
-                                    margin: any;
-                                };
-                                '& span a:hover': {
+                                '& span': {
                                     '& span': {
-                                        textDecoration: string;
+                                        display: string;
+                                    };
+                                    '& span:not(:has(+ a))': {
+                                        width: string;
+                                    };
+                                    '& a': {
+                                        display: string;
+                                        margin: any;
+                                    };
+                                    '& a:hover': {
+                                        '& span': {
+                                            textDecoration: string;
+                                        };
+                                    };
+                                    '& :last-child': {
+                                        display: string;
                                     };
                                 };
                             };
@@ -2481,6 +2496,7 @@ declare const theme: {
                                 fontSize: any;
                                 fontWeight: any;
                                 padding: any;
+                                marginTop: number;
                                 justifyContent: string;
                                 '&:hover': {
                                     backgroundColor: string;
@@ -2527,9 +2543,6 @@ declare const theme: {
                                 };
                             };
                             '& .SCFeedObject-reply-content': {
-                                /**
-                                 * Export default theme
-                                 */
                                 marginLeft: number;
                                 background: string;
                                 '& .SCCommentObjectReply-root': {
@@ -2911,8 +2924,19 @@ declare const theme: {
                             '& .SCFeedObject-text-section .SCFeedObject-text': {
                                 '& span': {
                                     display: string;
+                                };
+                                '& span:not(:has(+ a))': {
                                     width: string;
                                 };
+                                '& a': {
+                                    display: string;
+                                    margin: any;
+                                };
+                                '& a:hover': {
+                                    '& span': {
+                                        textDecoration: string;
+                                    };
+                                };
                             };
                         };
                     };
@@ -3094,6 +3118,9 @@ declare const theme: {
                                     height: any;
                                     width: any;
                                 };
+                                '& .MuiIcon-root': {
+                                    color: any;
+                                };
                             };
                         };
                         '& .SCChangeGroupPictureButton-root': {
@@ -3471,6 +3498,14 @@ declare const theme: {
                         marginTop: any;
                         marginBottom: any;
                     };
+                    '& .SCGroups-search': {
+                        '& .MuiButtonBase-root': {
+                            minWidth: string;
+                            '& .MuiButton-endIcon': {
+                                margin: number;
+                            };
+                        };
+                    };
                     '& .SCGroups-groups': {
                         marginTop: any;
                         '& .SCGroups-item': {
@@ -4486,8 +4521,9 @@ declare const theme: {
                     '& .SCBaseItemButton-text ': {
                         maxWidth: string;
                     };
-                    '& .SCNavigationMenuDrawer-drawer-footer': {
-                        padding: any;
+                    '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
+                        margin: any;
+                        maxWidth: number;
                     };
                 };
             };
@@ -6309,12 +6345,14 @@ declare const theme: {
                         [x: number]: {
                             width: any;
                         };
+                        position: string;
                         '& img': {
                             height: string;
                             width: string;
                         };
                         '& .MuiButtonBase-root': {
                             flexWrap: string;
+                            width: string;
                             position: string;
                             bottom: any;
                             backgroundColor: string;
@@ -7118,6 +7156,15 @@ declare const theme: {
         SCEventFormDialog: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    [x: number]: {
+                        '& .MuiDialogContent-root': {
+                            marginLeft: any;
+                            marginRight: any;
+                        };
+                        '& .SCEventForm-actions': {
+                            marginBottom: any;
+                        };
+                    };
                     '& .MuiDialogTitle-root': {
                         '& span': {
                             flexGrow: number;
@@ -7222,6 +7269,14 @@ declare const theme: {
                                 paddingRight: any;
                             };
                         };
+                        '& .SCEvent-finished-chip': {
+                            backgroundColor: any;
+                            position: string;
+                            top: number;
+                            right: number;
+                            color: any;
+                            boxShadow: string;
+                        };
                     };
                     '& .SCEvent-preview-content': {
                         padding: string;
@@ -7278,6 +7333,20 @@ declare const theme: {
                                 paddingRight: any;
                             };
                         };
+                        '& .SCEvent-finished-chip': {
+                            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;
@@ -7403,6 +7472,16 @@ declare const theme: {
         SCEvents: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    '& .SCEvents-section-title': {
+                        marginTop: any;
+                        marginBottom: any;
+                        color: any;
+                        fontWeight: number;
+                        fontSize: number;
+                    };
+                    '& .SCEvents-divider': {
+                        marginBottom: any;
+                    };
                     '& .SCEvents-filters': {
                         alignItems: string;
                         marginTop: any;
@@ -7480,7 +7559,7 @@ declare const theme: {
                         };
                     };
                 };
-                eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
+                eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
                     height: any;
                     borderRadius: any;
                     color: any;
@@ -8920,6 +8999,17 @@ declare const theme: {
                 };
             };
         };
+        SCCreateLiveStreamButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .MuiButton-startIcon': {
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                        };
+                    };
+                };
+            };
+        };
         SCCreateLiveStreamDialog: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -8943,6 +9033,8 @@ declare const theme: {
                         "& a": {
                             color: any;
                             fontWeight: string;
+                            textDecoration: string;
+                            whiteSpace: string;
                         };
                     };
                     '& .SCLiveStreamSelector-options': {
@@ -9020,6 +9112,15 @@ declare const theme: {
                             minWidth: string;
                         };
                     };
+                    '& .SCLiveStreamForm-warning': {
+                        margin: any;
+                        "& a": {
+                            color: any;
+                            fontWeight: string;
+                            textDecoration: string;
+                            whiteSpace: string;
+                        };
+                    };
                     "& .SCLiveStreamForm-access-view": {
                         margin: any;
                     };
@@ -9142,6 +9243,25 @@ declare const theme: {
                             backgroundColor: any;
                         };
                     };
+                    '& .lk-settings-menu-modal': {
+                        minWidth: number;
+                        paddingTop: any;
+                        '& .lk-settings-menu-modal-icon-close': {
+                            color: any;
+                            position: string;
+                            top: number;
+                            right: number;
+                        };
+                        '& .MuiFormControlLabel-root': {
+                            marginLeft: number;
+                        };
+                        '& .MuiTypography-body1': {
+                            color: string;
+                        };
+                        '& .MuiSwitch-track': {
+                            backgroundColor: any;
+                        };
+                    };
                 };
                 dialogRoot: ({ theme }: any) => {
                     "& .SCLiveStreamRoom-end-conference-wrap": {
@@ -9150,7 +9270,14 @@ declare const theme: {
                         alignItems: string;
                         alignContent: string;
                         flexDirection: string;
-                        "& .SCLiveStreamVideoConference-btn-back-home": {
+                        "& .SCLiveStreamRoom-logo": {
+                            img: {
+                                maxHeight: number;
+                                maxWidth: number;
+                            };
+                            marginBottom: any;
+                        };
+                        "& .SCLiveStreamRoom-btn-back-home": {
                             marginTop: any;
                         };
                     };
@@ -9171,10 +9298,13 @@ declare const theme: {
                         alignItems: string;
                         alignContent: string;
                         flexDirection: string;
+                        textAlign: string;
                         "& .SCLiveStreamVideoConference-logo": {
                             img: {
-                                maxHeight: string;
+                                maxHeight: number;
+                                maxWidth: number;
                             };
+                            marginBottom: any;
                         };
                         "& .SCLiveStreamVideoConference-btn-back-home": {
                             marginTop: any;

package/lib/esm/index.js

@@ -141,6 +141,7 @@ import SCSearchAutocomplete from './components/SCSearchAutocomplete';
 import SCSnippetNotifications from './components/SCSnippetNotifications';
 import SCSuggestedEventsWidget from './components/SCSuggestedEventsWidget';
 import SCLiveStream from './components/SCLiveStream';
+import SCCreateLiveStreamButton from './components/SCCreateLiveStreamButton';
 import SCCreateLiveStreamDialog from './components/SCLiveStreamDialog';
 import SCLiveStreamSelector from './components/SCLiveStreamSelector';
 import SCLiveStreamForm from './components/SCLiveStreamForm';
@@ -419,6 +420,7 @@ const theme = {
         SCLiveStreamInfoDetails,
         SCUpScalingTierBadge,
         SCUserLiveStreamWidget,
+        SCCreateLiveStreamButton,
         SCCreateLiveStreamDialog,
         SCLiveStreamSelector,
         SCLiveStreamForm,