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

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

@@ -43,6 +43,10 @@ declare const Component: {
                     fontWeight: any;
                     marginBottom: string;
                 };
+                '& .SCCategoryHeader-tags': {
+                    display: string;
+                    justifyContent: string;
+                };
                 '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                     textAlign: string;
                     marginBottom: any;

package/lib/cjs/components/SCCategoryHeader.js

@@ -45,6 +45,10 @@ const Component = {
                     fontWeight: theme.typography.fontWeightMedium,
                     marginBottom: `${theme.spacing(0)} !important`
                 },
+                '& .SCCategoryHeader-tags': {
+                    display: 'flex',
+                    justifyContent: 'center'
+                },
                 '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                     textAlign: 'center',
                     marginBottom: theme.spacing(2),

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

@@ -45,9 +45,6 @@ declare const Component: {
                     };
                 };
                 '& .MuiDialogContent-root': {
-                    [x: number]: {
-                        overflowY: string;
-                    };
                     margin: string;
                     padding: any;
                     height: string;
@@ -93,6 +90,14 @@ declare const Component: {
                     zIndex: number;
                     backgroundColor: any;
                     borderTop: string;
+                    '& .SCComposer-selected-action': {
+                        display: string;
+                        alignItems: string;
+                        '& .SCComposer-action-selected-icon': {
+                            marginLeft: any;
+                            fontSize: any;
+                        };
+                    };
                 };
                 '& .SCComposer-general-error': {
                     marginBottom: any;
@@ -100,7 +105,12 @@ declare const Component: {
                 };
             };
         };
