@selfcommunity/react-theme-default 0.1.0-alpha.9 → 0.1.0-alpha.91

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

@@ -1,6 +1,56 @@
 declare const Component: {
     styleOverrides: {
-        root: ({ theme }: any) => {};
+        root: ({ theme }: any) => {
+            position: string;
+            width: string;
+            '&.MuiPaper-elevation': {
+                paddingTop: any;
+                paddingBottom: any;
+                paddingLeft: any;
+                paddingRight: any;
+                '&.MuiPaper-elevation0': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    paddingLeft: number;
+                    paddingRight: number;
+                    '& .SCBaseItemButton-actions': {
+                        right: number;
+                    };
+                };
+            };
+            '& .SCBaseItemButton-content': {
+                display: string;
+                flexDirection: string;
+                justifyContent: string;
+                alignItems: string;
+                width: string;
+            };
+            '& .SCBaseItemButton-image': {
+                flexShrink: number;
+                marginRight: any;
+            };
+            '& .SCBaseItemButton-text': {
+                flex: string;
+                marginTop: any;
+                marginBottom: any;
+                textAlign: string;
+            };
+            '& .SCBaseItemButton-primary': {
+                color: any;
+            };
+            '& .SCBaseItemButton-secondary': {
+                whiteSpace: string;
+                overflow: string;
+                textOverflow: string;
+                color: any;
+            };
+            '& .SCBaseItemButton-actions': {
+                position: string;
+                right: any;
+                top: string;
+                transform: string;
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCBaseItemButton.d.ts.map

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

package/lib/esm/components/SCBaseItemButton.js

@@ -1,6 +1,56 @@
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({})
+        root: ({ theme }) => ({
+            position: 'relative',
+            width: '100%',
+            '&.MuiPaper-elevation': {
+                paddingTop: theme.spacing(),
+                paddingBottom: theme.spacing(),
+                paddingLeft: theme.spacing(2),
+                paddingRight: theme.spacing(2),
+                '&.MuiPaper-elevation0': {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    paddingLeft: 0,
+                    paddingRight: 0,
+                    '& .SCBaseItemButton-actions': {
+                        right: 0
+                    }
+                }
+            },
+            '& .SCBaseItemButton-content': {
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'flex-start',
+                alignItems: 'center',
+                width: '100%'
+            },
+            '& .SCBaseItemButton-image': {
+                flexShrink: 0,
+                marginRight: theme.spacing(2)
+            },
+            '& .SCBaseItemButton-text': {
+                flex: '1 1 auto',
+                marginTop: theme.spacing(),
+                marginBottom: theme.spacing(),
+                textAlign: 'left'
+            },
+            '& .SCBaseItemButton-primary': {
+                color: theme.palette.text.primary
+            },
+            '& .SCBaseItemButton-secondary': {
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                color: theme.palette.text.secondary
+            },
+            '& .SCBaseItemButton-actions': {
+                position: 'absolute',
+                right: theme.spacing(2),
+                top: '50%',
+                transform: 'translateY(-50%)'
+            }
+        })
     }
 };
 export default Component;

package/lib/esm/components/SCBaseItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCBaseItemButton.js","sourceRoot":"","sources":["../../../src/components/SCBaseItemButton.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;KAC7B;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCBaseItemButton.js","sourceRoot":"","sources":["../../../src/components/SCBaseItemButton.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,sBAAsB,EAAE;gBACtB,UAAU,EAAE,KAAK,CAAC,OAAO,EAAE;gBAC3B,aAAa,EAAE,KAAK,CAAC,OAAO,EAAE;gBAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,uBAAuB,EAAE;oBACvB,UAAU,EAAE,CAAC;oBACb,aAAa,EAAE,CAAC;oBAChB,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;oBACf,6BAA6B,EAAE;wBAC7B,KAAK,EAAE,CAAC;qBACT;iBACF;aACF;YACD,6BAA6B,EAAE;gBAC7B,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,YAAY;gBAC5B,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,MAAM;aACd;YACD,2BAA2B,EAAE;gBAC3B,UAAU,EAAE,CAAC;gBACb,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC9B;YACD,0BAA0B,EAAE;gBAC1B,IAAI,EAAE,UAAU;gBAChB,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE;gBAC1B,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE;gBAC7B,SAAS,EAAE,MAAM;aAClB;YACD,6BAA6B,EAAE;gBAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAClC;YACD,+BAA+B,EAAE;gBAC/B,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;aACpC;YACD,6BAA6B,EAAE;gBAC7B,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACvB,GAAG,EAAE,KAAK;gBACV,SAAS,EAAE,kBAAkB;aAC9B;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,16 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCBottomNavigation-action': {
+                color: any;
+                borderTop: string;
+                '&.Mui-selected, &:hover': {
+                    color: any;
+                    borderTop: string;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCBottomNavigation.d.ts.map

package/lib/esm/components/SCBottomNavigation.d.ts.map

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

package/lib/esm/components/SCBottomNavigation.js

@@ -0,0 +1,16 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCBottomNavigation-action': {
+                color: theme.palette.primary.main,
+                borderTop: `1px solid transparent`,
+                '&.Mui-selected, &:hover': {
+                    color: theme.palette.secondary.main,
+                    borderTop: `1px solid ${theme.palette.secondary.main}`
+                }
+            }
+        })
+    }
+};
+export default Component;
+//# sourceMappingURL=SCBottomNavigation.js.map

