@selfcommunity/react-theme-default 0.5.0-alpha.1 → 0.5.0-alpha.11

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

@@ -1,6 +1,6 @@
 declare const Component: {
     styleOverrides: {
-        root: () => {
+        root: ({ theme }: any) => {
             width: string;
         };
         snippetRoot: ({ theme }: any) => {
@@ -22,6 +22,17 @@ declare const Component: {
             };
             '& .SCCourse-snippet-image': {
                 position: string;
+                marginLeft: any;
+                '& .SCCourse-chip': {
+                    maxWidth: number;
+                    borderRadius: number;
+                    boxShadow: string;
+                    height: number;
+                    '& span': {
+                        padding: number;
+                        fontSize: string;
+                    };
+                };
                 '& .SCCourse-snippet-in-progress': {
                     height: number;
                     backgroundColor: any;
@@ -70,6 +81,13 @@ declare const Component: {
                     padding: any;
                 };
             };
+            '& .SCBaseItemButton-actions': {
+                marginRight: any;
+            };
+            '& .SCCourse-snippet-privacy': {
+                flexDirection: string;
+                alignItems: string;
+            };
         };
         previewRoot: ({ theme }: any) => {
             [x: number]: {
@@ -263,6 +281,10 @@ declare const Component: {
                     };
                 };
             };
+            '&.MuiPaper-outlined': {
+                paddingLeft: any;
+                paddingRight: any;
+            };
         };
     };
 };

package/lib/esm/components/SCCourse.js

@@ -1,6 +1,6 @@
 const Component = {
     styleOverrides: {
-        root: () => ({
+        root: ({ theme }) => ({
             width: '100%'
         }),
         snippetRoot: ({ theme }) => ({
@@ -22,6 +22,17 @@ const Component = {
             },
             '& .SCCourse-snippet-image': {
                 position: 'relative',
+                marginLeft: theme.spacing(),
+                '& .SCCourse-chip': {
+                    maxWidth: 70,
+                    borderRadius: 3,
+                    boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px,rgba(0, 0, 0, 0.23) 0px 3px 6px',
+                    height: 18,
+                    '& span': {
+                        padding: 3,
+                        fontSize: '0.6rem'
+                    }
+                },
                 '& .SCCourse-snippet-in-progress': {
                     height: 18,
                     backgroundColor: theme.palette.secondary.main,
@@ -69,6 +80,13 @@ const Component = {
                     fontWeight: 700,
                     padding: theme.spacing(0.5)
                 }
+            },
+            '& .SCBaseItemButton-actions': {
+                marginRight: theme.spacing()
+            },
+            '& .SCCourse-snippet-privacy': {
+                flexDirection: 'row',
+                alignItems: 'center'
             }
         }),
         previewRoot: ({ theme }) => ({
@@ -262,6 +280,10 @@ const Component = {
                         transform: 'translate(-50%, -50%)'
                     }
                 }
+            },
+            '&.MuiPaper-outlined': {
+                paddingLeft: theme.spacing(),
+                paddingRight: theme.spacing()
             }
         })
     }

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

@@ -52,6 +52,18 @@ declare const Component: {
                             alignItems: string;
                             gap: any;
                         };
+                        '& .SCBuyButton-request-root': {
+                            fontWeight: any;
+                            '& .MuiButton-startIcon': {
+                                marginRight: any;
+                                '& .MuiIcon-root': {
+                                    fontSize: string;
+                                };
+                            };
+                            '&.Mui-selected, &:hover': {
+                                backgroundColor: string;
+                            };
+                        };
                     };
                 };
             };
@@ -178,6 +190,16 @@ declare const Component: {
                         };
                         margin: string;
                         gap: string;
