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

package/lib/cjs/components/SCEditCourse.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             [theme.breakpoints.down('sm')]: {
                 marginBottom: '56px'
             },
+            '& .SCEditCourse-contrast-color': {
+                color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
+            },
             '& .SCEditCourse-header': {
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -50,7 +54,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]}`,
@@ -59,109 +71,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
                             }
                         }
                     }
@@ -174,19 +197,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)
+                    }
                 }
             }
         }),
@@ -225,30 +257,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': {
@@ -257,19 +298,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/cjs/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/cjs/components/SCEmptyStatus.js

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

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

@@ -61,6 +61,14 @@ declare const Component: {
                         paddingRight: any;
                     };
                 };
+                '& .SCEvent-finished-chip': {
+                    backgroundColor: any;
+                    position: string;
+                    top: number;
+                    right: number;
+                    color: any;
+                    boxShadow: string;
+                };
             };
             '& .SCEvent-preview-content': {
                 padding: string;
@@ -117,6 +125,20 @@ declare const Component: {
                         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;

package/lib/cjs/components/SCEvent.js

@@ -62,6 +62,14 @@ const Component = {
                         paddingLeft: theme.spacing(0.5),
                         paddingRight: theme.spacing(0.5)
                     }
+                },
+                '& .SCEvent-finished-chip': {
+                    backgroundColor: theme.palette.common.black,
+                    position: 'absolute',
+                    top: 10,
+                    right: 10,
+                    color: theme.palette.common.white,
+                    boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
                 }
             },
             '& .SCEvent-preview-content': {
@@ -118,6 +126,20 @@ const Component = {
                         paddingLeft: theme.spacing(0.5),
                         paddingRight: theme.spacing(0.5)
                     }
+                },
+                '& .SCEvent-finished-chip': {
+                    height: 18,
+                    backgroundColor: theme.palette.common.black,
+                    position: 'absolute',
+                    top: 5,
+                    right: 3,
+                    color: theme.palette.common.white,
+                    boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
+                    '& span': {
+                        fontSize: '0.8rem',
+                        paddingLeft: theme.spacing(0.5),
+                        paddingRight: theme.spacing(0.5)
+                    }
                 }
             },
             '& .SCBaseItem-text': {

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

@@ -113,6 +113,9 @@ declare const Component: {
                     padding: any;
                 };
             };
+            '& .SCEventForm-paywalls-configurator-wrap': {
+                margin: string;
+            };
         };
     };
 };

package/lib/cjs/components/SCEventForm.js

@@ -115,6 +115,9 @@ const Component = {
                 '& .SCEventForm-event-address-tab-content': {
                     padding: theme.spacing(0.5, 2, 2, 2)
                 }
+            },
+            '& .SCEventForm-paywalls-configurator-wrap': {
+                margin: '1px'
             }
         })
     }

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

@@ -1,6 +1,15 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            [x: number]: {
+                '& .MuiDialogContent-root': {
+                    marginLeft: any;
+                    marginRight: any;
+                };
+                '& .SCEventForm-actions': {
+                    marginBottom: any;
+                };
+            };
             '& .MuiDialogTitle-root': {
                 '& span': {
                     flexGrow: number;

package/lib/cjs/components/SCEventFormDialog.js

@@ -8,6 +8,15 @@ const Component = {
                     flexGrow: 1,
                     textAlign: 'center'
                 }
+            },
+            [theme.breakpoints.down('sm')]: {
+                '& .MuiDialogContent-root': {
+                    marginLeft: theme.spacing(2),
+                    marginRight: theme.spacing(2)
+                },
+                '& .SCEventForm-actions': {
+                    marginBottom: theme.spacing(2)
+                }
             }
         })
     }

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

@@ -1,6 +1,16 @@
 declare const Component: {
     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;
@@ -78,7 +88,7 @@ declare const Component: {
                 };
             };
         };
-        eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
+        eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
             height: any;
             borderRadius: any;
             color: any;

package/lib/cjs/components/SCEvents.js

@@ -3,6 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            '& .SCEvents-section-title': {
+                marginTop: theme.spacing(4),
+                marginBottom: theme.spacing(1),
+                color: theme.palette.primary.main,
+                fontWeight: 500,
+                fontSize: 18
+            },
+            '& .SCEvents-divider': {
+                marginBottom: theme.spacing(2)
+            },
             '& .SCEvents-filters': {
                 alignItems: 'center',
                 marginTop: theme.spacing(),
@@ -80,10 +90,10 @@ const Component = {
                 }
             }
         }),
-        eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
+        eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }) => ({
             height: theme.spacing(4.75),
             borderRadius: theme.spacing(0.5),
-            color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
+            color: showFollowed || showPastEvents || showOngoingEvents ? theme.palette.common.white : theme.palette.text.primary,
             '& .MuiIcon-root': {
                 fontSize: '1rem',
                 color: theme.palette.common.white

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

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

package/lib/cjs/components/SCGroupForm.js

@@ -23,6 +23,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/cjs/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;
         };
     };
 };