@selfcommunity/react-theme-default 0.5.0-alpha.9 → 0.5.0-mui7.23

package/lib/esm/components/SCComposer.js

@@ -35,9 +35,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),
@@ -66,7 +66,8 @@ const Component = {
                     bottom: theme.spacing(7),
                     left: 0,
                     right: 0,
-                    justifyContent: 'center'
+                    display: 'inline-table',
+                    margin: 'auto'
                 },
                 '& .MuiDialogActions-root': {
                     position: 'absolute',
@@ -109,7 +110,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/esm/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': {
+                        padding: any;
                         '& .SCFeedObjectMediaPreview-root': {
                             margin: any;
                         };

package/lib/esm/components/SCFeedObject.js

@@ -144,6 +144,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)',
@@ -336,6 +345,7 @@ const Component = {
                         }
                     },
                     '& .SCFeedObject-medias-section': {
+                        padding: theme.spacing(1, 0),
                         '& .SCFeedObjectMediaPreview-root': {
                             margin: theme.spacing(0, 1)
                         }

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

@@ -9,6 +9,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/esm/components/SCFooterWidget.d.ts

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

package/lib/esm/components/SCFooterWidget.js

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

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

@@ -162,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/esm/components/SCMediaFile.js

@@ -160,15 +160,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/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/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './fonts/community-icons.css';
 import './styles/reset.css';
 /**
@@ -78,8 +77,8 @@ declare const theme: {
         };
         MuiAutocomplete: {
             defaultProps: {
-                clearIcon: JSX.Element;
-                popupIcon: JSX.Element;
+                clearIcon: import("react/jsx-runtime").JSX.Element;
+                popupIcon: import("react/jsx-runtime").JSX.Element;
             };
         };
         MuiAvatar: {
@@ -225,13 +224,18 @@ declare const theme: {
             defaultProps: {
                 IconComponent: ({ className }: {
                     className: any;
-                }) => JSX.Element;
+                }) => import("react/jsx-runtime").JSX.Element;
             };
         };
         MuiTooltip: {
             defaultProps: {
                 enterDelay: number;
             };
+            styleOverrides: {
+                tooltip: ({ theme }: any) => {
+                    borderRadius: any;
+                };
+            };
         };
         SCAccordionLessons: {
             styleOverrides: {
@@ -898,6 +902,10 @@ declare const theme: {
                             fontWeight: any;
                             marginBottom: string;
                         };
+                        '& .SCCategoryHeader-tags': {
+                            display: string;
+                            justifyContent: string;
+                        };
                         '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                             textAlign: string;
                             marginBottom: any;
@@ -1370,9 +1378,6 @@ declare const theme: {
                             };
                         };
                         '& .MuiDialogContent-root': {
-                            [x: number]: {
-                                overflowY: string;
-                            };
                             margin: string;
                             padding: any;
                             height: string;
@@ -1404,7 +1409,8 @@ declare const theme: {
                             bottom: any;
                             left: number;
                             right: number;
-                            justifyContent: string;
+                            display: string;
+                            margin: string;
                         };
                         '& .MuiDialogActions-root': {
                             position: string;
@@ -1433,7 +1439,12 @@ declare const theme: {
                         };
                     };
                 };
-                attributesRoot: () => {};
+                attributesRoot: ({ theme }: any) => {
+                    '& .MuiChip-root': {
+                        marginRight: any;
+                        marginTop: any;
+                    };
+                };
                 contentDiscussionRoot: ({ theme }: any) => {
                     '& .SCComposer-content-discussion-title': {
                         '& .MuiInputBase-root': {
@@ -4086,6 +4097,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;
@@ -4278,6 +4298,7 @@ declare const theme: {
                                 };
                             };
                             '& .SCFeedObject-medias-section': {
+                                padding: any;
                                 '& .SCFeedObjectMediaPreview-root': {
                                     margin: any;
                                 };
@@ -4382,6 +4403,9 @@ declare const theme: {
                             '& .SCCommentObject-skeleton-root': {
                                 background: string;
                                 marginTop: number;
+                                /**
+                                 * Style assets - Imports - Start
+                                 */
                                 marginBottom: string;
                                 '& .SCBaseItem-text': {
                                     '& .SCWidget-root': {
@@ -4406,9 +4430,7 @@ declare const theme: {
                                         };
                                     };
                                 };
-                            }; /**
-                             * Export default theme
-                             */
+                            };
                         };
                     };
                     '&.SCFeedObject-snippet': {
@@ -4789,6 +4811,7 @@ declare const theme: {
                         display: string;
                         justifyContent: string;
                         flexDirection: string;
+                        flexWrap: string;
                         '& .SCFooter-item': {
                             padding: any;
                             color: any;
@@ -6657,15 +6680,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]: {
@@ -8033,9 +8058,6 @@ declare const theme: {
                             alignItems: string;
                             marginRight: any;
                             '& .MuiIcon-root': {
-                                /**
-                                 * Style assets - Imports - Start
-                                 */
                                 margin: any;
                             };
                         };
@@ -9035,6 +9057,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) => {};
@@ -12363,6 +12402,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: {