+                        '& .SCBuyButton-request-root': {
+                            '&:hover, &:active': {
+                                backgroundColor: any;
+                                color: any;
+                                border: string;
+                                '& .MuiIcon-root': {
+                                    color: any;
+                                };
+                            };
+                        };
                     };
                 };
                 '& .SCCourseDashboard-lessons-sections': {

package/lib/esm/components/SCCourseDashboard.js

@@ -50,6 +50,18 @@ const Component = {
                             flexDirection: 'row',
                             alignItems: 'center',
                             gap: theme.spacing(1)
+                        },
+                        '& .SCBuyButton-request-root': {
+                            fontWeight: theme.typography.fontWeightBold,
+                            '& .MuiButton-startIcon': {
+                                marginRight: theme.spacing(0.5),
+                                '& .MuiIcon-root': {
+                                    fontSize: '1.5rem'
+                                }
+                            },
+                            '&.Mui-selected, &:hover': {
+                                backgroundColor: 'transparent'
+                            }
                         }
                     }
                 }
@@ -173,6 +185,16 @@ const Component = {
                         [theme.breakpoints.up('sm')]: {
                             flexDirection: 'row',
                             margin: 0
+                        },
+                        '& .SCBuyButton-request-root': {
+                            '&:hover, &:active': {
+                                backgroundColor: theme.palette.common.white,
+                                color: theme.palette.primary.main,
+                                border: `1px solid ${theme.palette.primary.main}`,
+                                '& .MuiIcon-root': {
+                                    color: theme.palette.primary.main
+                                }
+                            }
                         }
                     }
                 },

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

@@ -1,6 +1,9 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            '& .infinite-scroll-component__outerdiv .infinite-scroll-component': {
+                overflow: string;
+            };
             '& .SCCourses-filters': {
                 alignItems: string;
                 marginTop: any;

package/lib/esm/components/SCCourses.js

@@ -1,6 +1,9 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            '& .infinite-scroll-component__outerdiv .infinite-scroll-component': {
+                overflow: 'visible !important'
+            },
             '& .SCCourses-filters': {
                 alignItems: 'center',
                 marginTop: theme.spacing(),

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

@@ -25,6 +25,14 @@ declare const Component: {
                     fontSize: number;
                 };
             };
+            '& .MuiAccordion-root': {
+                '& .MuiAccordionSummary-content': {
+                    marginBottom: any;
+                };
+                '& .MuiAccordionDetails-root, .MuiList-root': {
+                    paddingTop: number;
+                };
+            };
         };
     };
 };

package/lib/esm/components/SCDefaultDrawerContent.js

@@ -24,6 +24,14 @@ const Component = {
                 '& .MuiIcon-root': {
                     fontSize: 18
                 }
+            },
+            '& .MuiAccordion-root': {
+                '& .MuiAccordionSummary-content': {
+                    marginBottom: theme.spacing(1.5)
+                },
+                '& .MuiAccordionDetails-root, .MuiList-root': {
+                    paddingTop: 0
+                }
             }
         })
     }

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

@@ -219,6 +219,13 @@ declare const Component: {
                         margin: any;
                     };
                 };
+                '& .SCCourseForm-paywalls-configurator-wrap': {
+                    marginBottom: any;
+                    '& .SCPaywallsConfigurator-content-access-type': {
+                        fontSize: string;
+                        padding: any;
+                    };
+                };
             };
         };
         skeletonRoot: ({ theme }: {

package/lib/esm/components/SCEditCourse.js

@@ -217,6 +217,13 @@ const Component = {
                         maxWidth: '600px',
                         margin: theme.spacing(2, 'auto', 0)
                     }
+                },
+                '& .SCCourseForm-paywalls-configurator-wrap': {
+                    marginBottom: theme.spacing(3),
+                    '& .SCPaywallsConfigurator-content-access-type': {
+                        fontSize: '14px',
+                        padding: theme.spacing()
+                    }
                 }
             }
         }),

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

@@ -154,6 +154,8 @@ declare const Component: {
                 };
                 '& .SCEvent-snippet-secondary': {
                     color: any;
+                    display: string;
+                    alignItems: string;
                 };
             };
         };

