@selfcommunity/react-theme-default 0.4.5-payments.168 → 0.4.5-payments.169

package/lib/esm/components/SCEditCourse.js

@@ -1,9 +1,13 @@
+import { getContrastRatio } from '@mui/material';
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             [theme.breakpoints.down('sm')]: {
                 marginBottom: '56px'
             },
+            '& .SCEditCourse-contrast-color': {
+                color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
+            },
             '& .SCEditCourse-header': {
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -48,7 +52,15 @@ const Component = {
                     }
                 },
                 '& .SCEditCourse-status': {
-                    borderRadius: theme.spacing(1)
+                    borderRadius: theme.spacing(1),
+                    '& .MuiButtonBase-root': {
+                        padding: 0,
+                        textDecoration: 'underline',
+                        '&:hover': {
+                            backgroundColor: 'unset',
+                            textDecoration: 'underline'
+                        }
+                    }
                 },
                 '& .SCEditCourse-lesson-empty-status': {
                     border: `1px solid ${theme.palette.grey[300]}`,
@@ -57,109 +69,120 @@ const Component = {
                 '& .SCEditCourse-empty-status-button': {
                     marginTop: '7px'
                 },
-                '& .SCEditCourse-lessons-sections-wrapper': {
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    marginTop: '9px',
-                    padding: theme.spacing(2),
+                '& .SCEditCourse-lessons-inner-wrapper': {
                     border: `1px solid ${theme.palette.grey[300]}`,
-                    borderBottom: 'unset',
-                    borderTopLeftRadius: '5px',
-                    borderTopRightRadius: '5px',
-                    '& .SCEditCourse-lessons-sections': {
+                    borderRadius: '5px',
+                    backgroundColor: theme.palette.common.white,
+                    marginTop: '9px',
+                    padding: theme.spacing(1),
+                    [theme.breakpoints.up('sm')]: {
+                        padding: theme.spacing(2)
+                    },
+                    '& .SCEditCourse-lessons-sections-wrapper': {
                         flexDirection: 'row',
                         alignItems: 'center',
-                        gap: '6px',
-                        '& .SCEditCourse-circle': {
-                            width: '6px',
-                            height: '6px',
-                            borderRadius: 9999,
-                            backgroundColor: theme.palette.common.black
-                        }
-                    },
-                    '& .SCEditCourse-section-button': {
-                        alignItems: 'flex-start',
-                        '& .SCEditCourse-section-button-typography': {
-                            textTransform: 'inherit'
-                        }
-                    }
-                },
-                '& .SCEditCourse-table-container': {
-                    width: 'auto',
-                    border: `1px solid ${theme.palette.grey[300]}`,
-                    borderBottomLeftRadius: '5px',
-                    borderBottomRightRadius: '5px',
-                    '& .SCEditCourse-table': {
-                        '& .SCEditCourse-cell-width': {
-                            width: '3%'
-                        },
-                        '& .SCEditCourse-cell-align-center': {
-                            textAlign: 'center'
-                        },
-                        '& .SCEditCourse-cell-align-right': {
-                            textAlign: 'right'
-                        },
-                        '& .SCEditCourse-cell-padding': {
-                            paddingRight: 0
-                        },
-                        '& .MuiTableCell-root': {
-                            textWrapMode: 'nowrap'
-                        },
-                        '& .SCEditCourse-table-header': {
-                            '& .SCEditCourse-table-header-typography': {
-                                textTransform: 'uppercase'
+                        justifyContent: 'space-between',
+                        padding: theme.spacing(2),
+                        border: `1px solid ${theme.palette.grey[300]}`,
+                        borderBottom: 'unset',
+                        borderTopLeftRadius: '5px',
+                        borderTopRightRadius: '5px',
+                        backgroundColor: theme.palette.common.white,
+                        '& .SCEditCourse-lessons-sections': {
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            gap: '6px',
+                            '& .SCEditCourse-circle': {
+                                width: '6px',
+                                height: '6px',
+                                borderRadius: 9999,
+                                backgroundColor: theme.palette.common.black
                             }
                         },
-                        '& .SCEditCourse-table-body': {
-                            '& .SCEditCourse-table-body-icon-wrapper': {
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: '10px'
+                        '& .SCEditCourse-section-button': {
+                            alignItems: 'flex-start',
+                            '& .SCEditCourse-section-button-typography': {
+                                textTransform: 'inherit'
+                            }
+                        }
+                    },
+                    '& .SCEditCourse-table-container': {
+                        width: 'auto',
+                        border: `1px solid ${theme.palette.grey[300]}`,
+                        borderBottomLeftRadius: '5px',
+                        borderBottomRightRadius: '5px',
+                        backgroundColor: theme.palette.common.white,
+                        '& .SCEditCourse-table': {
+                            '& .SCEditCourse-cell-width': {
+                                width: '3%'
                             },
-                            '& .SCEditCourse-table-body-accordion': {
-                                backgroundColor: theme.palette.grey[200]
+                            '& .SCEditCourse-cell-align-center': {
+                                textAlign: 'center'
                             },
-                            '& .SCEditCourse-edit-mode-wrapper': {
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: '5px',
-                                '& .SCEditCourse-edit-mode-save-button': {
-                                    minWidth: 'unset',
-                                    borderRadius: '5px',
-                                    padding: '8px'
-                                },
-                                '& .SCEditCourse-edit-mode-close-button': {
-                                    border: `1px solid ${theme.palette.action.active}`,
-                                    borderRadius: '5px',
-                                    padding: '8px'
+                            '& .SCEditCourse-cell-align-right': {
+                                textAlign: 'right'
+                            },
+                            '& .SCEditCourse-cell-padding': {
+                                paddingRight: 0
+                            },
+                            '& .MuiTableCell-root': {
+                                textWrapMode: 'nowrap'
+                            },
+                            '& .SCEditCourse-table-header': {
+                                '& .SCEditCourse-table-header-typography': {
+                                    textTransform: 'uppercase'
                                 }
                             },
-                            '& .SCEditCourse-actions-wrapper': {
-                                display: 'inline-flex',
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: '14px',
-                                [theme.breakpoints.up('sm')]: {
-                                    gap: '22px'
+                            '& .SCEditCourse-table-body': {
+                                '& .SCEditCourse-table-body-icon-wrapper': {
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    gap: '10px'
+                                },
+                                '& .SCEditCourse-table-body-accordion': {
+                                    backgroundColor: theme.palette.grey[200]
+                                },
+                                '& .SCEditCourse-edit-mode-wrapper': {
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    gap: '5px',
+                                    '& .SCEditCourse-edit-mode-save-button': {
+                                        minWidth: 'unset',
+                                        borderRadius: '5px',
+                                        padding: '8px'
+                                    },
+                                    '& .SCEditCourse-edit-mode-close-button': {
+                                        border: `1px solid ${theme.palette.action.active}`,
+                                        borderRadius: '5px',
+                                        padding: '8px'
+                                    }
                                 },
-                                '& .SCEditCourse-change-lesson-status-published-wrapper': {
-                                    color: theme.palette.common.white,
-                                    backgroundColor: theme.palette.primary.main,
-                                    '& .MuiIcon-root': {
-                                        color: theme.palette.common.white
+                                '& .SCEditCourse-actions-wrapper': {
+                                    display: 'inline-flex',
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    gap: '14px',
+                                    [theme.breakpoints.up('sm')]: {
+                                        gap: '22px'
+                                    },
+                                    '& .SCEditCourse-change-lesson-status-published-wrapper': {
+                                        color: theme.palette.common.white,
+                                        backgroundColor: theme.palette.primary.main,
+                                        '& .MuiIcon-root': {
+                                            color: theme.palette.common.white
+                                        }
+                                    },
+                                    '& .SCEditCourse-change-lesson-status-icon-draft': {
+                                        width: '20px',
+                                        height: '20px',
+                                        borderRadius: 9999,
+                                        backgroundColor: theme.palette.grey['600']
                                     }
                                 },
-                                '& .SCEditCourse-change-lesson-status-icon-draft': {
-                                    width: '20px',
-                                    height: '20px',
-                                    borderRadius: 9999,
-                                    backgroundColor: theme.palette.grey['600']
+                                '& .SCEditCourse-table-body-collapse-wrapper': {
+                                    padding: 0,
+                                    border: 0
                                 }
-                            },
-                            '& .SCEditCourse-table-body-collapse-wrapper': {
-                                padding: 0,
-                                border: 0
                             }
                         }
                     }
@@ -172,19 +195,28 @@ const Component = {
                     marginTop: '7px',
                     marginBottom: theme.spacing(2)
                 },
-                '& .SCEditCourse-options-wrapper': {
-                    gap: theme.spacing(5),
-                    maxWidth: '600px',
-                    margin: 'auto'
-                },
-                '& .SCEditCourse-options-divider': {
-                    marginTop: '21px',
-                    marginBottom: theme.spacing(3)
-                },
-                '& .SCEditCourse-options-button-wrapper': {
-                    alignItems: 'flex-end',
-                    maxWidth: '600px',
-                    margin: 'auto'
+                '& .SCEditCourse-options-container': {
+                    border: `1px solid ${theme.palette.grey['300']}`,
+                    borderRadius: '5px',
+                    padding: theme.spacing(1),
+                    backgroundColor: theme.palette.common.white,
+                    [theme.breakpoints.up('sm')]: {
+                        padding: theme.spacing(2)
+                    },
+                    '& .SCEditCourse-options-wrapper': {
+                        gap: theme.spacing(5),
+                        maxWidth: '600px',
+                        margin: 'auto'
+                    },
+                    '& .SCEditCourse-options-divider': {
+                        marginTop: '21px',
+                        marginBottom: theme.spacing(3)
+                    },
+                    '& .SCEditCourse-options-button-wrapper': {
+                        alignItems: 'flex-end',
+                        maxWidth: '600px',
+                        margin: theme.spacing(2, 'auto', 0)
+                    }
                 }
             }
         }),
@@ -223,30 +255,39 @@ const Component = {
                     gap: theme.spacing(1)
                 }
             },
-            '& .SCEditCourse-lessons-sections-wrapper': {
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                marginTop: '9px',
-                padding: theme.spacing(2),
-                border: `1px solid ${theme.palette.grey[300]}`,
-                borderRadius: '5px'
-            },
-            '& .SCEditCourse-table-container': {
-                width: 'auto',
+            '& .SCEditCourse-lessons-inner-wrapper': {
                 border: `1px solid ${theme.palette.grey[300]}`,
-                borderBottomLeftRadius: '5px',
-                borderBottomRightRadius: '5px',
-                '& .SCEditCourse-margin': {
-                    margin: 'auto'
-                },
-                '& .SCEditCourse-margin-left': {
-                    marginLeft: 'auto'
+                borderRadius: '5px',
+                backgroundColor: theme.palette.common.white,
+                marginTop: '9px',
+                padding: theme.spacing(1),
+                [theme.breakpoints.up('sm')]: {
+                    padding: theme.spacing(2)
                 },
-                '& .SCEditCourse-actions-wrapper': {
+                '& .SCEditCourse-lessons-sections-wrapper': {
                     flexDirection: 'row',
-                    justifyContent: 'flex-end',
-                    gap: '22px'
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    padding: theme.spacing(2),
+                    border: `1px solid ${theme.palette.grey[300]}`,
+                    borderRadius: '5px'
+                },
+                '& .SCEditCourse-table-container': {
+                    width: 'auto',
+                    border: `1px solid ${theme.palette.grey[300]}`,
+                    borderBottomLeftRadius: '5px',
+                    borderBottomRightRadius: '5px',
+                    '& .SCEditCourse-margin': {
+                        margin: 'auto'
+                    },
+                    '& .SCEditCourse-margin-left': {
+                        marginLeft: 'auto'
+                    },
+                    '& .SCEditCourse-actions-wrapper': {
+                        flexDirection: 'row',
+                        justifyContent: 'flex-end',
+                        gap: '22px'
+                    }
                 }
             },
             '& .SCEditCourse-users-status-wrapper': {
@@ -255,19 +296,25 @@ const Component = {
                 marginTop: '7px',
                 marginBottom: theme.spacing(2)
             },
-            '& .SCEditCourse-options-wrapper': {
-                gap: theme.spacing(5),
-                maxWidth: '600px',
-                margin: 'auto'
-            },
-            '& .SCEditCourse-options-divider': {
-                marginTop: '21px',
-                marginBottom: theme.spacing(3)
-            },
-            '& .SCEditCourse-options-button-wrapper': {
-                alignItems: 'flex-end',
-                maxWidth: '600px',
-                margin: 'auto'
+            '& .SCEditCourse-options-container': {
+                border: `1px solid ${theme.palette.grey['300']}`,
+                borderRadius: '5px',
+                paddingBottom: '10px',
+                backgroundColor: theme.palette.common.white,
+                '& .SCEditCourse-options-wrapper': {
+                    gap: theme.spacing(5),
+                    maxWidth: '600px',
+                    margin: 'auto'
+                },
+                '& .SCEditCourse-options-divider': {
+                    marginTop: '21px',
+                    marginBottom: theme.spacing(3)
+                },
+                '& .SCEditCourse-options-button-wrapper': {
+                    alignItems: 'flex-end',
+                    maxWidth: '600px',
+                    margin: 'auto'
+                }
             }
         })
     }

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

@@ -8,6 +8,7 @@ declare const Component: {
             gap: string;
             padding: any;
             marginTop: string;
+            backgroundColor: any;
             '& .SCEmptyStatus-box': {
                 width: string;
                 height: string;

package/lib/esm/components/SCEmptyStatus.js

@@ -6,6 +6,7 @@ const Component = {
             gap: '10px',
             padding: theme.spacing(3),
             marginTop: '9px',
+            backgroundColor: theme.palette.common.white,
             '& .SCEmptyStatus-box': {
                 width: '130px',
                 height: '130px',

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/SCLessonCommentObjects.d.ts

@@ -24,11 +24,12 @@ declare const Component: {
                         marginLeft: string;
                     };
                 };
-                marginTop: any;
+                marginTop: string;
                 marginBottom: number;
             };
             '& .infinite-scroll-component__outerdiv': {
                 overflowY: string;
+                marginBottom: any;
                 '& .infinite-scroll-component': {
                     '& .MuiList-root ': {
                         padding: number;
@@ -42,6 +43,7 @@ declare const Component: {
         skeletonRoot: ({ theme }: any) => {
             width: string;
             backgroundColor: string;
+            padding: any;
         };
     };
 };

package/lib/esm/components/SCLessonCommentObjects.js

@@ -24,11 +24,12 @@ const Component = {
                         marginLeft: 'auto'
                     }
                 },
-                marginTop: theme.spacing(2),
+                marginTop: 'auto',
                 marginBottom: 0
             },
             '& .infinite-scroll-component__outerdiv': {
                 overflowY: 'auto',
+                marginBottom: theme.spacing(2),
                 '& .infinite-scroll-component': {
                     '& .MuiList-root ': {
                         padding: 0,
@@ -41,7 +42,8 @@ const Component = {
         }),
         skeletonRoot: ({ theme }) => ({
             width: '100%',
-            backgroundColor: 'transparent'
+            backgroundColor: 'transparent',
+            padding: theme.spacing(2, 0, 0, 2)
         })
     }
 };

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

@@ -19,7 +19,9 @@ declare const Component: {
                 backgroundColor: any;
             };
             '& .SCLessonDrawer-header': {
-                minHeight: string;
+                [x: number]: {
+                    minHeight: string;
+                };
                 display: string;
                 padding: any;
             };

package/lib/esm/components/SCLessonDrawer.js

@@ -19,7 +19,9 @@ const Component = {
                 backgroundColor: theme.palette.grey[200]
             },
             '& .SCLessonDrawer-header': {
-                minHeight: '60px',
+                [theme.breakpoints.up('sm')]: {
+                    minHeight: '60px'
+                },
                 display: 'block',
                 padding: theme.spacing(1.5)
             },

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

@@ -30,9 +30,12 @@ declare const Component: {
                     };
                 };
                 '& .SCLessonObject-medias-section': {
-                    display: string;
+                    '& .SCLessonObject-files': {
+                        display: string;
+                    };
                     '& .SCLessonFilePreview-root': {
                         marginBottom: any;
+                        maxWidth: string;
                     };
                     '& .SCMediaLink-display-root': {
                         marginBottom: any;

package/lib/esm/components/SCLessonObject.js

@@ -30,9 +30,12 @@ const Component = {
                     }
                 },
                 '& .SCLessonObject-medias-section': {
-                    display: 'flex',
+                    '& .SCLessonObject-files': {
+                        display: 'flex'
+                    },
                     '& .SCLessonFilePreview-root': {
-                        marginBottom: theme.spacing(1)
+                        marginBottom: theme.spacing(1),
+                        maxWidth: '140px'
                     },
                     '& .SCMediaLink-display-root': {
                         marginBottom: theme.spacing(1),

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

@@ -8,6 +8,11 @@ declare const Component: {
                 justifyContent: string;
                 marginBottom: any;
             };
+            '& .SCLessonTemplate-preview-info': {
+                justifyContent: string;
+                borderRadius: number;
+                marginBottom: any;
+            };
             '& .SCLessonTemplate-button': {
                 alignSelf: string;
                 marginTop: string;

package/lib/esm/components/SCLessonTemplate.js

@@ -14,6 +14,10 @@ const Component = {
                 alignItems: 'center',
                 justifyContent: 'space-between',
                 marginBottom: theme.spacing(1)
+            }, '& .SCLessonTemplate-preview-info': {
+                justifyContent: 'center',
+                borderRadius: 5,
+                marginBottom: theme.spacing(1)
             }, '& .SCLessonTemplate-button': {
                 alignSelf: 'center',
                 marginTop: 'auto'

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

@@ -278,6 +278,28 @@ declare const Component: {
                 maxWidth: string;
             };
         };
+        courseRoot: ({ theme }: any) => {
+            '& .SCNotification-username, & a': {
+                fontWeight: any;
+            };
+            '& .SCNotificationItem-primary': {
+                '& .SCCourse-root': {
+                    width: string;
+                    '& .SCCourse-snippet-root': {
+                        paddingLeft: string;
+                    };
+                };
+            };
+            '& .SCNotificationItem-secondary': {
+                textTransform: string;
+            };
+            '& .SCNotification-snippet-time': {
+                paddingLeft: any;
+            };
+            '& .SCCourse-snippet-root': {
+                backgroundColor: string;
+            };
+        };
         eventRoot: ({ theme }: any) => {
             '& .SCNotification-username, & a': {
                 fontWeight: any;

package/lib/esm/components/SCNotification.js

@@ -280,6 +280,28 @@ const Component = {
                 maxWidth: '40%'
             }
         }),
+        courseRoot: ({ theme }) => ({
+            '& .SCNotification-username, & a': {
+                fontWeight: theme.typography.fontWeightBold
+            },
+            '& .SCNotificationItem-primary': {
+                '& .SCCourse-root': {
+                    width: '100%',
+                    '& .SCCourse-snippet-root': {
+                        paddingLeft: '0 !important'
+                    }
+                }
+            },
+            '& .SCNotificationItem-secondary': {
+                textTransform: 'capitalize'
+            },
+            '& .SCNotification-snippet-time': {
+                paddingLeft: theme.spacing(5)
+            },
+            '& .SCCourse-snippet-root': {
+                backgroundColor: 'transparent !important'
+            }
+        }),
         eventRoot: ({ theme }) => ({
             '& .SCNotification-username, & a': {
                 fontWeight: theme.typography.fontWeightBold