@selfcommunity/react-theme-default 0.1.0-alpha.286 → 0.1.0-alpha.288

package/lib/esm/components/SCMediaLink.js

@@ -0,0 +1,66 @@
+import { alpha } from '@mui/system';
+const Component = {
+    styleOverrides: {
+        displayRoot: ({ theme }) => ({
+            '& .SCMediaLink-link': {
+                position: 'relative',
+                backgroundColor: '#F5F5F5',
+                margin: theme.spacing(1, 0),
+                padding: theme.spacing(1)
+            },
+            '& .SCMediaLink-video': {
+                margin: '10px 0px',
+                height: 360
+            },
+            '& .SCMediaLink-thumbnail': {
+                border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+                borderRadius: theme.shape.borderRadius * 0.75,
+                paddingTop: theme.spacing(1),
+                margin: theme.spacing(1, 2, 1, 1),
+                [theme.breakpoints.up('sm')]: {
+                    maxWidth: 200,
+                    width: '100%',
+                    float: 'left'
+                }
+            },
+            '& .SCMediaLink-image': {
+                backgroundSize: 'contain !important',
+                backgroundPosition: 'center !important',
+                backgroundRepeat: 'no-repeat !important',
+                backgroundColor: '#FFF !important',
+                paddingBottom: 120
+            },
+            '& .SCMediaLink-snippet': {
+                padding: theme.spacing(2),
+                '& .SCMediaLink-snippet-title': {},
+                '& .SCMediaLink-snippet-description': {
+                    fontSize: '0.857rem'
+                },
+                '& a': {
+                    fontSize: '1rem',
+                    fontStyle: 'italic'
+                }
+            }
+        }),
+        layerRoot: ({ theme }) => ({
+            '& .SCMediaLink-content': {
+                '& form button[type=submit]': {
+                    fontWeight: theme.typography.fontWeightBold
+                }
+            }
+        }),
+        previewRoot: ({ theme }) => ({
+            '& .SCMediaLink-media': {
+                position: 'relative',
+                margin: theme.spacing(1),
+                '& .SCMediaLink-delete': {
+                    position: 'absolute',
+                    right: theme.spacing(2),
+                    top: theme.spacing(2)
+                }
+            }
+        }),
+        triggerRoot: ({ theme }) => ({}),
+    }
+};
+export default Component;

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

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

package/lib/esm/components/SCMediaShare.js

@@ -0,0 +1,6 @@
+const Component = {
+    styleOverrides: {
+        displayRoot: ({ theme }) => ({})
+    }
+};
+export default Component;

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

@@ -17,6 +17,12 @@ declare const Component: {
                 whiteSpace: string;
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCNavigationToolbarMobile-logo': {
+                width: number;
+                height: number;
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCNavigationToolbarMobile.js

@@ -16,6 +16,12 @@ const Component = {
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap'
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCNavigationToolbarMobile-logo': {
+                width: 100,
+                height: 20
+            }
         })
     }
 };

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

@@ -13,6 +13,7 @@ declare const Component: {
             };
             '.MuiBadge-badge': {
                 right: any;
+                top: any;
             };
         };
     };

package/lib/esm/components/SCUserAvatar.js

@@ -12,7 +12,8 @@ const Component = {
                 height: `${theme.spacing(1.75)} !important`
             },
             '.MuiBadge-badge': {
-                right: theme.spacing(0)
+                right: theme.spacing(0.2),
+                top: theme.spacing(0.9)
             }
         })
     }

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

@@ -39,7 +39,10 @@ declare const Component: {
                 };
                 '& .MuiList-root': {
                     paddingTop: any;
-                    paddingBottom: any;
+                    paddingBottom: number;
+                    '& .MuiListItem-root:first-of-type': {
+                        paddingTop: number;
+                    };
                     '& .MuiListItem-root': {
                         paddingTop: any;
                         paddingBottom: any;
@@ -58,9 +61,8 @@ declare const Component: {
                     paddingTop: any;
                 };
                 '& > .MuiButton-sizeMedium': {
-                    marginLeft: any;
-                    paddingLeft: any;
-                    paddingRight: any;
+                    marginTop: any;
+                    padding: any;
                     color: any;
                 };
             };

package/lib/esm/components/SCWidget.js

@@ -27,7 +27,7 @@ const Component = {
                 borderRadius: 0
             },
             '& .MuiCardContent-root': {
-                padding: theme.spacing(3),
+                padding: theme.spacing(2.2),
                 '& h5': {
                     fontFamily: theme.typography.fontFamily,
                     fontWeight: theme.typography.fontWeightBold,
@@ -36,7 +36,10 @@ const Component = {
                 },
                 '& .MuiList-root': {
                     paddingTop: theme.spacing(2),
-                    paddingBottom: theme.spacing(2),
+                    paddingBottom: 0,
+                    '& .MuiListItem-root:first-of-type': {
+                        paddingTop: 0
+                    },
                     '& .MuiListItem-root': {
                         paddingTop: theme.spacing(1),
                         paddingBottom: theme.spacing(1),
@@ -55,9 +58,8 @@ const Component = {
                     paddingTop: theme.spacing(2)
                 },
                 '& > .MuiButton-sizeMedium': {
-                    marginLeft: theme.spacing(-2),
-                    paddingLeft: theme.spacing(2),
-                    paddingRight: theme.spacing(2),
+                    marginTop: theme.spacing(1),
+                    padding: theme.spacing(0),
                     color: theme.palette.secondary.main
                 }
             }