@selfcommunity/react-theme-default 0.4.5-alpha.9 → 0.4.5-payments.143

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

@@ -0,0 +1,42 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .MuiList-root': {
+                '& .Mui-selected': {
+                    backgroundColor: any;
+                    '&:hover, &:focus, &:active': {
+                        backgroundColor: any;
+                    };
+                };
+            };
+            '& .SCCourseContentMenu-list-item': {
+                '&:hover, &:focus, &:active': {
+                    backgroundColor: string;
+                };
+            };
+            '& .SCCourseContentMenu-list-item-icon': {
+                minWidth: any;
+                color: any;
+            };
+            '& .SCCourseContentMenu-item': {
+                padding: any;
+                '& .MuiListItemText-primary': {
+                    fontWeight: any;
+                };
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+            '& .SCCourseContentMenu-item-icon': {
+                minWidth: any;
+            };
+            '& .SCCourseContentMenu-icon-complete': {
+                color: any;
+            };
+            '& .SCCourseContentMenu-icon-incomplete': {
+                color: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCCourseContentMenu.js

@@ -0,0 +1,40 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .MuiList-root': {
+                '& .Mui-selected': {
+                    backgroundColor: theme.palette.grey[300],
+                    '&:hover, &:focus, &:active': {
+                        backgroundColor: theme.palette.grey[300]
+                    }
+                }
+            },
+            '& .SCCourseContentMenu-list-item': {
+                '&:hover, &:focus, &:active': {
+                    backgroundColor: 'transparent'
+                }
+            },
+            '& .SCCourseContentMenu-list-item-icon': {
+                minWidth: theme.spacing(3),
+                color: theme.palette.text.secondary
+            },
+            '& .SCCourseContentMenu-item': {
+                padding: theme.spacing(0.5, 0, 0.5, 3),
+                '& .MuiListItemText-primary': {
+                    fontWeight: theme.typography.fontWeightMedium
+                },
+                '&:hover': { backgroundColor: 'transparent' }
+            },
+            '& .SCCourseContentMenu-item-icon': {
+                minWidth: theme.spacing(4)
+            },
+            '& .SCCourseContentMenu-icon-complete': {
+                color: theme.palette.success.main
+            },
+            '& .SCCourseContentMenu-icon-incomplete': {
+                color: theme.palette.grey[300]
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,337 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCCourseDashboard-header': {
+                [x: number]: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '& .SCCourseDashboard-header-img': {
+                    [x: number]: {
+                        display: string;
+                    };
+                    width: string;
+                    minHeight: string;
+                    height: string;
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                    marginBottom: string;
+                };
+                '& .SCCourseDashboard-header-outer-wrapper': {
+                    [x: number]: {
+                        flexDirection: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        marginTop: any;
+                        marginBottom: string;
+                    };
+                    alignItems: string;
+                    gap: string;
+                    marginTop: any;
+                    marginBottom: any;
+                    '& .SCCourseDashboard-header-inner-wrapper': {
+                        [x: number]: {
+                            flexDirection: string;
+                            alignItems: string;
+                            gap: string;
+                        };
+                        alignItems: string;
+                        gap: string;
+                        '& .SCCourseDashboard-header-icon-wrapper': {
+                            flexDirection: string;
+                            alignItems: string;
+                            gap: any;
+                        };
+                    };
+                };
+            };
+            '& .SCCourseDashboard-info-wrapper': {
+                [x: number]: {
+                    flexDirection: string;
+                    gap: string;
+                    paddingLeft?: undefined;
+                    paddingRight?: undefined;
+                } | {
+                    paddingLeft: string;
+                    paddingRight: string;
+                    flexDirection?: undefined;
+                    gap?: undefined;
+                };
+                gap: any;
+                marginBottom: any;
+                '& .SCCourseDashboard-info': {
+                    flex: number;
+                    gap: string;
+                    border: string;
+                    borderRadius: string;
+                    padding: any;
+                    '& .SCCourseParticipantsButton-root': {
+                        justifyContent: string;
+                        padding: number;
+                    };
+                };
+            };
+            '& .SCCourseDashboard-tab-list': {
+                borderBottom: string;
+                '& .SCCourseDashboard-tab': {
+                    textTransform: string;
+                };
+                '& > .Mui-disabled': {
+                    opacity: number;
+                };
+                '& > .MuiTabs-scrollButtons': {
+                    display: string;
+                };
+            };
+            '& .SCCourseDashboard-tab-panel': {
+                [x: number]: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                padding: any;
+            };
+            '& .SCCourseDashboard-comments-container': {
+                [x: number]: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '& .SCCourseDashboard-outer-wrapper': {
+                    marginTop: string;
+                    marginBottom: string;
+                    '& .SCCourseDashboard-inner-wrapper': {
+                        gap: any;
+                        marginTop: string;
+                        marginBottom: string;
+                        '& .SCCourseDashboard-user-wrapper': {
+                            flexDirection: string;
+                            gap: string;
+                            '& .SCCourseDashboard-avatar': {
+                                width: string;
+                                height: string;
+                            };
+                            '& .SCCourseDashboard-user-info': {
+                                flexDirection: string;
+                                alignItems: string;
+                                gap: string;
+                                '& .SCCourseDashboard-circle': {
+                                    width: string;
+                                    height: string;
+                                    borderRadius: string;
+                                    backgroundColor: any;
+                                };
+                            };
+                        };
+                        '& .SCCourseDashboard-button': {
+                            width: string;
+                        };
+                    };
+                };
+            };
+            '&.SCCourseDashboard-student-container': {
+                '& .SCCourseDashboard-accordion': {
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                };
+                '& .SCCourseDashboard-user-wrapper': {
+                    flexDirection: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    '& .SCCourseDashboard-user': {
+                        flexDirection: string;
+                        alignItems: string;
+                        gap: string;
+                        marginTop: string;
+                        marginBottom: string;
+                        '& .SCCourseDashboard-avatar': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                    '& .SCCourseDashboard-actions-wrapper': {
+                        flexDirection: string;
+                        gap: string;
+                    };
+                };
+                '& .SCCourseDashboard-lessons-sections': {
+                    flexDirection: string;
+                    alignItems: string;
+                    gap: string;
+                    border: string;
+                    borderBottom: string;
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                    padding: string;
+                    '& .SCCourseDashboard-circle': {
+                        width: string;
+                        height: string;
+                        borderRadius: number;
+                        backgroundColor: any;
+                    };
+                };
+                '& .SCCourseDashboard-margin': {
+                    marginTop: string;
+                    marginBottom: string;
+                };
+                '& .SCCourseDashboard-box': {
+                    gap: string;
+                    border: string;
+                    borderRadius: string;
+                    padding: string;
+                };
+                '& .SCCourseDashboard-percentage-wrapper': {
+                    [x: number]: {
+                        flexDirection: string;
+                    };
+                    justifyContent: string;
+                    gap: string;
+                };
+                '& .SCCourseDashboard-progress': {
+                    borderRadius: string;
+                    backgroundColor: any;
+                };
+                '& .SCCourseDashboard-completed-wrapper': {
+                    flexDirection: string;
+                    alignItems: string;
+                    gap: string;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCCourseDashboard-header': {
+                [x: number]: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '& .SCCourseDashboard-header-img': {
+                    [x: number]: {
+                        display: string;
+                    };
+                    width: string;
+                    minHeight: string;
+                    height: string;
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                    marginBottom: string;
+                };
+                '& .SCCourseDashboard-header-outer-wrapper': {
+                    [x: number]: {
+                        flexDirection: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        marginTop: any;
+                        marginBottom: string;
+                    };
+                    alignItems: string;
+                    gap: string;
+                    marginTop: any;
+                    marginBottom: any;
+                    '& .SCCourseDashboard-header-inner-wrapper': {
+                        [x: number]: {
+                            flexDirection: string;
+                            alignItems: string;
+                            gap: string;
+                        };
+                        alignItems: string;
+                        gap: string;
+                        '& .SCCourseDashboard-header-icon-wrapper': {
+                            flexDirection: string;
+                            alignItems: string;
+                            gap: any;
+                        };
+                    };
+                };
+            };
+            '&.SCCourseDashboard-teacher': {
+                '& .SCCourseDashboard-info-wrapper': {
+                    [x: number]: {
+                        flexDirection: string;
+                        gap: string;
+                        paddingLeft?: undefined;
+                        paddingRight?: undefined;
+                    } | {
+                        paddingLeft: string;
+                        paddingRight: string;
+                        flexDirection?: undefined;
+                        gap?: undefined;
+                    };
+                    gap: any;
+                    marginBottom: any;
+                    '& .SCCourseDashboard-info': {
+                        flex: number;
+                        gap: string;
+                        border: string;
+                        borderRadius: string;
+                        padding: any;
+                        '& .SCCourseParticipantsButton-root': {
+                            justifyContent: string;
+                            padding: number;
+                        };
+                    };
+                };
+                '& .SCCourseDashboard-tab-list': {
+                    flexDirection: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    gap: any;
+                    borderBottom: string;
+                    padding: any;
+                };
+            };
+            '&.SCCourseDashboard-student': {
+                '& .SCCourseDashboard-user-wrapper': {
+                    flexDirection: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    '& .SCCourseDashboard-user': {
+                        flexDirection: string;
+                        alignItems: string;
+                        gap: string;
+                        marginTop: string;
+                        marginBottom: string;
+                        '& .SCCourseDashboard-avatar': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                };
+                '& .SCCourseDashboard-margin': {
+                    marginTop: string;
+                    marginBottom: string;
+                };
+                '& .SCCourseDashboard-box': {
+                    gap: string;
+                    border: string;
+                    borderRadius: string;
+                    padding: string;
+                };
+                '& .SCCourseDashboard-percentage-wrapper': {
+                    [x: number]: {
+                        flexDirection: string;
+                    };
+                    justifyContent: string;
+                    gap: string;
+                };
+                '& .SCCourseDashboard-lessons-sections': {
+                    flexDirection: string;
+                    alignItems: string;
+                    gap: string;
+                    border: string;
+                    borderBottom: string;
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                    padding: string;
+                    '& .SCCourseDashboard-circle': {
+                        width: string;
+                        height: string;
+                        borderRadius: number;
+                    };
+                };
+            };
+        };
+    };
+};
+export default Component;