@selfcommunity/react-theme-default 0.1.0-alpha.133 → 0.1.0-alpha.135

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

@@ -1 +1 @@
-{"version":3,"file":"SCPrivateMessageSnippetItem.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageSnippetItem.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAChC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY;YACxC,qCAAqC,EAAE;gBACrC,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;aAC7C;YACD,4BAA4B,EAAE;gBAC5B,yCAAyC,EAAE;oBACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;iBAC5C;gBACD,4CAA4C,EAAE;oBAC5C,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC5B,YAAY,EAAE,CAAC;oBACf,QAAQ,EAAE,QAAQ;iBACnB;aACF;YACD,8BAA8B,EAAE;gBAC9B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;gBAC/B,UAAU,EAAE,QAAQ;gBACpB,uBAAuB,EAAE;oBACvB,OAAO,EAAE,cAAc;oBACvB,KAAK,EAAE,KAAK;oBACZ,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;iBACzB;aACF;YACD,oCAAoC,EAAE;gBACpC,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;gBACzB,uBAAuB,EAAE;oBACvB,QAAQ,EAAE,MAAM;iBACjB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCPrivateMessageSnippetItem.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageSnippetItem.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAChC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY;YACxC,SAAS,EAAE,iCAAiC;YAC5C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,qCAAqC,EAAE;gBACrC,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;aAC7C;YACD,4BAA4B,EAAE;gBAC5B,yCAAyC,EAAE;oBACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;iBAC5C;gBACD,4CAA4C,EAAE;oBAC5C,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC5B,YAAY,EAAE,CAAC;oBACf,QAAQ,EAAE,QAAQ;iBACnB;aACF;YACD,8BAA8B,EAAE;gBAC9B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;gBAC/B,UAAU,EAAE,QAAQ;gBACpB,uBAAuB,EAAE;oBACvB,OAAO,EAAE,cAAc;oBACvB,KAAK,EAAE,KAAK;oBACZ,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;iBACzB;aACF;YACD,oCAAoC,EAAE;gBACpC,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;gBACzB,uBAAuB,EAAE;oBACvB,QAAQ,EAAE,MAAM;iBACjB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -1,21 +1,45 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
-                height: string;
-                maxHeight: string;
-                overflow: string;
-            };
+            height: string;
+            width: string;
             '& .MuiCardContent-root': {
                 display: string;
                 flexDirection: string;
+                height: string;
+                padding: any;
+                '& .SCPrivateMessageSnippets-search-bar': {
+                    padding: any;
+                    '& .SCPrivateMessageSnippets-input': {
+                        borderRadius: any;
+                        backgroundColor: string;
+                        '&:hover': {
+                            backgroundColor: string;
+                        };
+                        '& .MuiInputBase-input, MuiFilledInput-input': {
+                            padding: number;
+                        };
+                        '& .SCPrivateMessageSnippets-icon': {
+                            marginRight: any;
+                        };
+                    };
+                };
+                '& .SCPrivateMessageSnippets-new-message-button': {
+                    color: string;
+                    alignSelf: string;
+                    backgroundColor: string;
+                    '&:hover': {
+                        borderWidth: string;
+                        backgroundColor: string;
+                    };
+                };
                 '& .MuiList-root': {
+                    flexGrow: number;
+                    overflowY: string;
+                    padding: any;
                     '& .Mui-selected': {
                         backgroundColor: string;
                     };
-                    '&:last-child': {
-                        marginBottom: any;
-                    };
                     '& .MuiButtonBase-root, MuiListItemButton-root': {
                         '&:hover': {
                             borderRadius: string;
@@ -27,29 +51,6 @@ declare const Component: {
             '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCPrivateMessageSnippets-root, MuiCardContent-root': {
                 padding: any;
             };
-            '& .SCPrivateMessageSnippets-input': {
-                '& .MuiInputBase-input, MuiFilledInput-input': {
-                    padding: any;
-                };
-                borderRadius: any;
-                backgroundColor: string;
-                '&:hover': {
-                    backgroundColor: string;
-                };
-                height: any;
-                '& .SCPrivateMessageSnippets-icon': {
-                    marginRight: any;
-                };
-            };
-            '& .SCPrivateMessageSnippets-new-message-button': {
-                color: string;
-                alignSelf: string;
-                backgroundColor: string;
-                '&:hover': {
-                    borderWidth: string;
-                    backgroundColor: string;
-                };
-            };
         };
     };
 };

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

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

package/lib/cjs/components/SCPrivateMessageSnippets.js

@@ -4,21 +4,45 @@ const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            [theme.breakpoints.up('sm')]: {
-                height: '100vh',
-                maxHeight: 'calc(100vh - 6.2rem)',
-                overflow: 'auto'
-            },
+            height: '100%',
+            width: '100%',
             '& .MuiCardContent-root': {
                 display: 'flex',
                 flexDirection: 'column',
+                height: `calc(100% - ${theme.spacing(4)})`,
+                padding: theme.spacing(2),
+                '& .SCPrivateMessageSnippets-search-bar': {
+                    padding: theme.spacing(1),
+                    '& .SCPrivateMessageSnippets-input': {
+                        borderRadius: theme.shape.borderRadius,
+                        backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity),
+                        '&:hover': {
+                            backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.activatedOpacity)
+                        },
+                        '& .MuiInputBase-input, MuiFilledInput-input': {
+                            padding: 0
+                        },
+                        '& .SCPrivateMessageSnippets-icon': {
+                            marginRight: theme.spacing(1)
+                        }
+                    }
+                },
+                '& .SCPrivateMessageSnippets-new-message-button': {
+                    color: `${theme.palette.primary.main} !important`,
+                    alignSelf: 'center',
+                    backgroundColor: 'transparent',
+                    '&:hover': {
+                        borderWidth: '2px !important',
+                        backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+                    }
+                },
                 '& .MuiList-root': {
+                    flexGrow: 1,
+                    overflowY: 'auto',
+                    padding: theme.spacing(1),
                     '& .Mui-selected': {
                         backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity)
                     },
-                    '&:last-child': {
-                        marginBottom: theme.spacing(2)
-                    },
                     '& .MuiButtonBase-root, MuiListItemButton-root': {
                         '&:hover': { borderRadius: 'inherit', backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.hoverOpacity) }
                     }
