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

package/lib/esm/components/SCFeedObject.js

@@ -63,6 +63,7 @@ const Component = {
                     }
                 },
                 '& .SCFeedObject-group, & .SCFeedObject-event': {
+                    height: 20,
                     [theme.breakpoints.up('sm')]: {
                         marginRight: `${theme.spacing(1)} !important`
                     }
@@ -70,12 +71,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
                     },
@@ -85,7 +85,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),
@@ -307,19 +307,24 @@ const Component = {
                         '& li': {
                             margin: '0 32px'
                         },
-                        '& span span': {
-                            display: 'inline-block'
-                        },
-                        '& span span:not(:has(+ a))': {
-                            width: '100%'
-                        },
-                        '& span a': {
-                            display: 'inline-block',
-                            margin: theme.spacing(0, 0.3)
-                        },
-                        '& span a:hover': {
+                        '& span': {
                             '& span': {
-                                textDecoration: 'underline'
+                                display: 'inline'
+                            },
+                            '& span:not(:has(+ a))': {
+                                width: '100%'
+                            },
+                            '& a': {
+                                display: 'inline-block',
+                                margin: theme.spacing(0, 0.3)
+                            },
+                            '& a:hover': {
+                                '& span': {
+                                    textDecoration: 'underline'
+                                }
+                            },
+                            '& :last-child': {
+                                display: 'inline'
                             }
                         }
                     },
@@ -332,6 +337,7 @@ const Component = {
                         fontSize: theme.typography.fontSize,
                         fontWeight: theme.typography.fontWeightBold,
                         padding: theme.spacing(0.25),
+                        marginTop: -2,
                         justifyContent: 'start',
                         '&:hover': { backgroundColor: 'transparent' }
                     }

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

@@ -11,8 +11,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/esm/components/SCGroupForm.d.ts

@@ -21,6 +21,9 @@ declare const Component: {
                             height: any;
                             width: any;
                         };
+                        '& .MuiIcon-root': {
+                            color: any;
+                        };
                     };
                 };
                 '& .SCChangeGroupPictureButton-root': {

package/lib/esm/components/SCGroupForm.js

@@ -21,6 +21,9 @@ const Component = {
                         '& img': {
                             height: theme.selfcommunity.group.avatar.sizeMedium,
                             width: theme.selfcommunity.group.avatar.sizeMedium
+                        },
+                        '& .MuiIcon-root': {
+                            color: theme.palette.common.white
                         }
                     }
                 },

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

@@ -13,6 +13,14 @@ declare const Component: {
                 marginTop: any;
                 marginBottom: any;
             };
