@selfcommunity/react-theme-default 0.1.0-alpha.29 → 0.1.0-alpha.290

package/lib/esm/components/SCNavigationToolbar.js

@@ -1,54 +1,79 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            padding: theme.spacing(0, 3),
+            padding: theme.spacing(0, 1),
             '& .SCNavigationToolbar-logo': {
                 marginRight: theme.spacing(2),
                 '& img': {
                     verticalAlign: 'middle',
-                    maxHeight: theme.mixins.toolbar.maxHeight
+                    maxHeight: theme.mixins.toolbar.minHeight
                 }
             },
             '& .SCNavigationToolbar-navigation': {
+                flexGrow: 1,
+                textAlign: 'center',
                 alignSelf: 'end',
                 '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
-                    padding: theme.spacing(2, 2, 1, 2),
-                    margin: theme.spacing(0, 2),
+                    paddingTop: 12,
+                    paddingLeft: theme.spacing(1),
+                    paddingRight: theme.spacing(1),
+                    paddingBottom: 11,
+                    margin: theme.spacing(0, 1),
                     color: theme.palette.primary.main,
                     borderRadius: 0,
-                    borderBottom: `1px solid transparent`,
+                    borderBottom: `2px solid transparent`,
                     '&.SCNavigationToolbar-active, &:hover': {
                         color: theme.palette.secondary.main,
-                        borderBottom: `1px solid ${theme.palette.secondary.main}`
+                        borderBottom: `2px solid ${theme.palette.secondary.main}`
                     }
                 }
             },
             '& .SCNavigationToolbar-search': {
+                flexGrow: 1,
                 textAlign: 'right',
                 marginRight: theme.spacing(1.5),
                 '& .MuiFormControl-root': {
-                    width: 330
+                    width: 285,
+                    [theme.breakpoints.up('lg')]: {
+                        width: 330
+                    }
                 }
             },
             '& .SCNavigationToolbar-profile, & .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
                 margin: theme.spacing(0, 0.5)
             },
+            '& .SCNavigationToolbar-profile .MuiAvatar-root': {
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            },
             '& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
-                paddingTop: theme.spacing(2),
-                paddingBottom: theme.spacing(1),
+                paddingTop: 12,
+                paddingBottom: 9,
                 borderRadius: 0,
-                borderBottom: `1px solid transparent`,
-                color: theme.palette.primary.main,
+                borderBottom: `2px solid transparent`,
                 '&.SCNavigationToolbar-active, &:hover': {
                     color: theme.palette.secondary.main,
-                    borderBottom: `1px solid ${theme.palette.secondary.main}`
+                    borderBottom: `2px solid ${theme.palette.secondary.main}`
                 }
             },
             '& .SCNavigationToolbar-settings': {
-                marginLeft: theme.spacing(4.5)
+                marginLeft: theme.spacing(2)
+            },
+            '& .MuiIconButton-root': {
+                color: theme.palette.primary.main
+            },
+            [theme.breakpoints.up(950)]: {
+                padding: theme.spacing(0, 2),
+                '& .SCNavigationToolbar-navigation': {
+                    '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                        margin: theme.spacing(0, 2)
+                    }
+                },
+                '& .SCNavigationToolbar-settings': {
+                    marginLeft: theme.spacing(4.5)
+                }
             }
         })
     }
 };
 export default Component;
-//# sourceMappingURL=SCNavigationToolbar.js.map

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

@@ -3,14 +3,26 @@ declare const Component: {
         root: ({ theme }: any) => {
             padding: any;
             '& .SCNavigationToolbarMobile-logo': {
-                marginRight: any;
+                margin: any;
+                flexGrow: number;
                 '& img': {
                     verticalAlign: string;
-                    maxHeight: any;
+                    maxHeight: string;
                 };
             };
+            '& h4': {
+                fontSize: string;
+                overflow: string;
+                textOverflow: string;
+                whiteSpace: string;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCNavigationToolbarMobile-logo': {
+                width: number;
+                height: number;
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCNavigationToolbarMobile.d.ts.map

package/lib/esm/components/SCNavigationToolbarMobile.js

@@ -1,16 +1,28 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            padding: theme.spacing(0, 1, 0, 2),
+            padding: theme.spacing(0, 1, 0, 1),
             '& .SCNavigationToolbarMobile-logo': {
-                marginRight: theme.spacing(2),
+                margin: theme.spacing(0.5, 2, 0.5, 0),
+                flexGrow: 1,
                 '& img': {
                     verticalAlign: 'middle',
-                    maxHeight: theme.mixins.toolbar.maxHeight
+                    maxHeight: `calc(${theme.mixins.toolbar.minHeight}px - ${theme.spacing(1)})`
                 }
+            },
+            '& h4': {
+                fontSize: '1.286rem',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap'
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCNavigationToolbarMobile-logo': {
+                width: 100,
+                height: 20
             }
         })
     }
 };
 export default Component;
