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

package/lib/cjs/components/SCUserInfo.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserInfo-field': {
+                marginBottom: theme.spacing(2),
+                '& h6': {
+                    fontSize: '1.143rem',
+                    fontWeight: theme.typography.fontWeightBold,
+                    marginBottom: theme.spacing(0.5)
+                },
+                '&:last-of-type': {
+                    marginBottom: 0
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,21 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserInfoDialog-caption': {
+                marginTop: any;
+                textAlign: string;
+                '& .SCUserInfoDialog-avatar': {
+                    margin: any;
+                    width: any;
+                    height: any;
+                };
+                '& .SCUserInfoDialog-username': {
+                    fontWeight: any;
+                    fontSize: string;
+                    marginBottom: any;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserInfoDialog.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserInfoDialog-caption': {
+                marginTop: theme.spacing(-2),
+                textAlign: 'center',
+                '& .SCUserInfoDialog-avatar': {
+                    margin: theme.spacing(0, 'auto', 1),
+                    width: theme.selfcommunity.user.avatar.sizeLarge,
+                    height: theme.selfcommunity.user.avatar.sizeLarge
+                },
+                '& .SCUserInfoDialog-username': {
+                    fontWeight: theme.typography.fontWeightBold,
+                    fontSize: '1.143rem',
+                    marginBottom: theme.spacing(1)
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserInfo-field': {
+                marginBottom: any;
+                '& h6': {
+                    fontSize: string;
+                    fontWeight: any;
+                    marginBottom: any;
+                };
+                '&:last-of-type': {
+                    marginBottom: number;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserInfoSkeleton.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserInfo-field': {
+                marginBottom: theme.spacing(2),
+                '& h6': {
+                    fontSize: '1.143rem',
+                    fontWeight: theme.typography.fontWeightBold,
+                    marginBottom: theme.spacing(0.5)
+                },
+                '&:last-of-type': {
+                    marginBottom: 0
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,12 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            textAlign: string;
+            '& .SCUserProfileBlocked-info': {
+                marginTop: any;
+                marginBottom: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserProfileBlocked.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            textAlign: 'center',
+            '& .SCUserProfileBlocked-info': {
+                marginTop: theme.spacing(3),
+                marginBottom: theme.spacing(3)
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,20 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserProfileEdit-tabs': {
+                marginBottom: any;
+                '& .MuiTabScrollButton-root': {
+                    transition: string;
+                    '&.Mui-disabled': {
+                        width: number;
+                    };
+                };
+            };
+            '& .SCUserProfileEdit-tab-content': {
+                padding: any;
+                maxWidth: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserProfileEdit.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserProfileEdit-tabs': {
+                marginBottom: theme.spacing(3),
+                '& .MuiTabScrollButton-root': {
+                    transition: 'width 1s ease-in-out',
+                    '&.Mui-disabled': {
+                        width: 0
+                    }
+                }
+            },
+            '& .SCUserProfileEdit-tab-content': {
+                padding: theme.spacing(0, 2),
+                maxWidth: 400
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,13 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserProfileEditSectionAccount-danger-zone': {
+                marginTop: any;
+                '&  > *': {
+                    marginBottom: any;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserProfileEditSectionAccount.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserProfileEditSectionAccount-danger-zone': {
+                marginTop: theme.spacing(2),
+                '&  > *': {
+                    marginBottom: theme.spacing(2)
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,29 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserProfileEditSectionAccountCredentials-email, .SCUserProfileEditSectionAccountCredentials-password': {
+                margin: any;
+                fontWeight: string;
+            };
+            '& .SCUserProfileEditSectionAccountCredentials-danger-zone': {
+                marginTop: any;
+                '&  > *': {
+                    marginBottom: any;
+                };
+            };
+        };
+        dialogRoot: ({ theme }: any) => {
+            '& .MuiDialogContent-root': {
+                '& .SCUserProfileEditSectionAccountCredentials-password-form': {
+                    '& .SCUserProfileEditSectionAccountCredentials-form-field': {
+                        margin: any;
+                    };
+                };
+            };
+            '& .SCUserProfileEditSectionAccountCredentials-confirm-change-button': {
+                marginTop: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCUserProfileEditSectionAccountCredentials.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserProfileEditSectionAccountCredentials-email, .SCUserProfileEditSectionAccountCredentials-password': {
+                margin: theme.spacing(1, 0, 1, 0),
+                fontWeight: 'bold'
+            },
+            '& .SCUserProfileEditSectionAccountCredentials-danger-zone': {
+                marginTop: theme.spacing(2),
+                '&  > *': {
+                    marginBottom: theme.spacing(2)
+                }
+            }
+        }),
+        dialogRoot: ({ theme }) => ({
+            '& .MuiDialogContent-root': {
+                '& .SCUserProfileEditSectionAccountCredentials-password-form': {
+                    '& .SCUserProfileEditSectionAccountCredentials-form-field': {
+                        margin: theme.spacing(1, 1, 1, 0)
+                    }
+                }
+            },
+            '& .SCUserProfileEditSectionAccountCredentials-confirm-change-button': {
+                marginTop: theme.spacing(1)
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -5,26 +5,48 @@ declare const Component: {
                 [x: number]: {
                     borderRadius: any;
                 };
+                position: string;
                 height: number;
                 minHeight: number;
                 borderRadius: number;
+                background: string;
+                boxShadow: string;
             };
             '& .SCUserProfileHeader-avatar': {
                 height: any;
                 width: any;
                 top: number;
+                display: string;
+                position: string;
+                margin: string;
+                borderRadius: string;
+                border: string;
+                objectFit: string;
             };
             '& .SCUserProfileHeader-change-picture': {
                 top: any;
                 left: number;
+                position: string;
+                display: string;
+                margin: string;
             };
             '& .SCUserProfileHeader-username': {
                 marginTop: number;
                 fontWeight: any;
                 fontSize: string;
+                textAlign: string;
+            };
+            '& .SCUserProfileHeader-realname': {
+                fontSize: string;
+                textAlign: string;
+                paddingBottom: any;
+            };
+            '& .SCUserProfileHeader-change-cover': {
+                position: string;
+                right: number;
+                bottom: number;
             };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCUserProfileHeader.d.ts.map

package/lib/cjs/components/SCUserProfileHeader.js

@@ -4,29 +4,51 @@ const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             '& .SCUserProfileHeader-cover': {
-                height: 300,
-                minHeight: 300,
+                position: 'relative',
+                height: 250,
+                minHeight: 250,
                 borderRadius: 0,
+                background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
+                boxShadow: 'unset',
                 [theme.breakpoints.up('md')]: {
                     borderRadius: theme.shape.borderRadius
                 }
             },
             '& .SCUserProfileHeader-avatar': {
-                height: theme.selfcommunity.user.avatar.sizeLarge,
-                width: theme.selfcommunity.user.avatar.sizeLarge,
-                top: 1.5 * theme.selfcommunity.user.avatar.sizeLarge
+                height: theme.selfcommunity.user.avatar.sizeXLarge,
+                width: theme.selfcommunity.user.avatar.sizeXLarge,
+                top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
+                display: 'block',
+                position: 'relative',
+                margin: '0px auto',
+                borderRadius: '50%',
+                border: `#FFF solid ${theme.spacing(0.5)}`,
+                objectFit: 'cover'
             },
             '& .SCUserProfileHeader-change-picture': {
-                top: theme.selfcommunity.user.avatar.sizeLarge,
-                left: 0.5 * theme.selfcommunity.user.avatar.sizeLarge
+                top: theme.selfcommunity.user.avatar.sizeXLarge,
+                left: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
+                position: 'relative',
+                display: 'flex',
+                margin: '0px auto'
             },
             '& .SCUserProfileHeader-username': {
-                marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
+                marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge + 16,
                 fontWeight: theme.typography.fontWeightBold,
-                fontSize: '1.429rem'
+                fontSize: '1.429rem',
+                textAlign: 'center'
+            },
+            '& .SCUserProfileHeader-realname': {
+                fontSize: '1rem',
+                textAlign: 'center',
+                paddingBottom: theme.spacing()
+            },
+            '& .SCUserProfileHeader-change-cover': {
+                position: 'absolute',
+                right: 10,
+                bottom: 10
             }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCUserProfileHeader.js.map

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

@@ -5,8 +5,29 @@ declare const Component: {
                 marginTop: any;
             };
             marginTop: number;
+            '& .SCUserProfileTemplate-tags': {
+                marginTop: any;
+                justifyContent: string;
+            };
+            '& .SCUserProfileTemplate-counters': {
+                marginTop: any;
+                justifyContent: string;
+                display: string;
+                alignItems: string;
+                flexWrap: string;
+            };
+            '& .SCUserProfileTemplate-info': {
+                marginTop: any;
+                textAlign: string;
+            };
+            '& .SCUserProfileTemplate-feed': {
+                marginTop: any;
+            };
+            '& .SCUserProfileTemplate-actions': {
+                margin: any;
+                justifyContent: string;
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCUserProfileTemplate.d.ts.map

package/lib/cjs/components/SCUserProfileTemplate.js

@@ -6,9 +6,30 @@ const Component = {
             marginTop: 0,
             [theme.breakpoints.up('md')]: {
                 marginTop: theme.spacing(4)
+            },
+            '& .SCUserProfileTemplate-tags': {
+                marginTop: theme.spacing(1),
+                justifyContent: 'center'
+            },
+            '& .SCUserProfileTemplate-counters': {
+                marginTop: theme.spacing(2),
+                justifyContent: 'center',
+                display: 'flex',
+                alignItems: 'center',
+                flexWrap: 'wrap'
+            },
+            '& .SCUserProfileTemplate-info': {
+                marginTop: theme.spacing(1),
+                textAlign: 'center'
+            },
+            '& .SCUserProfileTemplate-feed': {
+                marginTop: theme.spacing(2)
+            },
+            '& .SCUserProfileTemplate-actions': {
+                margin: theme.spacing(1, 2, 2, 2),
+                justifyContent: 'center'
             }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCUserProfileTemplate.js.map

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

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            flexDirection: string;
+            '&.SCVoteAction-inline': {
+                flexDirection: string;
+            };
+            '& .SCVoteAction-divider': {
+                width: string;
+                borderBottom: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCVoteAction.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            '&.SCVoteAction-inline': {
+                flexDirection: 'row-reverse'
+            },
+            '& .SCVoteAction-divider': {
+                width: '100%',
+                borderBottom: 0
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,37 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCVoteAudienceButton-reaction-list': {
+                maxWidth: any;
+                overflow: string;
+                marginTop: any;
+                fontSize: string;
+                display: string;
+                flexDirection: string;
+                '& .MuiIcon-root': {
+                    paddingRight: any;
+                    backgroundColor: string;
+                };
+            };
+            '& > .MuiIcon-root': {
+                fontSize: string;
+                marginTop: any;
+            };
+        };
+        dialogRoot: ({ theme }: any) => {
+            '& .SCVoteAudienceButton-dialog-tabs': {
+                '& .MuiTab-root': {
+                    flexDirection: string;
+                    justifyContent: string;
+                };
+            };
+            '& .SCVoteAudienceButton-dialog-vote-badge': {
+                width: any;
+                height: any;
+                backgroundColor: any;
+                border: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCVoteAudienceButton.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCVoteAudienceButton-reaction-list': {
+                maxWidth: theme.spacing(5),
+                overflow: 'hidden',
+                marginTop: theme.spacing(-0.25),
+                fontSize: '1.143rem',
+                display: 'flex',
+                flexDirection: 'row',
+                '& .MuiIcon-root': {
+                    paddingRight: theme.spacing(0.5),
+                    backgroundColor: 'transparent'
+                }
+            },
+            '& > .MuiIcon-root': {
+                fontSize: '1.143rem',
+                marginTop: theme.spacing(-0.25)
+            }
+        }),
+        dialogRoot: ({ theme }) => ({
+            '& .SCVoteAudienceButton-dialog-tabs': {
+                '& .MuiTab-root': {
+                    flexDirection: 'row',
+                    justifyContent: 'space-evenly'
+                }
+            },
+            '& .SCVoteAudienceButton-dialog-vote-badge': {
+                width: theme.selfcommunity.user.avatar.sizeSmall,
+                height: theme.selfcommunity.user.avatar.sizeSmall,
+                backgroundColor: theme.palette.background.paper,
+                border: `1px solid ${theme.palette.background.paper}`
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,22 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            color: any;
+            marginTop: any;
+            marginBottom: any;
+            borderRadius: string;
+            padding: any;
+            minWidth: number;
+            '& .MuiIcon-root': {
+                fontSize: string;
+            };
+            '&.MuiButton-sizeSmall': {
+                padding: any;
+                '& .MuiIcon-root': {
+                    fontSize: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCVoteButton.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            color: theme.palette.primary.main,
+            marginTop: theme.spacing(0.5),
+            marginBottom: theme.spacing(0.5),
+            borderRadius: '50%',
+            padding: theme.spacing(1.5),
+            minWidth: 0,
+            '& .MuiIcon-root': {
+                fontSize: '1.57rem'
+            },
+            '&.MuiButton-sizeSmall': {
+                padding: theme.spacing(0.5),
+                '& .MuiIcon-root': {
+                    fontSize: '1rem'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -26,6 +26,9 @@ declare const Component: {
             borderRadius: number;
             boxShadow: string;
             border: string;
+            '&.MuiPaper-elevation0': {
+                borderRadius: number;
+            };
             '& .MuiCardContent-root': {
                 padding: any;
                 '& h5': {
@@ -36,13 +39,16 @@ declare const Component: {
                 };
                 '& .MuiList-root': {
                     paddingTop: any;
-                    paddingBottom: any;
+                    paddingBottom: number;
+                    '& .MuiListItem-root:first-of-type': {
+                        paddingTop: number;
+                    };
                     '& .MuiListItem-root': {
                         paddingTop: any;
                         paddingBottom: any;
                         paddingLeft: number;
                         paddingRight: number;
-                        '& .SCBaseItemButton-text': {
+                        '& .SCBaseItemButton-text, & .SCBaseItem-text': {
                             marginTop: number;
                             marginBottom: number;
                         };
@@ -51,13 +57,12 @@ declare const Component: {
                         };
                     };
                 };
-                '& > .MuiButton-sizeMedium': {
-                    marginLeft: any;
-                    paddingLeft: any;
-                    paddingRight: any;
-                    color: any;
+                '& > .MuiTypography-body2': {
+                    paddingTop: any;
                 };
-                '& a:not(.MuiButton-colorInherit):hover': {
+                '& > .MuiButton-sizeMedium': {
+                    marginTop: any;
+                    padding: any;
                     color: any;
                 };
             };
@@ -65,4 +70,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCWidget.d.ts.map