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

package/lib/esm/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/esm/components/SCPdfPreview.js

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

package/lib/esm/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/esm/components/SCUserAutocomplete.js

@@ -0,0 +1,18 @@
+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 }) => ({})
+    }
+};
+export default Component;

package/lib/esm/components/SCVoteAudienceButton.js

@@ -26,8 +26,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/esm/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/esm/components/SCVoteButton.js

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

package/lib/esm/index.d.ts

@@ -898,6 +898,10 @@ declare const theme: {
                             fontWeight: any;
                             marginBottom: string;
                         };
+                        '& .SCCategoryHeader-tags': {
+                            display: string;
+                            justifyContent: string;
+                        };
                         '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                             textAlign: string;
                             marginBottom: any;
@@ -1370,9 +1374,6 @@ declare const theme: {
                             };
                         };
                         '& .MuiDialogContent-root': {
-                            [x: number]: {
-                                overflowY: string;
-                            };
                             margin: string;
                             padding: any;
                             height: string;
@@ -1418,6 +1419,14 @@ declare const theme: {
                             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;
@@ -1425,7 +1434,12 @@ declare const theme: {
                         };
                     };
                 };
-                attributesRoot: () => {};
+                attributesRoot: ({ theme }: any) => {
+                    '& .MuiChip-root': {
+                        marginRight: any;
+                        marginTop: any;
+                    };
+                };
                 contentDiscussionRoot: ({ theme }: any) => {
                     '& .SCComposer-content-discussion-title': {
                         '& .MuiInputBase-root': {
@@ -1875,6 +1889,10 @@ declare const theme: {
                     '& .SCBaseItemButton-actions': {
                         marginRight: any;
                     };
+                    '& .SCCourse-snippet-privacy': {
+                        flexDirection: string;
+                        alignItems: string;
+                    };
                 };
                 previewRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -3179,6 +3197,14 @@ declare const theme: {
                             fontSize: number;
                         };
                     };
+                    '& .MuiAccordion-root': {
+                        '& .MuiAccordionSummary-content': {
+                            marginBottom: any;
+                        };
+                        '& .MuiAccordionDetails-root, .MuiList-root': {
+                            paddingTop: number;
+                        };
+                    };
                 };
             };
         };
@@ -4066,6 +4092,15 @@ declare const theme: {
                             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;
@@ -4258,6 +4293,7 @@ declare const theme: {
                                 };
                             };
                             '& .SCFeedObject-medias-section': {
+                                padding: any;
                                 '& .SCFeedObjectMediaPreview-root': {
                                     margin: any;
                                 };
@@ -4362,6 +4398,9 @@ declare const theme: {
                             '& .SCCommentObject-skeleton-root': {
                                 background: string;
                                 marginTop: number;
+                                /**
+                                 * Style assets - Imports - Start
+                                 */
                                 marginBottom: string;
                                 '& .SCBaseItem-text': {
                                     '& .SCWidget-root': {
@@ -4386,9 +4425,7 @@ declare const theme: {
                                         };
                                     };
                                 };
-                            }; /**
-                             * Export default theme
-                             */
+                            };
                         };
                     };
                     '&.SCFeedObject-snippet': {
@@ -4769,6 +4806,7 @@ declare const theme: {
                         display: string;
                         justifyContent: string;
                         flexDirection: string;
+                        flexWrap: string;
                         '& .SCFooter-item': {
                             padding: any;
                             color: any;
@@ -6476,9 +6514,6 @@ declare const theme: {
         SCMediaFile: {
             styleOverrides: {
                 displayRoot: ({ theme }: any) => {
-                    [x: number]: {
-                        minHeight: number;
-                    };
                     textAlign: string;
                     margin: string;
                     width: string;
@@ -6640,15 +6675,17 @@ declare const theme: {
                 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]: {
@@ -8016,9 +8053,6 @@ declare const theme: {
                             alignItems: string;
                             marginRight: any;
                             '& .MuiIcon-root': {
-                                /**
-                                 * Style assets - Imports - Start
-                                 */
                                 margin: any;
                             };
                         };
@@ -9018,6 +9052,23 @@ declare const theme: {
                 };
             };
         };
+        SCUserAutocomplete: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCUserAutocomplete-info': {
+                        [x: number]: {
+                            alignItems: string;
+                        };
+                        marginTop: any;
+                        display: string;
+                        '& .MuiIcon-root': {
+                            marginRight: any;
+                        };
+                    };
+                };
+                autocompleteRoot: ({ theme }: any) => {};
+            };
+        };
         SCUserCategoriesFollowedWidget: {
             styleOverrides: {
                 root: ({ theme }: any) => {};
@@ -9744,6 +9795,8 @@ declare const theme: {
                         };
                         '& .SCEvent-snippet-secondary': {
                             color: any;
+                            display: string;
+                            alignItems: string;
                         };
                     };
                 };
@@ -10833,7 +10886,7 @@ declare const theme: {
                         };
                     };
                 };
