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

package/lib/cjs/components/SCCourse.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
-        root: () => ({
+        root: ({ theme }) => ({
             width: '100%'
         }),
         snippetRoot: ({ theme }) => ({
@@ -24,6 +24,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,
@@ -71,6 +82,13 @@ const Component = {
                     fontWeight: 700,
                     padding: theme.spacing(0.5)
                 }
+            },
+            '& .SCBaseItemButton-actions': {
+                marginRight: theme.spacing()
+            },
+            '& .SCCourse-snippet-privacy': {
+                flexDirection: 'row',
+                alignItems: 'center'
             }
         }),
         previewRoot: ({ theme }) => ({
@@ -264,6 +282,10 @@ const Component = {
                         transform: 'translate(-50%, -50%)'
                     }
                 }
+            },
+            '&.MuiPaper-outlined': {
+                paddingLeft: theme.spacing(),
+                paddingRight: theme.spacing()
             }
         })
     }

package/lib/cjs/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/cjs/components/SCCourseDashboard.js

@@ -52,6 +52,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'
+                            }
                         }
                     }
                 }
@@ -175,6 +187,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/cjs/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/cjs/components/SCCourses.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            '& .infinite-scroll-component__outerdiv .infinite-scroll-component': {
+                overflow: 'visible !important'
+            },
             '& .SCCourses-filters': {
                 alignItems: 'center',
                 marginTop: theme.spacing(),

package/lib/cjs/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/cjs/components/SCDefaultDrawerContent.js

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

package/lib/cjs/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/cjs/components/SCEditCourse.js

@@ -219,6 +219,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/cjs/components/SCEvent.d.ts

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

package/lib/cjs/components/SCEvent.js

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

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/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/cjs/components/SCEventHeader.js

@@ -81,6 +81,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/cjs/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/cjs/components/SCEventSubscribeButton.js

@@ -47,6 +47,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/cjs/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/cjs/components/SCFeedObject.js

@@ -126,7 +126,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',
@@ -505,14 +512,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',
@@ -539,7 +546,7 @@ const Component = {
                 }
             }
         }),
-        actionShareRoot: ({ theme }) => ({
+        actionShareRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -555,7 +562,7 @@ const Component = {
                 whiteSpace: 'nowrap'
             }
         }),
-        actionVoteRoot: ({ theme }) => ({
+        actionVoteRoot: () => ({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
@@ -568,7 +575,7 @@ const Component = {
                 borderBottom: 0
             }
         }),
-        activitiesRoot: ({ theme }) => ({
+        activitiesRoot: () => ({
             width: '100%'
         }),
         activitiesMenuRoot: ({ theme }) => ({
@@ -608,7 +615,7 @@ const Component = {
                 lineHeight: '24px'
             }
         }),
-        contributorsSkeletonRoot: ({ theme }) => ({
+        contributorsSkeletonRoot: () => ({
         // [`& .${classes.btnParticipants}`]: {
         //   marginLeft: -10
         // }
@@ -751,10 +758,10 @@ const Component = {
                 }
             }
         }),
-        activityCommentRoot: ({ theme }) => ({}),
-        activityFollowRoot: ({ theme }) => ({}),
-        activityPollVoteRoot: ({ theme }) => ({}),
-        activityVoteUpRoot: ({ theme }) => ({})
+        activityCommentRoot: () => ({}),
+        activityFollowRoot: () => ({}),
+        activityPollVoteRoot: () => ({}),
+        activityVoteUpRoot: () => ({})
     }
 };
 exports.default = Component;

package/lib/cjs/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/cjs/components/SCGroup.js

@@ -5,12 +5,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,
@@ -40,7 +41,10 @@ const Component = {
                 }
             }
         }),
-        skeletonRoot: ({ theme }) => ({})
+        skeletonRoot: ({ theme }) => ({
+            paddingLeft: theme.spacing(),
+            paddingRight: theme.spacing(),
+        })
     }
 };
 exports.default = Component;

package/lib/cjs/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/cjs/components/SCGroupHeader.js

@@ -40,6 +40,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/cjs/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/cjs/components/SCGroupSubscribeButton.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

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

package/lib/cjs/components/SCHiddenPurchasableContent.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(2)
+        })
+    }
+};
+exports.default = Component;