package/lib/esm/components/SCEvent.js

@@ -153,7 +153,9 @@ const Component = {
                     }
                 },
                 '& .SCEvent-snippet-secondary': {
-                    color: theme.palette.text.secondary
+                    color: theme.palette.text.secondary,
+                    display: 'flex',
+                    alignItems: 'center'
                 }
             }
         }),

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

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

package/lib/esm/components/SCEventForm.js

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

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

@@ -79,6 +79,18 @@ declare const Component: {
                         alignItems: string;
                         gap: any;
                     };
+                    '& .SCBuyButton-request-root': {
+                        fontWeight: any;
+                        '& .MuiButton-startIcon': {
+                            marginRight: any;
+                            '& .MuiIcon-root': {
+                                fontSize: string;
+                            };
+                        };
+                        '&.Mui-selected, &:hover': {
+                            backgroundColor: string;
+                        };
+                    };
                 };
                 '& .SCEditEvenButton-root': {
                     marginLeft: string;

package/lib/esm/components/SCEventHeader.js

@@ -79,6 +79,18 @@ const Component = {
                         justifyContent: 'center',
                         alignItems: 'center',
                         gap: theme.spacing(0.5)
+                    },
+                    '& .SCBuyButton-request-root': {
+                        fontWeight: theme.typography.fontWeightBold,
+                        '& .MuiButton-startIcon': {
+                            marginRight: theme.spacing(0.5),
+                            '& .MuiIcon-root': {
+                                fontSize: '1.5rem'
+                            }
+                        },
+                        '&.Mui-selected, &:hover': {
+                            backgroundColor: 'transparent'
+                        }
                     }
                 },
                 '& .SCEditEvenButton-root': {

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

@@ -49,6 +49,18 @@ declare const Component: {
         requestRoot: ({ theme }: {
             theme: any;
         }) => {};
+        buyButtonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '&:hover, &:active': {
+                backgroundColor: any;
+                color: any;
+                border: string;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+            };
+        };
         menuRoot: ({ theme }: {
             theme: any;
         }) => {

package/lib/esm/components/SCEventSubscribeButton.js

@@ -45,6 +45,16 @@ const Component = {
             }
         }),
         requestRoot: ({ theme }) => ({}),