@@ -26,29 +50,6 @@ const Component = {
             },
             '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCPrivateMessageSnippets-root, MuiCardContent-root': {
                 padding: theme.spacing(2)
-            },
-            '& .SCPrivateMessageSnippets-input': {
-                '& .MuiInputBase-input, MuiFilledInput-input': {
-                    padding: theme.spacing(0)
-                },
-                borderRadius: theme.shape.borderRadius,
-                backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity),
-                '&:hover': {
-                    backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.activatedOpacity)
-                },
-                height: theme.spacing(3.75),
-                '& .SCPrivateMessageSnippets-icon': {
-                    marginRight: theme.spacing(1)
-                }
-            },
-            '& .SCPrivateMessageSnippets-new-message-button': {
-                color: `${theme.palette.primary.main} !important`,
-                alignSelf: 'center',
-                backgroundColor: 'transparent',
-                '&:hover': {
-                    borderWidth: '2px !important',
-                    backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
-                }
             }
         })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"SCPrivateMessageSnippets.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageSnippets.tsx"],"names":[],"mappings":";;AAAA,wCAAkC;AAElC,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;gBAC5B,MAAM,EAAE,OAAO;gBACf,SAAS,EAAE,sBAAsB;gBACjC,QAAQ,EAAE,MAAM;aACjB;YACD,wBAAwB,EAAE;gBACxB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,iBAAiB,EAAE;oBACjB,iBAAiB,EAAE;wBACjB,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC;qBAC3F;oBACD,cAAc,EAAE;wBACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC/B;oBACD,+CAA+C,EAAE;wBAC/C,SAAS,EAAE,EAAC,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,EAAC;qBAC9H;iBACF;aACF;YACD,mGAAmG,EAAE;gBACnG,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC1B;YACD,mCAAmC,EAAE;gBACnC,6CAA6C,EAAE;oBAC7C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;gBACD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;gBACtC,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC;gBAC1F,SAAS,EAAE;oBACT,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;iBAC5F;gBACD,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC3B,kCAAkC,EAAE;oBAClC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC9B;aACF;YACD,gDAAgD,EAAE;gBAChD,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa;gBACjD,SAAS,EAAE,QAAQ;gBACnB,eAAe,EAAE,aAAa;gBAC9B,SAAS,EAAE;oBACT,WAAW,EAAE,gBAAgB;oBAC7B,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;iBACtF;aACF;SACF,CAAC;KACH;CACF,CAAC;AACF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCPrivateMessageSnippets.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageSnippets.tsx"],"names":[],"mappings":";;AAAA,wCAAkC;AAElC,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,wBAAwB,EAAE;gBACxB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,MAAM,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;gBAC1C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzB,wCAAwC,EAAE;oBACxC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACzB,mCAAmC,EAAE;wBACnC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;wBACtC,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC;wBAC1F,SAAS,EAAE;4BACT,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;yBAC5F;wBACD,6CAA6C,EAAE;4BAC7C,OAAO,EAAE,CAAC;yBACX;wBACD,kCAAkC,EAAE;4BAClC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;yBAC9B;qBACF;iBACF;gBACD,gDAAgD,EAAE;oBAChD,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa;oBACjD,SAAS,EAAE,QAAQ;oBACnB,eAAe,EAAE,aAAa;oBAC9B,SAAS,EAAE;wBACT,WAAW,EAAE,gBAAgB;wBAC7B,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;qBACtF;iBACF;gBACD,iBAAiB,EAAE;oBACjB,QAAQ,EAAE,CAAC;oBACX,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACzB,iBAAiB,EAAE;wBACjB,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC;qBAC3F;oBACD,+CAA+C,EAAE;wBAC/C,SAAS,EAAE,EAAC,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,EAAC;qBAC9H;iBACF;aACF;YACD,mGAAmG,EAAE;gBACnG,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC1B;SACF,CAAC;KACH;CACF,CAAC;AACF,kBAAe,SAAS,CAAC"}

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

