@selfcommunity/react-theme-default 0.1.0-alpha.20 → 0.1.0-alpha.201

package/lib/cjs/components/SCCategoryHeader.js

@@ -2,13 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     defaultProps: {
-        FollowCategoryButtonProps: {
+        CategoryFollowButtonProps: {
             size: 'medium'
         }
     },
     styleOverrides: {
         root: ({ theme }) => ({
             '& .SCCategoryHeader-cover': {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+                minHeight: 270,
+                color: '#FFF',
+                background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
                 height: 200,
                 borderRadius: 0,
                 [theme.breakpoints.up('md')]: {
@@ -16,8 +23,18 @@ const Component = {
                 }
             },
             '& .SCCategoryHeader-info': {
+                paddingLeft: theme.spacing(2),
+                paddingRight: theme.spacing(2),
                 marginTop: theme.spacing(1),
                 marginBottom: theme.spacing(3),
+                '& .SCCategoryHeader-name, & .SCCategoryHeader-slogan': {
+                    display: 'block',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    textAlign: 'center',
+                    marginBottom: theme.spacing(2)
+                },
                 '& .SCCategoryHeader-name': {
                     fontSize: '1.857rem',
                     fontWeight: theme.typography.fontWeightBold,
@@ -28,25 +45,15 @@ const Component = {
                     fontWeight: theme.typography.fontWeightMedium,
                     marginBottom: theme.spacing(2)
                 },
+                '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
+                    textAlign: 'center',
+                    marginBottom: theme.spacing(2)
+                },
                 '& .SCCategoryHeader-followed': {
-                    marginBottom: theme.spacing(2),
                     '& .SCCategoryHeader-followed-counter': {
                         fontSize: '1rem',
-                        fontWeight: theme.typography.fontWeightRegular
-                    },
-                    '& .MuiButton-root': {
-                        padding: theme.spacing(),
-                        '& .MuiAvatarGroup-root .MuiAvatar-root': {
-                            width: theme.selfcommunity.user.avatar.sizeSmall,
-                            height: theme.selfcommunity.user.avatar.sizeSmall,
-                            border: '1px solid #fff'
-                        },
-                        '& .MuiAvatar-colorDefault': {
-                            margin: 0,
-                            backgroundColor: 'transparent',
-                            color: theme.palette.primary.main,
-                            borderRadius: 0
-                        }
+                        fontWeight: theme.typography.fontWeightRegular,
+                        display: 'inline'
                     }
                 }
             }

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

@@ -1 +1 @@
-{"version":3,"file":"SCCategoryHeader.js","sourceRoot":"","sources":["../../../src/components/SCCategoryHeader.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,YAAY,EAAE;QACZ,yBAAyB,EAAE;YACzB,IAAI,EAAE,QAAQ;SACf;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,2BAA2B,EAAE;gBAC3B,MAAM,EAAE,GAAG;gBACX,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,0BAA0B,EAAE;gBAC1B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,0BAA0B,EAAE;oBAC1B,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE;iBAC9B;gBACD,4BAA4B,EAAE;oBAC5B,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB;oBAC7C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;gBACD,8BAA8B,EAAE;oBAC9B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC9B,sCAAsC,EAAE;wBACtC,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;qBAC/C;oBACD,mBAAmB,EAAE;wBACnB,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;wBACxB,wCAAwC,EAAE;4BACxC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;4BAChD,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;4BACjD,MAAM,EAAE,gBAAgB;yBACzB;wBACD,2BAA2B,EAAE;4BAC3B,MAAM,EAAE,CAAC;4BACT,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;4BACjC,YAAY,EAAE,CAAC;yBAChB;qBACF;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCCategoryHeader.js","sourceRoot":"","sources":["../../../src/components/SCCategoryHeader.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,YAAY,EAAE;QACZ,yBAAyB,EAAE;YACzB,IAAI,EAAE,QAAQ;SACf;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,2BAA2B,EAAE;gBAC3B,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,GAAG;gBACd,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,0EAA0E;gBACtF,MAAM,EAAE,GAAG;gBACX,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,0BAA0B,EAAE;gBAC1B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,sDAAsD,EAAE;oBACtD,OAAO,EAAE,OAAO;oBAChB,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,SAAS,EAAE,QAAQ;oBACnB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;gBACD,0BAA0B,EAAE;oBAC1B,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE;iBAC9B;gBACD,4BAA4B,EAAE;oBAC5B,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB;oBAC7C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;gBACD,0DAA0D,EAAE;oBAC1D,SAAS,EAAE,QAAQ;oBACnB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;gBACD,8BAA8B,EAAE;oBAC9B,sCAAsC,EAAE;wBACtC,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;wBAC9C,OAAO,EAAE,QAAQ;qBAClB;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,20 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCCategorySkeleton-image': {
+                borderRadius: any;
+            };
+            '& .SCCategorySkeleton-primary': {
+                marginBottom: any;
+            };
+            '& .SCCategorySkeleton-secondary': {
+                marginBottom: any;
+            };
+            '& .SCCategorySkeleton-action': {
+                margin: any;
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCCategorySkeleton.d.ts.map

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

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

package/lib/cjs/components/SCCategorySkeleton.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCCategorySkeleton-image': {
+                borderRadius: theme.spacing(1)
+            },
+            '& .SCCategorySkeleton-primary': {
+                marginBottom: theme.spacing(1)
+            },
+            '& .SCCategorySkeleton-secondary': {
+                marginBottom: theme.spacing(1)
+            },
+            '& .SCCategorySkeleton-action': {
+                margin: theme.spacing(0.5)
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCCategorySkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCCategorySkeleton.js","sourceRoot":"","sources":["../../../src/components/SCCategorySkeleton.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,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC/B;YACD,+BAA+B,EAAE;gBAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC/B;YACD,iCAAiC,EAAE;gBACjC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC/B;YACD,8BAA8B,EAAE;gBAC9B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAC3B;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/{esm/components/SCLoyaltyProgramDetail.d.ts → cjs/components/SCChangePictureButton.d.ts}

@@ -1,10 +1,10 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            boxShadow: string;
-            borderRadius: number;
+            padding: any;
+            minWidth: string;
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCLoyaltyProgramDetail.d.ts.map
+//# sourceMappingURL=SCChangePictureButton.d.ts.map

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

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

package/lib/cjs/components/SCChangePictureButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(1),
+            minWidth: 'auto'
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCChangePictureButton.js.map

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

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

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

@@ -0,0 +1,16 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCChangePictureDialog-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: any;
+                };
+                '& .SCChangePictureDialog-primary': {
+                    border: string;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCChangePictureDialog.d.ts.map

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

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

package/lib/cjs/components/SCChangePictureDialog.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            // padding: theme.spacing(1),
+            // minWidth: 'auto'
+            '& .SCChangePictureDialog-image-item': {
+                '& .MuiImageListItemBar-actionIcon, .MuiIconButton-root': {
+                    color: theme.palette.common.white
+                },
+                '& .SCChangePictureDialog-primary': {
+                    border: 'solid'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCChangePictureDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCChangePictureDialog.js","sourceRoot":"","sources":["../../../src/components/SCChangePictureDialog.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,6BAA6B;YAC7B,mBAAmB;YACnB,qCAAqC,EAAE;gBACrC,wDAAwD,EAAE;oBACxD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;iBAClC;gBACD,kCAAkC,EAAE;oBAClC,MAAM,EAAE,OAAO;iBAChB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,19 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            flexDirection: string;
+            '&.SCShareAction-inline': {
+                flexDirection: string;
+            };
+            '& .SCVoteAction-divider': {
+                width: string;
+                borderBottom: number;
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCCommentAction.d.ts.map

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

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

package/lib/cjs/components/SCCommentAction.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCCommentAction.js","sourceRoot":"","sources":["../../../src/components/SCCommentAction.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,QAAQ;YACvB,wBAAwB,EAAE;gBACxB,aAAa,EAAE,aAAa;aAC7B;YACD,yBAAyB,EAAE;gBACzB,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,CAAC;aAChB;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,30 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCCommentNotification-username': {
+                fontWeight: any;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCCommentNotification-vote-button': {
+                color: string;
+                padding: any;
+                fontSize: string;
+                minWidth: number;
+                borderRadius: string;
+            };
+            '& .SCCommentNotification-contribution-text': {
+                color: any;
+                textOverflow: string;
+                display: string;
+                overflow: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCCommentNotification.d.ts.map

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

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

package/lib/cjs/components/SCCommentNotification.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCCommentNotification-username': {
+                fontWeight: theme.typography.fontWeightBold,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCCommentNotification-vote-button': {
+                color: 'inherit',
+                padding: theme.spacing(1),
+                fontSize: '1.143rem',
+                minWidth: 0,
+                borderRadius: '50%'
+            },
+            '& .SCCommentNotification-contribution-text': {
+                color: theme.palette.text.primary,
+                textOverflow: 'ellipsis',
+                display: 'inline',
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCCommentNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCCommentNotification.js","sourceRoot":"","sources":["../../../src/components/SCCommentNotification.tsx"],"names":[],"mappings":";;AAEA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,mCAAmC,EAAE;gBACnC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;gBAC3C,SAAS,EAAE;oBACT,cAAc,EAAE,WAAW;iBAC5B;aACF;YACD,sCAAsC,EAAE;gBACtC,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzB,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,CAAC;gBACX,YAAY,EAAE,KAAK;aACpB;YACD,4CAA4C,EAAE;gBAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACjC,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,QAAQ;gBAClB,SAAS,EAAE;oBACT,cAAc,EAAE,WAAW;iBAC5B;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -1,47 +1,120 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            overflow: string;
+            width: string;
+            '& .SCCommentObject-comment': {
+                paddingBottom: number;
+                overflow: string;
+                '& > div': {
+                    alignItems: string;
+                };
+            };
+            '& .SCCommentObject-nested-comments': {
+                [x: number]: {
+                    paddingLeft: any;
+                };
+                paddingTop: number;
+                paddingBottom: number;
+                paddingLeft: any;
+                '& ul.MuiList-root': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    width: string;
+                    '& li.MuiListItem-root': {
+                        paddingTop: number;
+                    };
+                };
+            };
             '& .SCCommentObject-content': {
+                overflowWrap: string;
+                position: string;
+                display: string;
                 padding: any;
                 borderRadius: number;
                 borderColor: string;
+                '& .MuiCardContent-root': {
+                    flexGrow: number;
+                    padding: number;
+                };
                 '& .SCCommentObject-text-content': {
                     margin: number;
+                    '& a': {
+                        color: any;
+                    };
                     '& p': {
                         margin: number;
+                        marginBlockStart: string;
+                        marginBlockEnd: string;
+                    };
+                    '& img': {
+                        maxWidth: string;
                     };
                 };
             };
+            '& .SCCommentObject-avatar': {
+                top: any;
+                width: any;
+                height: any;
+            };
+            '& .SCCommentObject-author': {
+                textDecoration: string;
+                color: any;
+                '& span': {
+                    fontWeight: string;
+                };
+            };
+            '& .SCCommentObject-comment-actions-menu': {
+                alignItems: string;
+            };
+            '& .SCCommentObject-deleted': {
+                opacity: number;
+            };
+            '& .SCCommentObject-content-sub-section': {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                color: any;
+            };
             '& .SCCommentObject-comment-sub-section': {
+                [x: number]: {
+                    '& > *': {
+                        marginRight: number;
+                    };
+                    '& .SCCommentObject-vote-audience': {
+                        position: string;
+                        right: number;
+                        top: number;
+                    };
+                    '& .SCBullet-root': {
+                        display: string;
+                    };
+                };
+                display: string;
+                flexWrap: string;
+                alignItems: string;
                 color: any;
-                marginTop: any;
+                marginTop: number;
+                position: string;
+                '& > *': {
+                    marginRight: any;
+                };
                 '& .SCCommentObject-activity-at': {
+                    color: string;
+                    textDecoration: string;
                     '&:hover': {
-                        color: string;
                         textDecoration: string;
                     };
                 };
-                '& .SCCommentObject-vote': {
-                    padding: any;
-                    fontSize: string;
-                };
-                '& .SCCommentObject-add-reaction': {
-                    '& > span': {
-                        '& img': {
-                            width: string;
-                            height: string;
-                        };
-                    };
-                };
                 '& .SCCommentObject-reply': {
+                    color: string;
                     textDecorationStyle: string;
                     fontSize: string;
                     padding: any;
+                    textTransform: string;
                 };
-                '& .SCCommentObjectVotes-root .SCCommentObjectVotes-btnViewVotes': {
-                    padding: any;
-                    marginTop: any;
-                    fontSize: string;
+                '& .SCBullet-root': {
+                    display: string;
                 };
             };
         };

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

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

package/lib/cjs/components/SCCommentObject.js

@@ -4,47 +4,120 @@ const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            overflow: 'visible',
+            width: '100%',
+            '& .SCCommentObject-comment': {
+                paddingBottom: 0,
+                overflow: 'visible',
+                '& > div': {
+                    alignItems: 'flex-start'
+                }
+            },
+            '& .SCCommentObject-nested-comments': {
+                paddingTop: 0,
+                paddingBottom: 0,
+                paddingLeft: theme.spacing(2),
+                '& ul.MuiList-root': {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    width: '100%',
+                    '& li.MuiListItem-root': {
+                        paddingTop: 5
+                    }
+                },
+                [theme.breakpoints.up('sm')]: {
+                    paddingLeft: theme.spacing(6)
+                }
+            },
             '& .SCCommentObject-content': {
-                padding: theme.spacing(),
+                overflowWrap: 'anywhere',
+                position: 'relative',
+                display: 'flex',
+                padding: theme.spacing(2),
                 borderRadius: theme.shape.borderRadius * 0.5,
                 borderColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
+                '& .MuiCardContent-root': {
+                    flexGrow: 1,
+                    padding: 0
+                },
                 '& .SCCommentObject-text-content': {
                     margin: 0,
+                    '& a': {
+                        color: theme.palette.text.primary
+                    },
                     '& p': {
-                        margin: 0
+                        margin: 0,
+                        marginBlockStart: '0.3em',
+                        marginBlockEnd: '0.3em'
+                    },
+                    '& img': {
+                        maxWidth: '100%'
                     }
                 }
             },
+            '& .SCCommentObject-avatar': {
+                top: theme.spacing(),
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            },
+            '& .SCCommentObject-author': {
+                textDecoration: 'none',
+                color: theme.palette.text.primary,
+                '& span': {
+                    fontWeight: '600'
+                }
+            },
+            '& .SCCommentObject-comment-actions-menu': {
+                alignItems: 'flexStart'
+            },
+            '& .SCCommentObject-deleted': {
+                opacity: 0.3
+            },
+            '& .SCCommentObject-content-sub-section': {
+                display: 'flex',
+                justifyContent: 'flex-start',
+                alignItems: 'center',
+                color: theme.palette.text.secondary
+            },
             '& .SCCommentObject-comment-sub-section': {
-                color: theme.palette.text.secondary,
-                marginTop: theme.spacing(1),
+                display: 'flex',
+                flexWrap: 'wrap',
+                alignItems: 'center',
+                color: theme.palette.primary.main,
+                marginTop: 0,
+                position: 'relative',
+                '& > *': {
+                    marginRight: theme.spacing(1)
+                },
                 '& .SCCommentObject-activity-at': {
+                    color: 'inherit',
+                    textDecoration: 'none',
                     '&:hover': {
-                        color: 'inherit',
                         textDecoration: 'underline'
                     }
                 },
-                '& .SCCommentObject-vote': {
-                    padding: theme.spacing(1),
-                    fontSize: '1.571rem'
-                },
-                '& .SCCommentObject-add-reaction': {
-                    '& > span': {
-                        '& img': {
-                            width: '1rem',
-                            height: '1rem'
-                        }
-                    }
-                },
                 '& .SCCommentObject-reply': {
+                    color: 'inherit',
                     textDecorationStyle: 'solid',
                     fontSize: '0.857rem',
-                    padding: theme.spacing(1)
-                },
-                '& .SCCommentObjectVotes-root .SCCommentObjectVotes-btnViewVotes': {
                     padding: theme.spacing(1),
-                    marginTop: theme.spacing(-2.5),
-                    fontSize: '1.571rem'
+                    textTransform: 'capitalize'
+                },
+                '& .SCBullet-root': {
+                    display: 'none'
+                },
+                [theme.breakpoints.up('sm')]: {
+                    '& > *': {
+                        marginRight: 0
+                    },
+                    '& .SCCommentObject-vote-audience': {
+                        position: 'absolute',
+                        right: 0,
+                        top: 0
+                    },
+                    '& .SCBullet-root': {
+                        display: 'inline'
+                    }
                 }
             }
         })

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

@@ -1 +1 @@
-{"version":3,"file":"SCCommentObject.js","sourceRoot":"","sources":["../../../src/components/SCCommentObject.tsx"],"names":[],"mappings":";;AAAA,wCAAkC;AAElC,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,4BAA4B,EAAE;gBAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;gBACxB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;gBAC5C,WAAW,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBACrF,iCAAiC,EAAE;oBACjC,MAAM,EAAE,CAAC;oBACT,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC;qBACV;iBACF;aACF;YACD,wCAAwC,EAAE;gBACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;gBACnC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,gCAAgC,EAAE;oBAChC,SAAS,EAAE;wBACT,KAAK,EAAE,SAAS;wBAChB,cAAc,EAAE,WAAW;qBAC5B;iBACF;gBACD,yBAAyB,EAAE;oBACzB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACzB,QAAQ,EAAE,UAAU;iBACrB;gBACD,iCAAiC,EAAE;oBACjC,UAAU,EAAE;wBACV,OAAO,EAAE;4BACP,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;yBACf;qBACF;iBACF;gBACD,0BAA0B,EAAE;oBAC1B,mBAAmB,EAAE,OAAO;oBAC5B,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;gBACD,iEAAiE,EAAE;oBACjE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACzB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC;oBAC9B,QAAQ,EAAE,UAAU;iBACrB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCCommentObject.js","sourceRoot":"","sources":["../../../src/components/SCCommentObject.tsx"],"names":[],"mappings":"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"}