package/lib/esm/components/SCBottomNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCBottomNavigation.js","sourceRoot":"","sources":["../../../src/components/SCBottomNavigation.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,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBACjC,SAAS,EAAE,uBAAuB;gBAClC,yBAAyB,EAAE;oBACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;oBACnC,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE;iBACvD;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,9 +1,15 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            marginTop: any;
-            '& .SCCategory-root': {
-                padding: any;
+            '& .SCCategories-categories': {
+                marginTop: any;
+                '& .SCCategories-category': {
+                    padding: any;
+                    width: string;
+                    '& .SCCategory-category-image': {
+                        borderRadius: number;
+                    };
+                };
             };
         };
     };

package/lib/esm/components/SCCategories.d.ts.map

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

package/lib/esm/components/SCCategories.js

@@ -1,9 +1,15 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            marginTop: theme.spacing(3),
-            '& .SCCategory-root': {
-                padding: theme.spacing(1)
+            '& .SCCategories-categories': {
+                marginTop: theme.spacing(3),
+                '& .SCCategories-category': {
+                    padding: theme.spacing(2),
+                    width: 'auto',
+                    '& .SCCategory-category-image': {
+                        borderRadius: 0
+                    }
+                }
             }
         })
     }

package/lib/esm/components/SCCategories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCCategories.js","sourceRoot":"","sources":["../../../src/components/SCCategories.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3B,oBAAoB,EAAE;gBACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC1B;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCCategories.js","sourceRoot":"","sources":["../../../src/components/SCCategories.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,4BAA4B,EAAE;gBAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,0BAA0B,EAAE;oBAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACzB,KAAK,EAAE,MAAM;oBACb,8BAA8B,EAAE;wBAC9B,YAAY,EAAE,CAAC;qBAChB;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,11 +1,15 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '& .SCCategorySkeleton-root': {
-                padding: any;
-            };
-            '& .SCCategorySkeleton-image': {
-                borderRadius: string;
+            '& .SCCategoriesSkeleton-categories': {
+                marginTop: any;
+                '& .SCCategorySkeleton-root': {
+                    padding: any;
+                    width: string;
+                    '& .SCCategorySkeleton-image': {
+                        borderRadius: number;
+                    };
+                };
             };
         };
     };

package/lib/esm/components/SCCategoriesSkeleton.d.ts.map

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

package/lib/esm/components/SCCategoriesSkeleton.js

@@ -1,11 +1,15 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .SCCategorySkeleton-root': {
-                padding: theme.spacing()
-            },
-            '& .SCCategorySkeleton-image': {
-                borderRadius: '50px'
+            '& .SCCategoriesSkeleton-categories': {
+                marginTop: theme.spacing(3),
+                '& .SCCategorySkeleton-root': {
+                    padding: theme.spacing(2),
+                    width: 'auto',
+                    '& .SCCategorySkeleton-image': {
+                        borderRadius: 0
+                    }
+                }
             }
         })
     }

package/lib/esm/components/SCCategoriesSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCCategoriesSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCCategoriesSkeleton.tsx"],"names":[],"mappings":"AAAA,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;aACzB;YACD,6BAA6B,EAAE;gBAC7B,YAAY,EAAE,MAAM;aACrB;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCCategoriesSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCCategoriesSkeleton.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,oCAAoC,EAAE;gBACpC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,4BAA4B,EAAE;oBAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACzB,KAAK,EAAE,MAAM;oBACb,6BAA6B,EAAE;wBAC7B,YAAY,EAAE,CAAC;qBAChB;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/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/esm/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/esm/components/SCCommentAction.js

@@ -0,0 +1,19 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            '&.SCShareAction-inline': {
+                flexDirection: 'row-reverse'
+            },
+            '& .SCVoteAction-divider': {
+                width: '100%',
+                borderBottom: 0
+            }
+        })
+    }
+};
+export default Component;
+//# sourceMappingURL=SCCommentAction.js.map

package/lib/esm/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,eAAe,SAAS,CAAC"}

package/lib/esm/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/esm/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/esm/components/SCCommentNotification.js

@@ -0,0 +1,30 @@
+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'
+                }
+            }
+        })
+    }
+};
+export default Component;
+//# sourceMappingURL=SCCommentNotification.js.map

package/lib/esm/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,eAAe,SAAS,CAAC"}

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

@@ -1,47 +1,104 @@
 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: number;
+                };
+                paddingTop: number;
+                paddingBottom: number;
+                paddingLeft: number;
+                '& ul.MuiList-root': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    width: string;
+                    '& li.MuiListItem-root': {
+                        paddingTop: number;
+                    };
+                };
+            };
             '& .SCCommentObject-content': {
+                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': {
+                display: string;
+                alignItems: string;
                 color: any;
-                marginTop: any;
+                marginTop: number;
+                position: string;
                 '& .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;
+                '& .SCCommentObject-vote-audience': {
+                    position: string;
+                    right: number;
+                    top: number;
                 };
             };
         };

package/lib/esm/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/components/SCCommentObject.js

@@ -2,47 +2,104 @@ import { alpha } from '@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: 25,
+                '& ul.MuiList-root': {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    width: '100%',
+                    '& li.MuiListItem-root': {
+                        paddingTop: 5
+                    }
+                },
+                [theme.breakpoints.up('sm')]: {
+                    paddingLeft: 55
+                }
+            },
             '& .SCCommentObject-content': {
-                padding: theme.spacing(),
+                position: 'relative',
+                display: 'flex',
+                padding: theme.spacing(2),
                 borderRadius: theme.shape.borderRadius * 0.5,
                 borderColor: 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',
+                alignItems: 'center',
+                color: theme.palette.primary.main,
+                marginTop: 0,
+                position: 'relative',
                 '& .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'
+                },
+                '& .SCCommentObject-vote-audience': {
+                    position: 'absolute',
+                    right: 0,
+                    top: 0
                 }
             }
         })