+        buyButtonRoot: ({ theme }) => ({
+            '&:hover, &:active': {
+                backgroundColor: theme.palette.common.white,
+                color: theme.palette.primary.main,
+                border: `1px solid ${theme.palette.primary.main}`,
+                '& .MuiIcon-root': {
+                    color: theme.palette.primary.main
+                }
+            }
+        }),
         menuRoot: ({ theme }) => ({
             '& .MuiPaper-root': {
                 width: 195,

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

@@ -124,6 +124,13 @@ declare const Component: {
             };
             '& .SCFeedObject-info-section': {
                 padding: any;
+                '& .SCFeedObject-vote': {
+                    width: string;
+                    justifyContent: string;
+                    '& > button:first-of-type': {
+                        margin: string;
+                    };
+                };
             };
             '& .SCFeedObject-activity-at': {
                 textDecoration: string;
@@ -136,6 +143,20 @@ declare const Component: {
                     opacity: number;
                 };
             };
+            '& .SCFeedObject-obj-element': {
+                position: string;
+                '& .SCFeedObject-new': {
+                    position: string;
+                    top: string;
+                    left: string;
+                    width: string;
+                    height: string;
+                    backgroundColor: any;
+                    border: string;
+                    borderRadius: string;
+                    filter: string;
+                };
+            };
             '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 [x: number]: {
                     borderRadius: any;
@@ -504,14 +525,14 @@ declare const Component: {
                 paddingRight: number;
             };
         };
-        actionsRoot: ({ theme }: any) => {
+        actionsRoot: () => {
             margin: string;
             color: string;
             '& .SCFeedObject-actions-action': {
                 textAlign: string;
             };
         };
-        actionCommentRoot: ({ theme }: any) => {
+        actionCommentRoot: () => {
             display: string;
             justifyContent: string;
             alignItems: string;
@@ -538,7 +559,7 @@ declare const Component: {
                 };
             };
         };
-        actionShareRoot: ({ theme }: any) => {
+        actionShareRoot: () => {
             display: string;
             justifyContent: string;
             alignItems: string;
@@ -554,7 +575,7 @@ declare const Component: {
                 whiteSpace: string;
             };
         };
-        actionVoteRoot: ({ theme }: any) => {
+        actionVoteRoot: () => {
             display: string;
             justifyContent: string;
             alignItems: string;
@@ -567,7 +588,7 @@ declare const Component: {
                 borderBottom: number;
             };
         };
-        activitiesRoot: ({ theme }: any) => {
+        activitiesRoot: () => {
             width: string;
         };
         activitiesMenuRoot: ({ theme }: any) => {
@@ -607,7 +628,7 @@ declare const Component: {
                 lineHeight: string;
             };
         };
-        contributorsSkeletonRoot: ({ theme }: any) => {};
+        contributorsSkeletonRoot: () => {};
         pollObjectRoot: ({ theme }: any) => {
             marginTop: any;
             marginBottom: any;
@@ -744,10 +765,10 @@ declare const Component: {
                 };
             };
         };
-        activityCommentRoot: ({ theme }: any) => {};
-        activityFollowRoot: ({ theme }: any) => {};
-        activityPollVoteRoot: ({ theme }: any) => {};
-        activityVoteUpRoot: ({ theme }: any) => {};
+        activityCommentRoot: () => {};
+        activityFollowRoot: () => {};
+        activityPollVoteRoot: () => {};
+        activityVoteUpRoot: () => {};
     };
 };
 export default Component;

package/lib/esm/components/SCFeedObject.js

@@ -124,7 +124,14 @@ const Component = {
                 padding: theme.spacing(0.2, 2)
             },
             '& .SCFeedObject-info-section': {
-                padding: theme.spacing(0, 2)
+                padding: theme.spacing(0, 2),
+                '& .SCFeedObject-vote': {
+                    width: '100%',
+                    justifyContent: 'space-between',
+                    '& > button:first-of-type': {
+                        margin: 'auto'
+                    }
+                }
             },
             '& .SCFeedObject-activity-at': {
                 textDecoration: 'none',
@@ -137,6 +144,20 @@ const Component = {
                     opacity: 1
                 }
             },
+            '& .SCFeedObject-obj-element': {
+                position: 'relative',
+                '& .SCFeedObject-new': {
+                    position: 'absolute',
+                    top: '10px',
+                    left: '10px',
+                    width: '9px',
+                    height: '9px',
+                    backgroundColor: theme.palette.secondary.main,
+                    border: `1px solid ${theme.palette.common.white}`,
+                    borderRadius: '9999px',
+                    filter: 'drop-shadow(0 0 2px rgba(0, 0, 0, 0.50))'
+                }
+            },
             '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 border: `0 none`,
                 boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
@@ -503,14 +524,14 @@ const Component = {
                 paddingRight: 0
             }
         }),
-        actionsRoot: ({ theme }) => ({
+        actionsRoot: () => ({
             margin: '0px 0px',
             color: '#3A3A3A',
             '& .SCFeedObject-actions-action': {
                 textAlign: 'center'
             }
         }),
-        actionCommentRoot: ({ theme }) => ({
+        actionCommentRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -537,7 +558,7 @@ const Component = {
                 }
             }
         }),
-        actionShareRoot: ({ theme }) => ({
+        actionShareRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -553,7 +574,7 @@ const Component = {
                 whiteSpace: 'nowrap'
             }
         }),
-        actionVoteRoot: ({ theme }) => ({
+        actionVoteRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -566,7 +587,7 @@ const Component = {
                 borderBottom: 0
             }
         }),
-        activitiesRoot: ({ theme }) => ({
+        activitiesRoot: () => ({
             width: '100%'
         }),
         activitiesMenuRoot: ({ theme }) => ({
@@ -606,7 +627,7 @@ const Component = {
                 lineHeight: '24px'
             }
         }),
-        contributorsSkeletonRoot: ({ theme }) => ({
+        contributorsSkeletonRoot: () => ({
         // [`& .${classes.btnParticipants}`]: {
         //   marginLeft: -10
         // }
@@ -749,10 +770,10 @@ const Component = {
                 }
             }
         }),
-        activityCommentRoot: ({ theme }) => ({}),
-        activityFollowRoot: ({ theme }) => ({}),
-        activityPollVoteRoot: ({ theme }) => ({}),
-        activityVoteUpRoot: ({ theme }) => ({})
+        activityCommentRoot: () => ({}),
+        activityFollowRoot: () => ({}),
+        activityPollVoteRoot: () => ({}),
+        activityVoteUpRoot: () => ({})
     }
 };
 export default Component;

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

@@ -6,9 +6,10 @@ declare const Component: {
             };
             borderRadius: number;
             paddingBottom: number;
+            paddingLeft: any;
+            paddingRight: any;
             overflow: string;
             '& .SCBaseItemButton-image': {
-                marginRight: any;
                 '& .MuiAvatar-root': {
                     width: any;
                     height: any;
@@ -38,7 +39,10 @@ declare const Component: {
                 };
             };
         };
-        skeletonRoot: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {
+            paddingLeft: any;
+            paddingRight: any;
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCGroup.js

@@ -3,12 +3,13 @@ const Component = {
         root: ({ theme }) => ({
             borderRadius: 0,
             paddingBottom: 0,
+            paddingLeft: theme.spacing(),
+            paddingRight: theme.spacing(),
             overflow: 'visible',
             [theme.breakpoints.up('sm')]: {
                 borderRadius: theme.shape.borderRadiusSm
             },
             '& .SCBaseItemButton-image': {
-                marginRight: theme.spacing(1.25),
                 '& .MuiAvatar-root': {
                     width: theme.selfcommunity.group.avatar.sizeSmall,
                     height: theme.selfcommunity.group.avatar.sizeSmall,
@@ -38,7 +39,10 @@ const Component = {
                 }
             }
         }),
-        skeletonRoot: ({ theme }) => ({})
+        skeletonRoot: ({ theme }) => ({
+            paddingLeft: theme.spacing(),
+            paddingRight: theme.spacing(),
+        })
     }
 };
 export default Component;

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

@@ -39,6 +39,18 @@ declare const Component: {
                         alignItems: string;
                         gap: any;
                     };
+                    '& .SCBuyButton-request-root': {
+                        fontWeight: any;
+                        '& .MuiButton-startIcon': {
+                            marginRight: any;
+                            '& .MuiIcon-root': {
+                                fontSize: string;
+                            };
+                        };
+                        '&.Mui-selected, &:hover': {
+                            backgroundColor: string;
+                        };
+                    };
                 };
                 '& .SCGroupHeader-multi-actions': {
                     display: string;

package/lib/esm/components/SCGroupHeader.js

@@ -38,6 +38,18 @@ const Component = {
                         justifyContent: 'center',
                         alignItems: 'center',
                         gap: theme.spacing(0.5)
+                    },
+                    '& .SCBuyButton-request-root': {
+                        fontWeight: theme.typography.fontWeightBold,
+                        '& .MuiButton-startIcon': {
+                            marginRight: theme.spacing(0.5),
+                            '& .MuiIcon-root': {
+                                fontSize: '1.5rem'
+                            }
+                        },
+                        '&.Mui-selected, &:hover': {
+                            backgroundColor: 'transparent'
+                        }
                     }
                 },
                 '& .SCGroupHeader-multi-actions': {