-                popperRoot: ({ theme }: any) => {
+                popperRoot: () => {
                     zIndex: number;
                     '& .SCVoteButton-reaction .MuiIcon-root': {
                         fontSize: string;
@@ -12142,6 +12195,9 @@ declare const theme: {
                         padding: string;
                         backgroundColor: string;
                         color: string;
+                        "& > .community-icons": {
+                            fontSize: string;
+                        };
                     };
                     "& .SCPaywallsConfigurator-product-content": {
                         flexGrow: number;
@@ -12220,6 +12276,7 @@ declare const theme: {
                 root: ({ theme }: any) => {
                     display: string;
                     flexDirection: string;
+                    marginTop: string;
                     "& .SCPdfPreview-document-pdf-wrapper": {
                         filter: string;
                     };
@@ -12239,6 +12296,9 @@ declare const theme: {
                             mixBlendMode: string;
                             opacity: number;
                         };
+                        '& .react-pdf__Page__canvas': {
+                            margin: string;
+                        };
                     };
                 };
             };
@@ -12337,6 +12397,15 @@ declare const theme: {
                 };
             };
         };
+        SCFooterWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCFooterWidget-content': {
+                        paddingBottom: any;
+                    };
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/esm/index.js

@@ -183,6 +183,7 @@ import SCToastNotifications from './components/SCToastNotifications';
 import SCUser from './components/SCUser';
 import SCUserActionIconButton from './components/SCUserActionIconButton';
 import SCUserAvatar from './components/SCUserAvatar';
+import SCUserAutocomplete from './components/SCUserAutocomplete';
 import SCUserCategoriesFollowedWidget from './components/SCUserCategoriesFollowedWidget';
 import SCUserConnectionsRequestsSentWidget from './components/SCUserConnectionsRequestsSentWidget';
 import SCUserConnectionsRequestsWidget from './components/SCUserConnectionsRequestsWidget';
@@ -217,6 +218,7 @@ import SCPaywallsConfigurator from './components/SCPaywallsConfigurator';
 import SCPdfPreview from './components/SCPdfPreview';
 import SCPaymentOrders from './components/SCPaymentOrders';
 import SCCheckoutHeaderInfoWidget from './components/SCCheckoutHeaderInfoWidget';
+import SCFooterWidget from './components/SCFooterWidget';
 /**
  * Style fragments - Imports - End
  */
@@ -446,6 +448,7 @@ const theme = {
         SCUser,
         SCUserActionIconButton,
         SCUserAvatar,
+        SCUserAutocomplete,
         SCUserCategoriesFollowedWidget,
         SCUserConnectionsRequestsSentWidget,
         SCUserConnectionsRequestsWidget,
@@ -512,7 +515,8 @@ const theme = {
         SCPaywallsConfigurator,
         SCPdfPreview,
         SCPaymentOrders,
-        SCCheckoutHeaderInfoWidget
+        SCCheckoutHeaderInfoWidget,
+        SCFooterWidget
     },
     selfcommunity: {
         user: {