@selfcommunity/react-theme-default 0.5.0-alpha.0 → 0.5.0-alpha.2

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,9 @@ const Component = {
                     fontWeight: 700,
                     padding: theme.spacing(0.5)
                 }
+            },
+            '& .SCBaseItemButton-actions': {
+                marginRight: theme.spacing()
             }
         }),
         previewRoot: ({ theme }) => ({
@@ -262,6 +276,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/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/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;
@@ -504,14 +511,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 +545,7 @@ declare const Component: {
                 };
             };
         };
-        actionShareRoot: ({ theme }: any) => {
+        actionShareRoot: () => {
             display: string;
             justifyContent: string;
             alignItems: string;
@@ -554,7 +561,7 @@ declare const Component: {
                 whiteSpace: string;
             };
         };
-        actionVoteRoot: ({ theme }: any) => {
+        actionVoteRoot: () => {
             display: string;
             justifyContent: string;
             alignItems: string;
@@ -567,7 +574,7 @@ declare const Component: {
                 borderBottom: number;
             };
         };
-        activitiesRoot: ({ theme }: any) => {
+        activitiesRoot: () => {
             width: string;
         };
         activitiesMenuRoot: ({ theme }: any) => {
@@ -607,7 +614,7 @@ declare const Component: {
                 lineHeight: string;
             };
         };
-        contributorsSkeletonRoot: ({ theme }: any) => {};
+        contributorsSkeletonRoot: () => {};
         pollObjectRoot: ({ theme }: any) => {
             marginTop: any;
             marginBottom: any;
@@ -744,10 +751,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',
@@ -503,14 +510,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 +544,7 @@ const Component = {
                 }
             }
         }),
-        actionShareRoot: ({ theme }) => ({
+        actionShareRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -553,7 +560,7 @@ const Component = {
                 whiteSpace: 'nowrap'
             }
         }),
-        actionVoteRoot: ({ theme }) => ({
+        actionVoteRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -566,7 +573,7 @@ const Component = {
                 borderBottom: 0
             }
         }),
-        activitiesRoot: ({ theme }) => ({
+        activitiesRoot: () => ({
             width: '100%'
         }),
         activitiesMenuRoot: ({ theme }) => ({
@@ -606,7 +613,7 @@ const Component = {
                 lineHeight: '24px'
             }
         }),
-        contributorsSkeletonRoot: ({ theme }) => ({
+        contributorsSkeletonRoot: () => ({
         // [`& .${classes.btnParticipants}`]: {
         //   marginLeft: -10
         // }
@@ -749,10 +756,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': {

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

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        buyButtonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            border: string;
+            '&:hover, &:active': {
+                backgroundColor: any;
+                color: any;
+                border: string;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCGroupSubscribeButton.js

@@ -0,0 +1,16 @@
+const Component = {
+    styleOverrides: {
+        buyButtonRoot: ({ theme }) => ({
+            border: `1px solid transparent`,
+            '&: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
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,8 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            padding: any;
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCHiddenPurchasableContent.js

@@ -0,0 +1,8 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(2)
+        })
+    }
+};
+export default Component;

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

@@ -8,6 +8,7 @@ declare const Component: {
             margin: string;
             width: string;
             position: string;
+            gap: any;
             '& .SCMediaFile-background': {
                 backgroundSize: string;
                 backgroundPosition: string;
@@ -91,10 +92,16 @@ declare const Component: {
                 position: string;
                 top: number;
             };
+            '& .SCMediaFile-docs-wrapper': {
+                gap: any;
+            };
         };
-        lightboxRoot: ({ theme }: any) => {};
+        lightboxRoot: () => {};
         previewRoot: ({ theme }: any) => {
-            '& > div': {
+            display: string;
+            flexDirection: string;
+            gap: any;
+            '& > div:not(.SCMediaFile-docs-wrapper)': {
                 display: string;
                 flexDirection: string;
                 flexWrap: string;
@@ -144,12 +151,58 @@ declare const Component: {
                     };
                 };
             };
+            '& .SCMediaFile-docs-wrapper': {
+                display: string;
+                flexDirection: string;
+                gap: any;
+            };
         };
-        triggerRoot: ({ theme }: any) => {};
-        triggerDrawerRoot: ({ theme }: any) => {
+        triggerRoot: () => {};
+        triggerDrawerRoot: () => {
             zIndex: number;
         };
-        triggerMenuRoot: ({ theme }: any) => {};
+        triggerMenuRoot: () => {};
+        docRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            borderRadius: string;
+            border: string;
+            padding: any;
+            flexDirection: string;
+            gap: string;
+            '& .SCMediaFile-image': {
+                width: string;
+                height: string;
+                flexShrink: number;
+            };
+            '& .SCMediaFile-text-wrapper': {
+                [x: number]: {
+                    maxWidth: string;
+                };
+                gap: string;
+                '& .SCMediaFile-title': {
+                    textAlign: string;
+                    display: string;
+                    '-webkit-line-clamp': string;
+                    '-webkit-box-orient': string;
+                    overflow: string;
+                };
+                '& .SCMediaFile-subtitle': {
+                    textAlign: string;
+                    color: any;
+                };
+            };
+            '& .SCMediaFile-action-wrapper': {
+                flexDirection: string;
+                gap: string;
+                marginLeft: string;
+                '& .SCMediaFile-action': {
+                    '&:hover': {
+                        backgroundColor: any;
+                    };
+                };
+            };
+        };
     };
 };
 export default Component;