@@ -1,19 +1,16 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
-                height: string;
-                maxHeight: string;
-            };
+            height: string;
+            width: string;
             backgroundColor: string;
-            position: string;
+            borderRadius: number;
             '& .MuiCardContent-root': {
-                [x: number]: {
-                    height: string;
-                };
-                overflow: string;
-                padding: any;
+                display: string;
+                flexDirection: string;
                 height: string;
+                padding: number;
+                position: string;
                 '& .MuiAlert-root': {
                     position: string;
                     bottom: number;
@@ -22,8 +19,11 @@ declare const Component: {
                     display: string;
                     justifyContent: string;
                 };
-                '& .MuiList-root': {
-                    margin: any;
+                '& > .MuiList-root': {
+                    flexGrow: number;
+                    overflowY: string;
+                    margin: number;
+                    padding: any;
                     '& .MuiListItem-root': {
                         '&.SCPrivateMessageThread-receiver': {
                             backgroundColor: any;
@@ -46,16 +46,13 @@ declare const Component: {
                 };
             };
             '& .SCPrivateMessageThread-empty-message': {
-                position: string;
-                top: string;
+                height: string;
                 display: string;
                 justifyContent: string;
+                alignItems: string;
                 fontSize: string;
             };
             '& .SCPrivateMessageThread-new-message-header': {
-                position: string;
-                top: number;
-                right: number;
                 display: string;
                 width: string;
                 height: any;

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

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

package/lib/cjs/components/SCPrivateMessageThread.js

@@ -4,19 +4,16 @@ const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            height: '100%',
+            width: '100%',
             backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity),
-            position: 'relative',
-            [theme.breakpoints.up('sm')]: {
-                height: '100vh',
-                maxHeight: 'calc(100vh - 6.2rem)'
-            },
+            borderRadius: 0,
             '& .MuiCardContent-root': {
-                overflow: 'auto',
-                padding: theme.spacing(0),
-                height: 'calc(100vh - 6.2rem)',
-                [theme.breakpoints.up('sm')]: {
-                    height: `calc(100% - ${theme.spacing(6.25)})`
-                },
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100%',
+                padding: 0,
+                position: 'relative',
                 '& .MuiAlert-root': {
                     position: 'absolute',
                     bottom: 0,
@@ -25,8 +22,11 @@ const Component = {
                     display: 'flex',
                     justifyContent: 'center'
                 },
-                '& .MuiList-root': {
-                    margin: theme.spacing(0, 2, 0, 2),
+                '& > .MuiList-root': {
+                    flexGrow: 1,
+                    overflowY: 'auto',
+                    margin: 0,
+                    padding: theme.spacing(2, 2, 0, 2),
                     '& .MuiListItem-root': {
                         '&.SCPrivateMessageThread-receiver': {
                             backgroundColor: theme.palette.common.white,
@@ -49,19 +49,16 @@ const Component = {
                 }
             },
             '& .SCPrivateMessageThread-empty-message': {
-                position: 'relative',
-                top: '50%',
+                height: '100%',
                 display: 'flex',
                 justifyContent: 'center',
+                alignItems: 'center',
                 fontSize: '1.5rem'
             },
             '& .SCPrivateMessageThread-new-message-header': {
-                position: 'absolute',
-                top: 0,
-                right: 0,
                 display: 'flex',
                 width: '100%',
-                height: theme.spacing(6.25),
+                height: theme.mixins.toolbar.minHeight,
                 alignItems: 'center',
                 justifyContent: 'center',
                 backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.activatedOpacity),

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

@@ -1 +1 @@
-{"version":3,"file":"SCPrivateMessageThread.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageThread.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SCPrivateMessageThread.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageThread.tsx"],"names":[],"mappings":"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"}

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

@@ -2,10 +2,9 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             borderRadius: any;
-            paddingTop: string;
-            paddingBottom: string;
-            paddingRight: string;
-            paddingLeft: string;
+            padding: any;
+            boxShadow: string;
+            marginBottom: any;
             '& .MuiListItemSecondaryAction-root': {
                 right: any;
                 top: any;

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

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

package/lib/cjs/components/SCPrivateMessageThreadItem.js

@@ -4,10 +4,9 @@ const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             borderRadius: theme.shape.borderRadius,
-            paddingTop: `${theme.spacing(2)} !important`,
-            paddingBottom: `${theme.spacing(4)} !important`,
-            paddingRight: `${theme.spacing(2)} !important`,
-            paddingLeft: `${theme.spacing(2)} !important`,
+            padding: theme.spacing(2, 2, 4, 2),
+            boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
+            marginBottom: theme.spacing(1),
             '& .MuiListItemSecondaryAction-root': {
                 right: theme.spacing(0),
                 top: theme.spacing(3)

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

@@ -1 +1 @@
-{"version":3,"file":"SCPrivateMessageThreadItem.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageThreadItem.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;YACtC,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;YAC5C,aAAa,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;YAC/C,YAAY,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;YAC9C,WAAW,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;YAC7C,oCAAoC,EAAE;gBACpC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aACtB;YACD,4CAA4C,EAAE;gBAC5C,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAC5B;YACD,oCAAoC,EAAE;gBACpC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,uBAAuB,EAAE;oBACvB,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,UAAU;iBACvB;aACF;YACD,mCAAmC,EAAE;gBACnC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,OAAO;gBAClB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACf;aACF;YACD,qCAAqC,EAAE;gBACrC,uBAAuB,EAAE;oBACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBACjC,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,uBAAuB;oBAClC,iBAAiB,EAAE;wBACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;wBACjC,QAAQ,EAAE,MAAM;wBAChB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;4BAC9B,QAAQ,EAAE,MAAM;yBACjB;qBACF;iBACF;aACF;YACD,wCAAwC,EAAE;gBACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC1B,OAAO,EAAE;oBACP,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,MAAM;iBACd;gBACD,uBAAuB,EAAE;oBACvB,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,KAAK;oBACb,eAAe,EAAE,iBAAiB;oBAClC,KAAK,EAAE,uBAAuB;oBAC9B,OAAO,EAAE,MAAM;oBACf,YAAY,EAAE,CAAC;oBACf,uBAAuB,EAAE;wBACvB,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,YAAY,EAAE,UAAU;wBACxB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;qBAC/B;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCPrivateMessageThreadItem.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageThreadItem.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;YACtC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,SAAS,EAAE,iCAAiC;YAC5C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,oCAAoC,EAAE;gBACpC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aACtB;YACD,4CAA4C,EAAE;gBAC5C,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAC5B;YACD,oCAAoC,EAAE;gBACpC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,uBAAuB,EAAE;oBACvB,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,UAAU;iBACvB;aACF;YACD,mCAAmC,EAAE;gBACnC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,OAAO;gBAClB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACf;aACF;YACD,qCAAqC,EAAE;gBACrC,uBAAuB,EAAE;oBACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBACjC,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,uBAAuB;oBAClC,iBAAiB,EAAE;wBACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;wBACjC,QAAQ,EAAE,MAAM;wBAChB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;4BAC9B,QAAQ,EAAE,MAAM;yBACjB;qBACF;iBACF;aACF;YACD,wCAAwC,EAAE;gBACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC1B,OAAO,EAAE;oBACP,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,MAAM;iBACd;gBACD,uBAAuB,EAAE;oBACvB,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,KAAK;oBACb,eAAe,EAAE,iBAAiB;oBAClC,KAAK,EAAE,uBAAuB;oBAC9B,OAAO,EAAE,MAAM;oBACf,YAAY,EAAE,CAAC;oBACf,uBAAuB,EAAE;wBACvB,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,YAAY,EAAE,UAAU;wBACxB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;qBAC/B;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -1,17 +1,15 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
-                height: string;
-            };
             height: string;
+            width: string;
+            borderRadius: number;
             '& .MuiCardContent-root': {
                 padding: number;
                 '& .MuiList-root .MuiListItem-root': {
                     [x: number]: {
                         width: string;
                     };
-                    padding: any;
                     height: any;
                 };
                 '&:last-child': {

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

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

package/lib/cjs/components/SCPrivateMessageThreadSkeleton.js

@@ -4,13 +4,12 @@ const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             height: '100%',
-            [theme.breakpoints.down('md')]: {
-                height: '100vh'
-            },
+            width: '100%',
+            borderRadius: 0,
             '& .MuiCardContent-root': {
                 padding: 0,
                 '& .MuiList-root .MuiListItem-root': {
-                    padding: theme.spacing(0, 1, 0, 1),
+                    // padding: theme.spacing(0, 1, 0, 1),
                     height: theme.spacing(10),
                     [theme.breakpoints.up('sm')]: {
                         width: '80%'

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

@@ -1 +1 @@
-{"version":3,"file":"SCPrivateMessageThreadSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageThreadSkeleton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,MAAM,EAAE,MAAM;YACd,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;gBAC9B,MAAM,EAAE,OAAO;aAChB;YACD,wBAAwB,EAAE;gBACxB,OAAO,EAAE,CAAC;gBACV,mCAAmC,EAAE;oBACnC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAClC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBACzB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;wBAC5B,KAAK,EAAE,KAAK;qBACb;iBACF;gBACD,cAAc,EAAE;oBACd,aAAa,EAAE,CAAC;iBACjB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCPrivateMessageThreadSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCPrivateMessageThreadSkeleton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,CAAC;YACf,wBAAwB,EAAE;gBACxB,OAAO,EAAE,CAAC;gBACV,mCAAmC,EAAE;oBACnC,sCAAsC;oBACtC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBACzB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;wBAC5B,KAAK,EAAE,KAAK;qBACb;iBACF;gBACD,cAAc,EAAE;oBACd,aAAa,EAAE,CAAC;iBACjB;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}