+            '& .SCGroups-search': {
+                '& .MuiButtonBase-root': {
+                    minWidth: string;
+                    '& .MuiButton-endIcon': {
+                        margin: number;
+                    };
+                };
+            };
             '& .SCGroups-groups': {
                 marginTop: any;
                 '& .SCGroups-item': {

package/lib/esm/components/SCGroups.js

@@ -13,6 +13,14 @@ const Component = {
                 marginTop: theme.spacing(),
                 marginBottom: theme.spacing(2)
             },
+            '& .SCGroups-search': {
+                '& .MuiButtonBase-root': {
+                    minWidth: '30px',
+                    '& .MuiButton-endIcon': {
+                        margin: 0
+                    }
+                }
+            },
             '& .SCGroups-groups': {
                 marginTop: theme.spacing(2),
                 '& .SCGroups-item': {

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

@@ -13,6 +13,15 @@ declare const Component: {
                     minWidth: string;
                 };
             };
+            '& .SCLiveStreamForm-warning': {
+                margin: any;
+                "& a": {
+                    color: any;
+                    fontWeight: string;
+                    textDecoration: string;
+                    whiteSpace: string;
+                };
+            };
             "& .SCLiveStreamForm-access-view": {
                 margin: any;
             };

package/lib/esm/components/SCLiveStreamForm.js

@@ -13,8 +13,17 @@ const Component = {
                     minWidth: 'auto'
                 }
             },
-            [`& .SCLiveStreamForm-access-view`]: {
+            '& .SCLiveStreamForm-warning': {
                 margin: theme.spacing(2, 0),
+                [`& a`]: {
+                    color: theme.palette.common.white,
+                    fontWeight: 'bold',
+                    textDecoration: 'underline',
+                    whiteSpace: 'nowrap'
+                }
+            },
+            [`& .SCLiveStreamForm-access-view`]: {
+                margin: theme.spacing(2, 0)
             },
             [`& .SCLiveStreamForm-actions`]: {
                 display: 'flex',

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

@@ -95,6 +95,25 @@ declare const Component: {
                     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": {
@@ -103,7 +122,14 @@ declare const Component: {
                 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;
                 };
             };

package/lib/esm/components/SCLiveStreamRoom.js

@@ -94,6 +94,25 @@ const Component = {
                 '&:hover': {
                     backgroundColor: theme.palette.primary.dark
                 }
+            },
+            '& .lk-settings-menu-modal': {
+                minWidth: 290,
+                paddingTop: theme.spacing(3),
+                '& .lk-settings-menu-modal-icon-close': {
+                    color: theme.palette.common.white,
+                    position: 'absolute',
+                    top: 3,
+                    right: 2
+                },
+                '& .MuiFormControlLabel-root': {
+                    marginLeft: 0
+                },
+                '& .MuiTypography-body1': {
+                    color: '#FFF !important'
+                },
+                '& .MuiSwitch-track': {
+                    backgroundColor: theme.palette.grey['300']
+                }
             }
         }),
         dialogRoot: ({ theme }) => ({
@@ -103,7 +122,14 @@ const Component = {
                 alignItems: 'center',
                 alignContent: 'center',
                 flexDirection: 'column',
-                [`& .SCLiveStreamVideoConference-btn-back-home`]: {
+                [`& .SCLiveStreamRoom-logo`]: {
+                    img: {
+                        maxHeight: 60,
+                        maxWidth: 300
+                    },
+                    marginBottom: theme.spacing(2)
+                },
+                [`& .SCLiveStreamRoom-btn-back-home`]: {
                     marginTop: theme.spacing(2)
                 }
             }

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

@@ -6,6 +6,8 @@ declare const Component: {
                 "& a": {
                     color: any;
                     fontWeight: string;
+                    textDecoration: string;
+                    whiteSpace: string;
                 };
             };
             '& .SCLiveStreamSelector-options': {

package/lib/esm/components/SCLiveStreamSelector.js

@@ -5,7 +5,9 @@ const Component = {
                 margin: theme.spacing(2, 5, 2, 5),
                 [`& a`]: {
                     color: theme.palette.common.white,
-                    fontWeight: 'bold'
+                    fontWeight: 'bold',
+                    textDecoration: 'underline',
+                    whiteSpace: 'nowrap'
                 }
             },
             '& .SCLiveStreamSelector-options': {
@@ -33,7 +35,7 @@ const Component = {
         optionCardRoot: ({ theme, selected }) => ({
             maxWidth: 300,
             height: 'auto',
-            minHeight: 425,
+            minHeight: 440,
             padding: theme.spacing(3),
             margin: theme.spacing(0, 3),
             cursor: 'pointer',

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

@@ -12,10 +12,13 @@ declare const Component: {
                 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/components/SCLiveStreamVideoConference.js

@@ -12,10 +12,13 @@ const Component = {
                 alignItems: 'center',
                 alignContent: 'center',
                 flexDirection: 'column',
+                textAlign: 'center',
                 [`& .SCLiveStreamVideoConference-logo`]: {
                     img: {
-                        maxHeight: '100px'
-                    }
+                        maxHeight: 70,
+                        maxWidth: 300
+                    },
+                    marginBottom: theme.spacing(2)
                 },
                 [`& .SCLiveStreamVideoConference-btn-back-home`]: {
                     marginTop: theme.spacing(2)

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

@@ -39,8 +39,9 @@ declare const Component: {
             '& .SCBaseItemButton-text ': {
                 maxWidth: string;
             };
-            '& .SCNavigationMenuDrawer-drawer-footer': {
-                padding: any;
+            '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
+                margin: any;
+                maxWidth: number;
             };
         };
     };

package/lib/esm/components/SCNavigationMenuDrawer.js

@@ -40,8 +40,9 @@ const Component = {
             '& .SCBaseItemButton-text ': {
                 maxWidth: '80%'
             },
-            '& .SCNavigationMenuDrawer-drawer-footer': {
-                padding: theme.spacing(3)
+            '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
+                margin: theme.spacing(3),
+                maxWidth: 270
             }
         })
     }

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

@@ -82,12 +82,14 @@ declare const Component: {
                 [x: number]: {
                     width: any;
                 };
+                position: string;
                 '& img': {
                     height: string;
                     width: string;
                 };
                 '& .MuiButtonBase-root': {
                     flexWrap: string;
+                    width: string;
                     position: string;
                     bottom: any;
                     backgroundColor: string;

package/lib/esm/components/SCPrivateMessageThreadItem.js

@@ -79,6 +79,7 @@ const Component = {
                 }
             },
             '& .SCPrivateMessageThreadItem-document': {
+                position: 'relative',
                 [theme.breakpoints.up('sm')]: {
                     width: theme.spacing(32.5)
                 },
@@ -88,7 +89,7 @@ const Component = {
                 },
                 '& .MuiButtonBase-root': {
                     flexWrap: 'wrap',
-                    //width: 'calc(100% - 24px)',
+                    width: '100%',
                     position: 'absolute',
                     bottom: theme.spacing(4),
                     backgroundColor: 'rgba(0,0,0,0.5)',