-        attributesRoot: () => {};
+        attributesRoot: ({ theme }: any) => {
+            '& .MuiChip-root': {
+                marginRight: any;
+                marginTop: any;
+            };
+        };
         contentDiscussionRoot: ({ theme }: any) => {
             '& .SCComposer-content-discussion-title': {
                 '& .MuiInputBase-root': {

package/lib/cjs/components/SCComposer.js

@@ -37,9 +37,9 @@ const Component = {
                     margin: '45px 0',
                     padding: theme.spacing(1, 2),
                     height: `calc(100% - 45px - 45px - ${theme.spacing(2)})`,
-                    [theme.breakpoints.up('md')]: {
-                        overflowY: 'hidden'
-                    },
+                    // [theme.breakpoints.up('md')]: {
+                    //   overflowY: 'hidden'
+                    // },
                     '& .SCEditor-root': {
                         padding: theme.spacing(1, 0),
                         marginBottom: theme.spacing(3),
@@ -81,7 +81,15 @@ const Component = {
                     justifyContent: 'space-between',
                     zIndex: 1,
                     backgroundColor: theme.palette.background.paper,
-                    borderTop: `1px solid ${theme.palette.grey[400]}`
+                    borderTop: `1px solid ${theme.palette.grey[400]}`,
+                    '& .SCComposer-selected-action': {
+                        display: 'flex',
+                        alignItems: 'center',
+                        '& .SCComposer-action-selected-icon': {
+                            marginLeft: theme.spacing(0.5),
+                            fontSize: theme.spacing(1)
+                        }
+                    }
                 },
                 '& .SCComposer-general-error': {
                     marginBottom: theme.spacing(2),
@@ -103,7 +111,12 @@ const Component = {
                 }
             }
         }),
-        attributesRoot: () => ({}),
+        attributesRoot: ({ theme }) => ({
+            '& .MuiChip-root': {
+                marginRight: theme.spacing(0.5),
+                marginTop: theme.spacing(0.5)
+            }
+        }),
         contentDiscussionRoot: ({ theme }) => ({
             '& .SCComposer-content-discussion-title': {
                 '& .MuiInputBase-root': {

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

@@ -84,6 +84,10 @@ declare const Component: {
             '& .SCBaseItemButton-actions': {
                 marginRight: any;
             };
+            '& .SCCourse-snippet-privacy': {
+                flexDirection: string;
+                alignItems: string;
+            };
         };
         previewRoot: ({ theme }: any) => {
             [x: number]: {

package/lib/cjs/components/SCCourse.js

@@ -85,6 +85,10 @@ const Component = {
             },
             '& .SCBaseItemButton-actions': {
                 marginRight: theme.spacing()
+            },
+            '& .SCCourse-snippet-privacy': {
+                flexDirection: 'row',
+                alignItems: 'center'
             }
         }),
         previewRoot: ({ theme }) => ({

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/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/SCFeedObject.d.ts

@@ -143,6 +143,15 @@ declare const Component: {
                     opacity: number;
                 };
             };
+            '& .SCFeedObject-new': {
+                color: any;
+                backgroundColor: string;
+                padding: string;
+                borderRadius: string;
+                marginRight: string;
+                fontSize: string;
+                fontWeight: number;
+            };
             '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 [x: number]: {
                     borderRadius: any;
@@ -335,6 +344,7 @@ declare const Component: {
                         };
                     };
                     '& .SCFeedObject-medias-section': {
+                        margin: any;
                         '& .SCFeedObjectMediaPreview-root': {
                             margin: any;
                         };

package/lib/cjs/components/SCFeedObject.js

@@ -146,6 +146,15 @@ const Component = {
                     opacity: 1
                 }
             },
+            '& .SCFeedObject-new': {
+                color: theme.palette.common.white,
+                backgroundColor: '#fa0501',
+                padding: '0 3px',
+                borderRadius: '3px',
+                marginRight: '3px',
+                fontSize: '10px',
+                fontWeight: 600
+            },
             '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 border: `0 none`,
                 boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
@@ -338,6 +347,7 @@ const Component = {
                         }
                     },
                     '& .SCFeedObject-medias-section': {
+                        margin: theme.spacing(1, 0),
                         '& .SCFeedObjectMediaPreview-root': {
                             margin: theme.spacing(0, 1)
                         }

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

@@ -9,6 +9,7 @@ declare const Component: {
                 display: string;
                 justifyContent: string;
                 flexDirection: string;
+                flexWrap: string;
                 '& .SCFooter-item': {
                     padding: any;
                     color: any;

package/lib/cjs/components/SCFooter.js

@@ -11,6 +11,7 @@ const Component = {
                 display: 'flex',
                 justifyContent: 'center',
                 flexDirection: 'row',
+                flexWrap: 'wrap',
                 '& .SCFooter-item': {
                     padding: theme.spacing(0.5, 1),
                     color: theme.palette.text.primary

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

@@ -0,0 +1,10 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCFooterWidget-content': {
+                paddingBottom: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCFooterWidget.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCFooterWidget-content': {
+                paddingBottom: theme.spacing(2.2)
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -1,9 +1,6 @@
 declare const Component: {
     styleOverrides: {
         displayRoot: ({ theme }: any) => {
-            [x: number]: {
-                minHeight: number;
-            };
             textAlign: string;
             margin: string;
             width: string;
@@ -165,15 +162,17 @@ declare const Component: {
         docRoot: ({ theme }: {
             theme: any;
         }) => {
-            borderRadius: string;
             border: string;
+            borderRadius: string;
             padding: any;
             flexDirection: string;
             gap: string;
-            '& .SCMediaFile-image': {
-                width: string;
-                height: string;
+            '& .SCMediaFile-image-wrapper': {
                 flexShrink: number;
+                padding: number;
+                '&:hover': {
+                    backgroundColor: string;
+                };
             };
             '& .SCMediaFile-text-wrapper': {
                 [x: number]: {

package/lib/cjs/components/SCMediaFile.js

@@ -8,9 +8,6 @@ const Component = {
             width: '100%',
             position: 'relative',
             gap: theme.spacing(2),
-            [theme.breakpoints.down('md')]: {
-                minHeight: 170
-            },
             '& .SCMediaFile-background': {
                 backgroundSize: 'cover !important',
                 backgroundPosition: 'center !important',
@@ -165,15 +162,17 @@ const Component = {
         }),
         triggerMenuRoot: () => ({}),
         docRoot: ({ theme }) => ({
-            borderRadius: '10px',
             border: '1px solid #DDD',
+            borderRadius: '10px',
             padding: theme.spacing(1),
             flexDirection: 'row',
             gap: '8px',
-            '& .SCMediaFile-image': {
-                width: '50px',
-                height: '50px',
-                flexShrink: 0
+            '& .SCMediaFile-image-wrapper': {
+                flexShrink: 0,
+                padding: 0,
+                '&:hover': {
+                    backgroundColor: 'unset'
+                }
             },
             '& .SCMediaFile-text-wrapper': {
                 gap: '4px',

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

@@ -81,6 +81,9 @@ declare const Component: {
                 padding: string;
                 backgroundColor: string;
                 color: string;
+                "& > .community-icons": {
+                    fontSize: string;
+                };
             };
             "& .SCPaywallsConfigurator-product-content": {
                 flexGrow: number;

package/lib/cjs/components/SCPaywallsConfigurator.js

@@ -75,15 +75,18 @@ const Component = {
                 margin: '3px 5px 0px -1px'
             },
             [`& .SCPaywallsConfigurator-product-card-icon`]: {
-                width: 14,
-                height: 14,
+                width: 20,
+                height: 20,
                 flexShrink: 0,
                 borderRadius: '3px',
                 marginRight: theme.spacing(),
                 marginTop: '2px',
                 padding: '3px',
                 backgroundColor: 'red',
-                color: 'white'
+                color: 'white',
+                [`& > .community-icons`]: {
+                    fontSize: '20px'
+                }
             },
             [`& .SCPaywallsConfigurator-product-content`]: {
                 flexGrow: 1,

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

@@ -3,6 +3,7 @@ declare const Component: {
         root: ({ theme }: any) => {
             display: string;
             flexDirection: string;
+            marginTop: string;
             "& .SCPdfPreview-document-pdf-wrapper": {
                 filter: string;
             };
@@ -22,6 +23,9 @@ declare const Component: {
                     mixBlendMode: string;
                     opacity: number;
                 };
+                '& .react-pdf__Page__canvas': {
+                    margin: string;
+                };
             };
         };
     };

package/lib/cjs/components/SCPdfPreview.js

@@ -5,6 +5,7 @@ const Component = {
         root: ({ theme }) => ({
             display: 'flex',
             flexDirection: 'column',
+            marginTop: '12px',
             [`& .SCPdfPreview-document-pdf-wrapper`]: {
                 filter: 'drop-shadow(0 0 5px #00000040)'
             },
@@ -23,6 +24,9 @@ const Component = {
                 '& .react-pdf__Page__textContent': {
                     mixBlendMode: 'multiply',
                     opacity: 0.6
+                },
+                '& .react-pdf__Page__canvas': {
+                    margin: 'auto'
                 }
             }
         })

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

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserAutocomplete-info': {
+                [x: number]: {
+                    alignItems: string;
+                };
+                marginTop: any;
+                display: string;
+                '& .MuiIcon-root': {
+                    marginRight: any;
+                };
+            };
+        };
+        autocompleteRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserAutocomplete.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserAutocomplete-info': {
+                marginTop: theme.spacing(3),
+                display: 'flex',
+                [theme.breakpoints.up('sm')]: {
+                    alignItems: 'center'
+                },
+                '& .MuiIcon-root': {
+                    marginRight: theme.spacing(0.5)
+                }
+            }
+        }),
+        autocompleteRoot: ({ theme }) => ({})
+    }
+};
+exports.default = Component;

package/lib/cjs/components/SCVoteAudienceButton.js

@@ -28,8 +28,8 @@ const Component = {
                 }
             },
             '& .SCVoteAudienceButton-dialog-vote-badge': {
-                width: theme.selfcommunity.user.avatar.sizeSmall,
-                height: theme.selfcommunity.user.avatar.sizeSmall,
+                width: theme.spacing(2),
+                height: theme.spacing(2),
                 backgroundColor: theme.palette.background.paper,
                 border: `1px solid ${theme.palette.background.paper}`
             }

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

@@ -17,7 +17,7 @@ declare const Component: {
                 };
             };
         };
-        popperRoot: ({ theme }: any) => {
+        popperRoot: () => {
             zIndex: number;
             '& .SCVoteButton-reaction .MuiIcon-root': {
                 fontSize: string;

package/lib/cjs/components/SCVoteButton.js

@@ -19,10 +19,10 @@ const Component = {
                 }
             }
         }),
-        popperRoot: ({ theme }) => ({
+        popperRoot: () => ({
             zIndex: 1400,
             '& .SCVoteButton-reaction .MuiIcon-root': {
-                fontSize: '22px'
+                fontSize: '30px'
             }
         })
     }