-//# sourceMappingURL=SCNavigationToolbarMobile.js.map

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

@@ -0,0 +1,19 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCNavigationToolbarSkeleton-logo': {
+                width: number;
+                height: number;
+            };
+            '& .SCNavigationToolbarSkeleton-navigation': {
+                flexGrow: number;
+                margin: any;
+            };
+            '& .SCNavigationToolbarSkeleton-avatar': {
+                width: any;
+                height: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCNavigationToolbarSkeleton.js

@@ -0,0 +1,19 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCNavigationToolbarSkeleton-logo': {
+                width: 100,
+                height: 20
+            },
+            '& .SCNavigationToolbarSkeleton-navigation': {
+                flexGrow: 1,
+                margin: theme.spacing(0, 20)
+            },
+            '& .SCNavigationToolbarSkeleton-avatar': {
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            }
+        })
+    }
+};
+export default Component;

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

@@ -7,6 +7,9 @@ declare const Component: {
                     width: any;
                     height: any;
                 };
+                '& .SCNotification-username': {
+                    fontWeight: any;
+                };
             };
             '& .SCNotification-content': {
                 padding: number;
@@ -29,7 +32,7 @@ declare const Component: {
                     borderRadius: number;
                 };
             };
-            '& a': {
+            '& a:not(.MuiButton-root)': {
                 textDecoration: string;
                 color: any;
                 '&:hover, &:active': {
@@ -41,4 +44,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCNotification.d.ts.map

package/lib/esm/components/SCNotification.js

@@ -7,6 +7,9 @@ const Component = {
                 '& .SCNotification-avatar': {
                     width: theme.selfcommunity.user.avatar.sizeMedium,
                     height: theme.selfcommunity.user.avatar.sizeMedium
+                },
+                '& .SCNotification-username': {
+                    fontWeight: theme.typography.fontWeightBold
                 }
             },
             '& .SCNotification-content': {
@@ -30,7 +33,7 @@ const Component = {
                     borderRadius: 0
                 }
             },
-            '& a': {
+            '& a:not(.MuiButton-root)': {
                 textDecoration: 'none',
                 color: theme.palette.text.primary,
                 '&:hover, &:active': {
@@ -42,4 +45,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCNotification.js.map

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

@@ -1,26 +1,35 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            a: {
-                color: any;
-                textDecoration: string;
-                '&:hover, &:active': {
-                    textDecoration: string;
-                };
-            };
+            whiteSpace: string;
             '& .SCNotificationItem-header': {
                 display: string;
                 flexDirection: string;
+                paddingBottom: any;
                 '& .SCNotificationItem-primary': {
                     fontWeight: any;
                     '& .SCContributionNotification-username': {
                         fontWeight: any;
                     };
+                    '& a': {
+                        color: any;
+                        textDecoration: string;
+                    };
                 };
-                '& .SCNotificationItem-secondary .SCDateTimeAgo-root': {
-                    marginTop: any;
+                '& .SCNotificationItem-secondary': {
+                    '& .SCDateTimeAgo-root, & .MuiStack-root': {
+                        color: any;
+                        minHeight: any;
+                    };
+                    '& a': {
+                        textDecoration: string;
+                        color: any;
+                    };
                 };
             };
+            '& .SCNotificationItem-actions': {
+                color: any;
+            };
             '&.SCNotificationItem-toast': {
                 backgroundColor: string;
                 borderRadius: number;
@@ -64,4 +73,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCNotificationItem.d.ts.map

package/lib/esm/components/SCNotificationItem.js

@@ -1,26 +1,35 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            a: {
-                color: theme.palette.text.primary,
-                textDecoration: 'none',
-                '&:hover, &:active': {
-                    textDecoration: 'underline'
-                }
-            },
+            whiteSpace: 'normal',
             '& .SCNotificationItem-header': {
                 display: 'flex',
                 flexDirection: 'row',
+                paddingBottom: theme.spacing(),
                 '& .SCNotificationItem-primary': {
                     fontWeight: theme.typography.fontWeightMedium,
                     '& .SCContributionNotification-username': {
                         fontWeight: theme.typography.fontWeightBold
+                    },
+                    '& a': {
+                        color: theme.palette.text.primary,
+                        textDecoration: 'none'
                     }
                 },
-                '& .SCNotificationItem-secondary .SCDateTimeAgo-root': {
-                    marginTop: theme.spacing(1)
+                '& .SCNotificationItem-secondary': {
+                    '& .SCDateTimeAgo-root, & .MuiStack-root': {
+                        color: theme.palette.primary.main,
+                        minHeight: theme.spacing(3)
+                    },
+                    '& a': {
+                        textDecoration: 'none',
+                        color: theme.palette.text.primary
+                    }
                 }
             },
+            '& .SCNotificationItem-actions': {
+                color: theme.palette.primary.main
+            },
             '&.SCNotificationItem-toast': {
                 backgroundColor: 'transparent',
                 borderRadius: 0,
@@ -64,4 +73,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCNotificationItem.js.map

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

@@ -11,4 +11,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCNotificationsMenu.d.ts.map

package/lib/esm/components/SCNotificationsMenu.js

@@ -11,4 +11,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCNotificationsMenu.js.map

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

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

package/lib/esm/components/SCPlatformWidget.js

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

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

@@ -1,33 +1,55 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            marginTop: any;
+            marginBottom: any;
+            borderTop: string;
+            borderBottom: string;
+            boxShadow: string;
+            borderRadius: number;
             '& .MuiButton-root': {
                 '&:focus:not(:focus-visible)': {
-                    backgroundColor: string;
-                    borderWidth: string;
-                    borderColor: any;
-                };
-                '&:hover': {
-                    borderWidth: string;
+                    borderColor: string;
                 };
             };
             '& .MuiCardHeader-root': {
-                maxHeight: string;
+                textAlign: string;
                 padding: any;
-                '& .SCPollObject-toggleButton': {
+                '& .SCPollObject-toggle-button': {
                     fontSize: string;
                     textTransform: string;
                     '& .MuiButton-endIcon': {
                         display: string;
                     };
+                    '& .SCPollObject-expand-icon': {
+                        marginBottom: number;
+                        marginLeft: number;
+                        transition: any;
+                    };
+                    '& .SCPollObject-collapsed-icon': {
+                        transform: string;
+                    };
                 };
             };
             '& .SCPollObject-title': {
+                textAlign: string;
                 color: any;
-                marginBottom: number;
+                marginBottom: any;
                 fontWeight: any;
+                wordWrap: string;
+            };
+            '& .SCPollObject-voters, & .SCPollObject-votes': {
+                display: string;
+                margin: any;
+                alignItems: string;
+                justifyContent: string;
+                '& .MuiIcon-root': {
+                    width: string;
+                    marginRight: any;
+                };
             };
             '& .SCPollObject-expiration, & .SCPollObject-close, & .SCPollObject-voters': {
+                textAlign: string;
                 color: any;
                 marginBottom: any;
                 fontWeight: any;
@@ -40,7 +62,7 @@ declare const Component: {
             '& ul': {
                 padding: any;
                 marginBottom: any;
-                backgroundColor: any;
+                backgroundColor: string;
                 borderRadius: any;
                 '& li': {
                     padding: number;
@@ -70,4 +92,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCPollObject.d.ts.map

package/lib/esm/components/SCPollObject.js

@@ -1,46 +1,71 @@
+import { alpha } from '@mui/system';
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            marginTop: theme.spacing(1),
+            marginBottom: theme.spacing(1),
+            borderTop: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+            borderBottom: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+            boxShadow: 'none',
+            borderRadius: 0,
             '& .MuiButton-root': {
                 '&:focus:not(:focus-visible)': {
-                    backgroundColor: 'transparent',
-                    borderWidth: '2px !important',
-                    borderColor: theme.palette.primary.light
-                },
-                '&:hover': {
-                    borderWidth: '2px !important'
+                    borderColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)
                 }
             },
             '& .MuiCardHeader-root': {
-                maxHeight: 'none',
+                textAlign: 'center',
                 padding: theme.spacing(2),
-                '& .SCPollObject-toggleButton': {
+                '& .SCPollObject-toggle-button': {
                     fontSize: '0.875rem',
                     textTransform: 'uppercase',
                     '& .MuiButton-endIcon': {
                         display: 'none'
+                    },
+                    '& .SCPollObject-expand-icon': {
+                        marginBottom: 2,
+                        marginLeft: -2,
+                        transition: theme.transitions.create('transform', {
+                            duration: theme.transitions.duration.shortest
+                        })
+                    },
+                    '& .SCPollObject-collapsed-icon': {
+                        transform: 'rotate(180deg)'
                     }
                 }
             },
             '& .SCPollObject-title': {
-                color: theme.palette.grey[600],
-                marginBottom: 10,
+                textAlign: 'center',
+                color: theme.palette.text.primary,
+                marginBottom: theme.spacing(1),
                 fontWeight: theme.typography.fontWeightBold,
+                wordWrap: 'break-word'
+            },
+            '& .SCPollObject-voters, & .SCPollObject-votes': {
+                display: 'flex',
+                margin: theme.spacing(1),
+                alignItems: 'center',
+                justifyContent: 'center',
+                '& .MuiIcon-root': {
+                    width: '1em',
+                    marginRight: theme.spacing(1)
+                }
             },
             '& .SCPollObject-expiration, & .SCPollObject-close, & .SCPollObject-voters': {
-                color: theme.palette.grey[600],
+                textAlign: 'center',
+                color: theme.palette.text.secondary,
                 marginBottom: theme.spacing(2.5),
                 fontWeight: theme.typography.fontWeightLight,
                 fontSize: '0.765rem'
             },
             '& .SCPollObject-voters .MuiTypography-root': {
                 fontWeight: theme.typography.fontWeightLight,
-                fontSize: '0.765rem'
+                fontSize: '1rem'
             },
             '& ul': {
                 padding: theme.spacing(2.5),
                 marginBottom: theme.spacing(2.5),
-                backgroundColor: theme.palette.grey[300],
+                backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
                 borderRadius: theme.shape.borderRadius,
                 '& li': {
                     padding: 0,
@@ -70,4 +95,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCPollObject.js.map

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

@@ -18,4 +18,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCPreviewMediaDocument.d.ts.map

package/lib/esm/components/SCPreviewMediaDocument.js

@@ -18,4 +18,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCPreviewMediaDocument.js.map

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

@@ -0,0 +1,46 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCPreviewMediaLink-preview-link': {
+                position: string;
+                backgroundColor: string;
+                margin: any;
+                padding: any;
+            };
+            '& .SCPreviewMediaLink-preview-video': {
+                margin: string;
+                height: number;
+            };
+            '& .SCPreviewMediaLink-thumbnail': {
+                [x: number]: {
+                    maxWidth: number;
+                    width: string;
+                    float: string;
+                };
+                border: string;
+                borderRadius: number;
+                paddingTop: any;
+                margin: any;
+            };
+            '& .SCPreviewMediaLink-image': {
+                backgroundSize: string;
+                backgroundPosition: string;
+                backgroundRepeat: string;
+                backgroundColor: string;
+                paddingBottom: number;
+            };
+            '& .SCPreviewMediaLink-snippet': {
+                padding: any;
+                '& .SCPreviewMediaLink-snippet-title': {};
+                '& .SCPreviewMediaLink-snippet-description': {
+                    fontSize: string;
+                };
+                '& a': {
+                    fontSize: string;
+                    fontStyle: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPreviewMediaLink.js

@@ -0,0 +1,47 @@
+import { alpha } from '@mui/system';
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCPreviewMediaLink-preview-link': {
+                position: 'relative',
+                backgroundColor: '#F5F5F5',
+                margin: theme.spacing(1, 0),
+                padding: theme.spacing(1)
+            },
+            '& .SCPreviewMediaLink-preview-video': {
+                margin: '10px 0px',
+                height: 360
+            },
+            '& .SCPreviewMediaLink-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'
+                }
+            },
+            '& .SCPreviewMediaLink-image': {
+                backgroundSize: 'contain !important',
+                backgroundPosition: 'center !important',
+                backgroundRepeat: 'no-repeat !important',
+                backgroundColor: '#FFF !important',
+                paddingBottom: 120
+            },
+            '& .SCPreviewMediaLink-snippet': {
+                padding: theme.spacing(2),
+                '& .SCPreviewMediaLink-snippet-title': {},
+                '& .SCPreviewMediaLink-snippet-description': {
+                    fontSize: '0.857rem'
+                },
+                '& a': {
+                    fontSize: '1rem',
+                    fontStyle: 'italic'
+                }
+            }
+        })
+    }
+};
+export default Component;