@selfcommunity/react-theme-default 0.1.0-alpha.7 → 0.1.0-alpha.71

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

@@ -1,30 +1,44 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '& .SCSnippetNotifications-notifications-wrap': {
-                maxWidth: string;
-                '& .SCNotificationItem-primary': {
-                    color: any;
-                    '& a': {
-                        '&:hover': {
-                            color: any;
-                            textDecoration: string;
+            '& .SCSnippetNotifications-item': {
+                padding: number;
+                marginBottom: any;
+                '& .SCNotificationItem-root': {
+                    backgroundColor: string;
+                    borderRadius: number;
+                    '&.SCNotificationItem-snippet': {
+                        '&:before': {
+                            borderRadius: any;
+                            width: any;
+                            left: number;
+                            height: string;
+                            display: string;
+                            zIndex: string;
+                            position: string;
+                            content: string;
+                            backgroundColor: string;
+                        };
+                        '&.SCNotificationItem-new': {
+                            '&:before': {
+                                backgroundColor: any;
+                            };
+                        };
+                        '& .SCNotificationItem-header': {
+                            padding: any;
                         };
                     };
                 };
-            };
-            '& .SCNotificationItem-image': {
-                paddingLeft: string;
-            };
-            '&.SCNotificationItem-new-snippet': {
-                '&::before': {
-                    backgroundColor: any;
-                };
-            };
-            '& .SCUserNotificationPrivateMessage-reply-button': {
-                color: any;
-                '&:hover': {
-                    color: string;
+                '&.SCSnippetNotifications-broadcast-messages-banner': {
+                    '& .SCNotificationItem-root.SCNotificationItem-snippet.SCNotificationItem-new': {
+                        '&:before': {
+                            backgroundColor: any;
+                        };
+                    };
+                    '& .SCNotificationItem-title a': {
+                        color: any;
+                        fontWeight: any;
+                    };
                 };
             };
         };

package/lib/cjs/components/SCSnippetNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SCSnippetNotifications.d.ts","sourceRoot":"","sources":["../../../src/components/SCSnippetNotifications.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCSnippetNotifications.d.ts","sourceRoot":"","sources":["../../../src/components/SCSnippetNotifications.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCSnippetNotifications.js

@@ -3,30 +3,44 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .SCSnippetNotifications-notifications-wrap': {
-                maxWidth: 'initial',
-                '& .SCNotificationItem-primary': {
-                    color: theme.palette.grey[600],
-                    '& a': {
-                        '&:hover': {
-                            color: theme.palette.primary.main,
-                            textDecoration: 'underline'
+            '& .SCSnippetNotifications-item': {
+                padding: 0,
+                marginBottom: theme.spacing(),
+                '& .SCNotificationItem-root': {
+                    backgroundColor: 'transparent',
+                    borderRadius: 0,
+                    '&.SCNotificationItem-snippet': {
+                        '&:before': {
+                            borderRadius: theme.shape.borderRadius,
+                            width: theme.spacing(0.6),
+                            left: 1,
+                            height: '100%',
+                            display: 'block',
+                            zIndex: '20',
+                            position: 'absolute',
+                            content: '" "',
+                            backgroundColor: 'rgba(84, 110, 122, 0.3)'
+                        },
+                        '&.SCNotificationItem-new': {
+                            '&:before': {
+                                backgroundColor: theme.palette.primary.main
+                            }
+                        },
+                        '& .SCNotificationItem-header': {
+                            padding: theme.spacing(1, 2)
                         }
                     }
-                }
-            },
-            '& .SCNotificationItem-image': {
-                paddingLeft: '0px !important'
-            },
-            '&.SCNotificationItem-new-snippet': {
-                '&::before': {
-                    backgroundColor: theme.palette.primary.main
-                }
-            },
-            '& .SCUserNotificationPrivateMessage-reply-button': {
-                color: theme.palette.primary.main,
-                '&:hover': {
-                    color: '#FFF !important'
+                },
+                '&.SCSnippetNotifications-broadcast-messages-banner': {
+                    '& .SCNotificationItem-root.SCNotificationItem-snippet.SCNotificationItem-new': {
+                        '&:before': {
+                            backgroundColor: theme.palette.secondary.main
+                        }
+                    },
+                    '& .SCNotificationItem-title a': {
+                        color: theme.palette.secondary.main,
+                        fontWeight: theme.typography.fontWeightBold
+                    }
                 }
             }
         })

package/lib/cjs/components/SCSnippetNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCSnippetNotifications.js","sourceRoot":"","sources":["../../../src/components/SCSnippetNotifications.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,8CAA8C,EAAE;gBAC9C,QAAQ,EAAE,SAAS;gBACnB,+BAA+B,EAAE;oBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,KAAK,EAAE;wBACL,SAAS,EAAE;4BACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;4BACjC,cAAc,EAAE,WAAW;yBAC5B;qBACF;iBACF;aACF;YACD,6BAA6B,EAAE;gBAC7B,WAAW,EAAE,gBAAgB;aAC9B;YACD,kCAAkC,EAAE;gBAClC,WAAW,EAAE;oBACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBAC5C;aACF;YACD,kDAAkD,EAAE;gBAClD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBACjC,SAAS,EAAE;oBACT,KAAK,EAAE,iBAAiB;iBACzB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCSnippetNotifications.js","sourceRoot":"","sources":["../../../src/components/SCSnippetNotifications.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,gCAAgC,EAAE;gBAChC,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE;gBAC7B,4BAA4B,EAAE;oBAC5B,eAAe,EAAE,aAAa;oBAC9B,YAAY,EAAE,CAAC;oBACf,8BAA8B,EAAE;wBAC9B,UAAU,EAAE;4BACV,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;4BACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;4BACzB,IAAI,EAAE,CAAC;4BACP,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE,OAAO;4BAChB,MAAM,EAAE,IAAI;4BACZ,QAAQ,EAAE,UAAU;4BACpB,OAAO,EAAE,KAAK;4BACd,eAAe,EAAE,yBAAyB;yBAC3C;wBACD,0BAA0B,EAAE;4BAC1B,UAAU,EAAE;gCACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;6BAC5C;yBACF;wBACD,8BAA8B,EAAE;4BAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;yBAC7B;qBACF;iBACF;gBACD,oDAAoD,EAAE;oBACpD,8EAA8E,EAAE;wBAC9E,UAAU,EAAE;4BACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;yBAC9C;qBACF;oBACD,+BAA+B,EAAE;wBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;wBACnC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;qBAC5C;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,39 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            margin: number;
+            padding: number;
+            '& .SCSnippetNotificationsSkeleton-item': {
+                padding: number;
+                marginBottom: any;
+                '& .SCNotificationItem-root': {
+                    backgroundColor: string;
+                    borderRadius: number;
+                    '&.SCNotificationItem-snippet': {
+                        '&:before': {
+                            borderRadius: any;
+                            width: any;
+                            left: number;
+                            height: string;
+                            display: string;
+                            zIndex: string;
+                            position: string;
+                            content: string;
+                            backgroundColor: string;
+                        };
+                        '&.SCNotificationItem-new': {
+                            '&:before': {
+                                backgroundColor: any;
+                            };
+                        };
+                        '& .SCNotificationItem-header': {
+                            padding: any;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCSnippetNotificationsSkeleton.d.ts.map

package/lib/cjs/components/SCSnippetNotificationsSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCSnippetNotificationsSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/SCSnippetNotificationsSkeleton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCSnippetNotificationsSkeleton.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            margin: 0,
+            padding: 0,
+            '& .SCSnippetNotificationsSkeleton-item': {
+                padding: 0,
+                marginBottom: theme.spacing(),
+                '& .SCNotificationItem-root': {
+                    backgroundColor: 'transparent',
+                    borderRadius: 0,
+                    '&.SCNotificationItem-snippet': {
+                        '&:before': {
+                            borderRadius: theme.shape.borderRadius,
+                            width: theme.spacing(0.6),
+                            left: 1,
+                            height: '100%',
+                            display: 'block',
+                            zIndex: '20',
+                            position: 'absolute',
+                            content: '" "',
+                            backgroundColor: 'rgba(84, 110, 122, 0.3)'
+                        },
+                        '&.SCNotificationItem-new': {
+                            '&:before': {
+                                backgroundColor: theme.palette.primary.main
+                            }
+                        },
+                        '& .SCNotificationItem-header': {
+                            padding: theme.spacing(1, 2)
+                        }
+                    }
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCSnippetNotificationsSkeleton.js.map

package/lib/cjs/components/SCSnippetNotificationsSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCSnippetNotificationsSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCSnippetNotificationsSkeleton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,CAAC;YACV,wCAAwC,EAAE;gBACxC,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE;gBAC7B,4BAA4B,EAAE;oBAC5B,eAAe,EAAE,aAAa;oBAC9B,YAAY,EAAE,CAAC;oBACf,8BAA8B,EAAE;wBAC9B,UAAU,EAAE;4BACV,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;4BACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;4BACzB,IAAI,EAAE,CAAC;4BACP,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE,OAAO;4BAChB,MAAM,EAAE,IAAI;4BACZ,QAAQ,EAAE,UAAU;4BACpB,OAAO,EAAE,KAAK;4BACd,eAAe,EAAE,yBAAyB;yBAC3C;wBACD,0BAA0B,EAAE;4BAC1B,UAAU,EAAE;gCACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;6BAC5C;yBACF;wBACD,8BAA8B,EAAE;4BAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;yBAC7B;qBACF;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+declare const Component: {
+    styleOverrides: {
+        menuRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;
+//# sourceMappingURL=SCUserActionIconButton.d.ts.map

package/lib/cjs/components/SCUserActionIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserActionIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserActionIconButton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;8BAES,GAAG;;CAE1B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCUserActionIconButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        menuRoot: ({ theme }) => ({})
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCUserActionIconButton.js.map

package/lib/cjs/components/SCUserActionIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserActionIconButton.js","sourceRoot":"","sources":["../../../src/components/SCUserActionIconButton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;KACjC;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,23 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCUserCounters-button': {
+                color: any;
+                padding: any;
+                borderRadius: number;
+                fontSize: string;
+                fontWeight: any;
+                '& strong': {
+                    display: string;
+                    marginRight: any;
+                    fontWeight: any;
+                };
+                '&:hover, &:active': {
+                    color: any;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCUserCounters.d.ts.map

package/lib/cjs/components/SCUserCounters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserCounters.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserCounters.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;CAkBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCUserCounters.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCUserCounters-button': {
+                color: theme.palette.text.primary,
+                padding: theme.spacing(0.5),
+                borderRadius: theme.shape.borderRadius / 3,
+                fontSize: '1.143rem',
+                fontWeight: theme.typography.fontWeightMedium,
+                '& strong': {
+                    display: 'inline-block',
+                    marginRight: theme.spacing(1),
+                    fontWeight: theme.typography.fontWeightBold
+                },
+                '&:hover, &:active': {
+                    color: theme.palette.secondary.main
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCUserCounters.js.map

package/lib/cjs/components/SCUserCounters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserCounters.js","sourceRoot":"","sources":["../../../src/components/SCUserCounters.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,0BAA0B,EAAE;gBAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;gBAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC;gBAC1C,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB;gBAC7C,UAAU,EAAE;oBACV,OAAO,EAAE,cAAc;oBACvB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC7B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;iBAC5C;gBACD,mBAAmB,EAAE;oBACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;iBACpC;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,19 @@
+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;
+//# sourceMappingURL=SCUserInfo.d.ts.map

package/lib/cjs/components/SCUserInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserInfo.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserInfo.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;CActB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCUserInfo.js

@@ -0,0 +1,21 @@
+"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;
+//# sourceMappingURL=SCUserInfo.js.map

package/lib/cjs/components/SCUserInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserInfo.js","sourceRoot":"","sources":["../../../src/components/SCUserInfo.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,qBAAqB,EAAE;gBACrB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,MAAM,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;iBACjC;gBACD,gBAAgB,EAAE;oBAChB,YAAY,EAAE,CAAC;iBAChB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,22 @@
+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;
+//# sourceMappingURL=SCUserInfoDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserInfoDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserInfoDialog.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;CAiBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCUserInfoDialog.js

@@ -0,0 +1,24 @@
+"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;
+//# sourceMappingURL=SCUserInfoDialog.js.map

package/lib/cjs/components/SCUserInfoDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserInfoDialog.js","sourceRoot":"","sources":["../../../src/components/SCUserInfoDialog.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,6BAA6B,EAAE;gBAC7B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBAC5B,SAAS,EAAE,QAAQ;gBACnB,4BAA4B,EAAE;oBAC5B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;oBACnC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;oBAChD,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;iBAClD;gBACD,8BAA8B,EAAE;oBAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,QAAQ,EAAE,UAAU;oBACpB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,19 @@
+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;
+//# sourceMappingURL=SCUserInfoSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserInfoSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserInfoSkeleton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;CActB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCUserInfoSkeleton.js

@@ -0,0 +1,21 @@
+"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;
+//# sourceMappingURL=SCUserInfoSkeleton.js.map

package/lib/cjs/components/SCUserInfoSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCUserInfoSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCUserInfoSkeleton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,qBAAqB,EAAE;gBACrB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,MAAM,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;iBACjC;gBACD,gBAAgB,EAAE;oBAChB,YAAY,EAAE,CAAC;iBAChB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -5,23 +5,43 @@ 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;
             };
             '& .SCUserProfileHeader-change-picture': {
                 top: any;
                 left: number;
+                position: string;
+                display: string;
+                margin: string;
             };
             '& .SCUserProfileHeader-username': {
                 marginTop: number;
                 fontWeight: any;
                 fontSize: string;
+                textAlign: string;
+            };
+            '& .SCUserProfileHeader-change-cover': {
+                [x: number]: {
+                    bottom: number;
+                };
+                position: string;
+                right: number;
+                bottom: number;
             };
         };
     };

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

@@ -1 +1 @@
-{"version":3,"file":"SCUserProfileHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserProfileHeader.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCUserProfileHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserProfileHeader.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCUserProfileHeader.js

@@ -4,26 +4,46 @@ 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)}`
             },
             '& .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-change-cover': {
+                position: 'absolute',
+                right: 10,
+                bottom: 10,
+                [theme.breakpoints.down('md')]: {
+                    bottom: 310
+                }
             }
         })
     }

package/lib/cjs/components/SCUserProfileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCUserProfileHeader.js","sourceRoot":"","sources":["../../../src/components/SCUserProfileHeader.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,8BAA8B,EAAE;gBAC9B,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,GAAG;gBACd,YAAY,EAAE,CAAC;gBACf,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;iBACvC;aACF;YACD,+BAA+B,EAAE;gBAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;gBACjD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;gBAChD,GAAG,EAAE,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;aACrD;YACD,uCAAuC,EAAE;gBACvC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;gBAC9C,IAAI,EAAE,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;aACtD;YACD,iCAAiC,EAAE;gBACjC,SAAS,EAAE,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;gBAC1D,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;gBAC3C,QAAQ,EAAE,UAAU;aACrB;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCUserProfileHeader.js","sourceRoot":"","sources":["../../../src/components/SCUserProfileHeader.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,8BAA8B,EAAE;gBAC9B,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,GAAG;gBACd,YAAY,EAAE,CAAC;gBACf,UAAU,EAAE,0EAA0E;gBACtF,SAAS,EAAE,OAAO;gBAClB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;iBACvC;aACF;YACD,+BAA+B,EAAE;gBAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;gBAClD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;gBACjD,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;gBAC3D,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,UAAU;gBAClB,YAAY,EAAE,KAAK;gBACnB,MAAM,EAAE,cAAc,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;aAC3C;YACD,uCAAuC,EAAE;gBACvC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;gBAC/C,IAAI,EAAE,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;gBACtD,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,UAAU;aACnB;YACD,iCAAiC,EAAE;gBACjC,SAAS,EAAE,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE;gBAChE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;gBAC3C,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,QAAQ;aACpB;YACD,qCAAqC,EAAE;gBACrC,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC9B,MAAM,EAAE,GAAG;iBACZ;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -5,6 +5,27 @@ declare const Component: {
                 marginTop: any;
             };
             marginTop: number;
+            '& .SCUserProfileTemplate-tags': {
+                marginTop: any;
+                justifyContent: string;
+            };
+            '& .SCUserProfileTemplate-counters': {
+                marginTop: any;
+                justifyContent: string;
+                display: string;
+                alignItems: string;
+            };
+            '& .SCUserProfileTemplate-info': {
+                marginTop: any;
+                textAlign: string;
+            };
+            '& .SCUserProfileTemplate-feed': {
+                marginTop: any;
+            };
+            '& .SCUserProfileTemplate-actions': {
+                margin: any;
+                justifyContent: string;
+            };
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SCUserProfileTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserProfileTemplate.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;CAOtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCUserProfileTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/SCUserProfileTemplate.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC;AAEF,eAAe,SAAS,CAAC"}