@selfcommunity/react-theme-default 0.1.0-alpha.11 → 0.1.0-alpha.111

package/lib/esm/components/SCComposer.js

@@ -1,128 +1,254 @@
 import { alpha } from '@mui/system';
+import { hexToRgb } from '@mui/material';
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({
-            '& .MuiDialog-paper': {
-                padding: theme.spacing(2, 3, 3)
-            },
-            '& .SCComposer-title': {
-                borderBottom: `1px solid ${theme.palette.grey[400]}`,
-                padding: theme.spacing(0, 0, 2, 0),
-                lineHeight: 1,
-                fontSize: '1.143rem',
-                '& .SCComposer-types .MuiInputBase-input': {
-                    fontWeight: theme.typography.fontWeightBold,
-                    fontSize: '1.286rem'
-                }
-            },
-            '& .SCComposer-content': {
-                padding: theme.spacing(3, 0),
-                minHeight: 300,
-                display: 'flex',
-                flexDirection: 'column',
-                justifyContent: 'space-between',
+        root: ({ theme }) => {
+            let mediaActionBackground = theme.palette.getContrastText(theme.palette.primary.main);
+            if (mediaActionBackground.startsWith('#')) {
+                mediaActionBackground = hexToRgb(mediaActionBackground).replace(')', ', .5)');
+            }
+            return {
+                '& .SCComposer-title': {
+                    borderBottom: `1px solid ${theme.palette.grey[400]}`,
+                    padding: theme.spacing(0, 0, 2, 0),
+                    lineHeight: 1,
+                    fontSize: '1.143rem',
+                    display: 'flex',
+                    flexDirection: 'row',
+                    flexWrap: 'nowrap',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    '& .SCComposer-types .MuiInputBase-input': {
+                        fontWeight: theme.typography.fontWeightBold,
+                        fontSize: '1.286rem',
+                        minHeight: 'auto'
+                    },
+                    '& > div': {
+                        flex: 1,
+                        textAlign: 'center'
+                    },
+                    '& > div:first-of-type': {
+                        textAlign: 'left'
+                    },
+                    '& > div:last-of-type': {
+                        textAlign: 'right',
+                        display: 'block'
+                    }
+                },
+                '& .SCComposer-types': {
+                    flexDirection: 'row',
+                    alignItems: 'center'
+                },
+                '& .SCComposer-avatar': {
+                    width: theme.selfcommunity.user.avatar.sizeMedium,
+                    height: theme.selfcommunity.user.avatar.sizeMedium,
+                    display: 'inline-block'
+                },
+                '& .SCComposer-content': {
+                    position: 'relative',
+                    overflowY: 'visible',
+                    padding: theme.spacing(3, 0),
+                    minHeight: 300,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'space-between',
+                    '& .SCComposer-editor': {
+                        padding: 0,
+                        fontSize: '1rem',
+                        minHeight: 'auto',
+                        '& .SCEditor-placeholder': {
+                            top: 0,
+                            left: 0
+                        },
+                        '& .SCEditor-actions': {
+                            bottom: theme.spacing(4),
+                            padding: theme.spacing(3, 0, 0, 0),
+                            '& > p.MuiTypography-alignLeft > .MuiIconButton-root': {
+                                marginLeft: theme.spacing(0.3),
+                                marginRight: theme.spacing(0.3),
+                                '&:first-of-type': {
+                                    marginLeft: 0
+                                },
+                                '&:last-child': {
+                                    marginRight: 0
+                                }
+                            },
+                            '& > p.MuiTypography-alignRight > .MuiIconButton-root': {
+                                marginRight: theme.spacing(1.5)
+                            },
+                            '& .MuiIconButton-sizeMedium': {
+                                fontSize: '1.429rem'
+                            }
+                        },
+                        '&.SCEditor-toolbar': {
+                            '& .SCEditor-placeholder': {
+                                top: theme.spacing(6),
+                                left: 0
+                            },
+                            '& .SCEditor-actions': {
+                                bottom: theme.spacing(2)
+                            }
+                        }
+                    },
+                    '& .SCComposer-medias, & .SCComposer-audience, & .SCComposer-block': {
+                        margin: theme.spacing(1, 0),
+                        padding: 0
+                    },
+                    '& .SCComposer-medias': {
+                        '& .SCComposer-mediasActions': {
+                            position: 'relative',
+                            borderTop: `1px solid ${theme.palette.grey[400]}`,
+                            backgroundColor: theme.palette.background.paper,
+                            padding: theme.spacing(1, 0),
+                            '& .SCComposer-mediasActionsTitle': {
+                                fontSize: '1.143rem'
+                            }
+                        }
+                    }
+                },
+                '& .SCComposer-mediaContent, & .SCComposer-audienceContent, & .SCComposer-locationContent': {
+                    minHeight: 300
+                },
+                '& .SCComposer-block': {
+                    padding: theme.spacing(1)
+                },
                 '& .SCComposer-editor': {
-                    padding: 0,
-                    fontSize: '1rem',
-                    minHeight: 'auto',
+                    minHeight: 200,
                     '& .SCEditor-placeholder': {
-                        top: 0,
-                        left: 0
-                    },
-                    '& .SCEditor-actions': {
-                        bottom: theme.spacing(4)
+                        top: theme.spacing(1),
+                        left: theme.spacing(1)
                     }
                 },
-                '& .SCComposer-medias, & .SCComposer-audience, & .SCComposer-block': {
-                    margin: theme.spacing(1, 0),
-                    padding: 0
+                '& .SCComposer-divider': {
+                    borderTop: '1px solid #D1D1D1'
                 },
                 '& .SCComposer-medias': {
-                    '& .SCComposer-mediasActions': {
-                        position: 'relative',
-                        borderTop: `1px solid ${theme.palette.grey[400]}`,
-                        backgroundColor: theme.palette.background.paper,
-                        padding: theme.spacing(1, 0),
-                        '& .SCComposer-mediasActionsTitle': {
-                            fontSize: '1.143rem'
+                    margin: '0 23px'
+                },
+                '& .SCComposer-location, & .SCComposer-audience': {
+                    padding: theme.spacing(2),
+                    paddingBottom: 0
+                },
+                '& .SCComposer-mediasActions': {
+                    position: 'absolute',
+                    left: 0,
+                    right: 0,
+                    background: mediaActionBackground,
+                    padding: theme.spacing(),
+                    zIndex: 1,
+                    display: 'flex',
+                    flexWrap: 'nowrap',
+                    justifyContent: 'space-between',
+                    '& .SCComposer-mediasActionsActions': {
+                        textAlign: 'right'
+                    }
+                },
+                '& .SCComposer-sortableMedia': {
+                    position: 'relative'
+                },
+                '& .SCComposer-sortableMediaCover': {
+                    backgroundSize: 'cover !important',
+                    backgroundPosition: 'center !important',
+                    backgroundRepeat: 'no-repeat !important',
+                    border: '2px solid white',
+                    borderRadius: 6,
+                    height: 300
+                },
+                '& .SCComposer-links': {
+                    padding: theme.spacing(2)
+                },
+                '& .SCComposer-actions': {
+                    margin: 0,
+                    borderTop: '1px solid #D1D1D1',
+                    padding: theme.spacing(1),
+                    display: 'block',
+                    '& .MuiTypography-alignLeft': {
+                        float: 'left'
+                    },
+                    '& .MuiTypography-alignRight': {
+                        float: 'right'
+                    },
+                    [theme.breakpoints.up('md')]: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        flexWrap: 'nowrap',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                        '& .MuiTypography-alignLeft, & .MuiTypography-alignRight': {
+                            float: 'none'
                         }
                     }
-                }
-            },
-            '& .SCComposer-mediaContent': {
-                '& .SCMediaActionImage-root': {
-                    padding: 0,
-                    '& .SCMediaActionImage-upload': {
-                        padding: theme.spacing(2),
-                        backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
-                        borderRadius: theme.shape.borderRadius,
-                        color: theme.palette.primary.main,
-                        '&.SCMediaActionImage-dragOver': {
-                            backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
-                        },
-                        '& .SCMediaActionImage-uploadBtn': {
-                            border: '0 none'
+                },
+                '& .SCComposer-actionInput': {
+                    display: 'none !important'
+                },
+                '& .SCComposer-badgeError .MuiBadge-badge': {
+                    padding: 0
+                },
+                '& .MuiDialog-paper': {
+                    padding: theme.spacing(2, 3, 3)
+                },
+                '& .SCComposer-mediaContent': {
+                    '& .SCMediaActionImage-root': {
+                        padding: 0,
+                        '& .SCMediaActionImage-upload': {
+                            padding: theme.spacing(2),
+                            backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
+                            borderRadius: theme.shape.borderRadius,
+                            color: theme.palette.primary.main,
+                            '&.SCMediaActionImage-dragOver': {
+                                backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+                            },
+                            '& .SCMediaActionImage-uploadBtn': {
+                                border: '0 none'
+                            }
+                        }
+                    },
+                    '& .SCMediaActionDocument-root': {
+                        padding: 0,
+                        '& .SCMediaActionDocument-upload': {
+                            padding: theme.spacing(2),
+                            backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
+                            borderRadius: theme.shape.borderRadius,
+                            color: theme.palette.primary.main,
+                            '&.SCMediaActionDocument-dragOver': {
+                                backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+                            },
+                            '& .SCMediaActionDocument-uploadBtn': {
+                                border: '0 none'
+                            }
                         }
                     }
                 },
-                '& .SCMediaActionDocument-root': {
-                    padding: 0,
-                    '& .SCMediaActionDocument-upload': {
-                        padding: theme.spacing(2),
-                        backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
-                        borderRadius: theme.shape.borderRadius,
-                        color: theme.palette.primary.main,
-                        '&.SCMediaActionDocument-dragOver': {
-                            backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+                '& .SCComposer-locationContent': {
+                    padding: theme.spacing(3, 0),
+                    minHeight: 300
+                },
+                '& .MuiDialog-container': {
+                    '& .MuiDialog-paper': {
+                        boxShadow: theme.shadows[12],
+                        [theme.breakpoints.up('md')]: {
+                            borderRadius: theme.shape.borderRadius
                         },
-                        '& .SCMediaActionDocument-uploadBtn': {
-                            border: '0 none'
+                        '&.MuiDialog-paperFullScreen': {
+                            height: 'auto',
+                            minHeight: '100%'
                         }
                     }
-                }
-            },
-            '& .SCComposer-locationContent': {
-                padding: theme.spacing(3, 0),
-                minHeight: 300
-            },
-            '& .SCComposer-actions': {
-                borderTop: `1px solid ${theme.palette.grey[300]}`,
-                padding: theme.spacing(3, 0, 0, 0),
-                '& > p.MuiTypography-alignLeft > .MuiIconButton-root': {
-                    marginLeft: theme.spacing(0.3),
-                    marginRight: theme.spacing(0.3),
-                    '&:first-child': {
-                        marginLeft: 0
-                    },
-                    '&:last-child': {
-                        marginRight: 0
-                    }
                 },
-                '& > p.MuiTypography-alignRight > .MuiIconButton-root': {
-                    marginRight: theme.spacing(1.5)
+                '& .SCCategoryAutocomplete-root': {
+                    minWidth: 120,
+                    '& .MuiFormControl-root': {
+                        margin: 0
+                    }
                 },
-                '& .MuiIconButton-sizeMedium': {
-                    fontSize: '1.429rem'
-                }
-            },
-            '& .SCComposer-block': {
-                padding: theme.spacing(1)
-            },
-            '& .SCComposer-editor': {
-                '& .SCEditor-placeholder': {
-                    top: theme.spacing(1),
-                    left: theme.spacing(1)
-                }
-            },
-            '& .MuiDialog-container': {
-                '& .MuiDialog-paper': {
-                    boxShadow: theme.shadows[12],
-                    [theme.breakpoints.up('md')]: {
-                        borderRadius: theme.shape.borderRadius
+                '& .MuiDialog-paperFullScreen': {
+                    '& .SCComposer-actions > *:first-of-type': {
+                        marginBottom: theme.spacing(2)
                     }
                 }
-            }
-        })
+            };
+        }
     }
 };
 export default Component;

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

@@ -1 +1 @@
-{"version":3,"file":"SCComposer.js","sourceRoot":"","sources":["../../../src/components/SCComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAC;AAElC,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,oBAAoB,EAAE;gBACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;aAChC;YACD,qBAAqB,EAAE;gBACrB,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBACpD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBAClC,UAAU,EAAE,CAAC;gBACb,QAAQ,EAAE,UAAU;gBACpB,yCAAyC,EAAE;oBACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,QAAQ,EAAE,UAAU;iBACrB;aACF;YACD,uBAAuB,EAAE;gBACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5B,SAAS,EAAE,GAAG;gBACd,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,cAAc,EAAE,eAAe;gBAC/B,sBAAsB,EAAE;oBACtB,OAAO,EAAE,CAAC;oBACV,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,MAAM;oBACjB,yBAAyB,EAAE;wBACzB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;qBACR;oBACD,qBAAqB,EAAE;wBACrB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;qBACzB;iBACF;gBACD,mEAAmE,EAAE;oBACnE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC3B,OAAO,EAAE,CAAC;iBACX;gBACD,sBAAsB,EAAE;oBACtB,6BAA6B,EAAE;wBAC7B,QAAQ,EAAE,UAAU;wBACpB,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;wBACjD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;wBAC/C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;wBAC5B,kCAAkC,EAAE;4BAClC,QAAQ,EAAE,UAAU;yBACrB;qBACF;iBACF;aACF;YACD,4BAA4B,EAAE;gBAC5B,4BAA4B,EAAE;oBAC5B,OAAO,EAAE,CAAC;oBACV,8BAA8B,EAAE;wBAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;wBACzB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;wBACzF,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;wBACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;wBACjC,+BAA+B,EAAE;4BAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;yBACtF;wBACD,iCAAiC,EAAE;4BACjC,MAAM,EAAE,QAAQ;yBACjB;qBACF;iBACF;gBACD,+BAA+B,EAAE;oBAC/B,OAAO,EAAE,CAAC;oBACV,iCAAiC,EAAE;wBACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;wBACzB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;wBACzF,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;wBACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;wBACjC,kCAAkC,EAAE;4BAClC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;yBACtF;wBACD,oCAAoC,EAAE;4BACpC,MAAM,EAAE,QAAQ;yBACjB;qBACF;iBACF;aACF;YACD,+BAA+B,EAAE;gBAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5B,SAAS,EAAE,GAAG;aACf;YACD,uBAAuB,EAAE;gBACvB,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBACjD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBAClC,qDAAqD,EAAE;oBACrD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC/B,eAAe,EAAE;wBACf,UAAU,EAAE,CAAC;qBACd;oBACD,cAAc,EAAE;wBACd,WAAW,EAAE,CAAC;qBACf;iBACF;gBACD,sDAAsD,EAAE;oBACtD,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;iBAChC;gBACD,6BAA6B,EAAE;oBAC7B,QAAQ,EAAE,UAAU;iBACrB;aACF;YACD,qBAAqB,EAAE;gBACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC1B;YACD,sBAAsB,EAAE;gBACtB,yBAAyB,EAAE;oBACzB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBACrB,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBACvB;aACF;YACD,wBAAwB,EAAE;gBACxB,oBAAoB,EAAE;oBACpB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC5B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;wBAC5B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;qBACvC;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCComposer.js","sourceRoot":"","sources":["../../../src/components/SCComposer.tsx"],"names":[],"mappings":"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"}

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

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

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

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

package/lib/esm/components/SCContributionNotification.js

@@ -0,0 +1,35 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCContributionNotification-username': {
+                fontWeight: theme.typography.fontWeightBold,
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCContributionNotification-vote-button': {
+                color: 'inherit',
+                padding: theme.spacing(1),
+                fontSize: '1.143rem',
+                minWidth: 0,
+                borderRadius: '50%'
+            },
+            '& .SCContributionNotification-contribution-text': {
+                color: theme.palette.text.primary,
+                textOverflow: 'ellipsis',
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCNotificationItem-root .SCNotificationItem-header .SCNotificationItem-secondary': {
+                marginTop: theme.spacing(1),
+                '& .SCDateTimeAgo-root': {
+                    marginTop: 0
+                }
+            }
+        })
+    }
+};
+export default Component;
+//# sourceMappingURL=SCContributionNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCContributionNotification.js","sourceRoot":"","sources":["../../../src/components/SCContributionNotification.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,wCAAwC,EAAE;gBACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;gBAC3C,SAAS,EAAE;oBACT,cAAc,EAAE,WAAW;iBAC5B;aACF;YACD,2CAA2C,EAAE;gBAC3C,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,iDAAiD,EAAE;gBACjD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACjC,YAAY,EAAE,UAAU;gBACxB,QAAQ,EAAE,QAAQ;gBAClB,SAAS,EAAE;oBACT,cAAc,EAAE,WAAW;iBAC5B;aACF;YACD,qFAAqF,EAAE;gBACrF,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,uBAAuB,EAAE;oBACvB,SAAS,EAAE,CAAC;iBACb;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -2,10 +2,11 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             '& .SCCustomSnackMessage-card': {
-                paddingLeft: number;
-            };
-            '& .SCNotificationItem-content': {
-                paddingBottom: any;
+                width: string;
+                '& .SCCustomSnackMessage-content': {
+                    position: string;
+                    padding: any;
+                };
             };
         };
     };

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

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

package/lib/esm/components/SCCustomSnackMessage.js

@@ -2,10 +2,11 @@ const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             '& .SCCustomSnackMessage-card': {
-                paddingLeft: 0
-            },
-            '& .SCNotificationItem-content': {
-                paddingBottom: theme.spacing(1)
+                width: '100%',
+                '& .SCCustomSnackMessage-content': {
+                    position: 'relative',
+                    padding: theme.spacing(2, 4, 2, 2)
+                }
             }
         })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"SCCustomSnackMessage.js","sourceRoot":"","sources":["../../../src/components/SCCustomSnackMessage.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,WAAW,EAAE,CAAC;aACf;YACD,+BAA+B,EAAE;gBAC/B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAChC;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCCustomSnackMessage.js","sourceRoot":"","sources":["../../../src/components/SCCustomSnackMessage.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,MAAM;gBACb,iCAAiC,EAAE;oBACjC,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;iBACnC;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,7 +1,7 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            color: any;
+            color: string;
             '& .MuiIcon-root': {
                 fontSize: string;
                 lineHeight: string;

package/lib/esm/components/SCDateTimeAgo.js

@@ -1,7 +1,7 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            color: theme.palette.text.secondary,
+            color: 'inherit',
             '& .MuiIcon-root': {
                 fontSize: '1rem',
                 lineHeight: '1.143rem',

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

@@ -1 +1 @@
-{"version":3,"file":"SCDateTimeAgo.js","sourceRoot":"","sources":["../../../src/components/SCDateTimeAgo.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;YACnC,iBAAiB,EAAE;gBACjB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,CAAC;aACf;YACD,uBAAuB,EAAE;gBACvB,UAAU,EAAE,MAAM;gBAClB,QAAQ,EAAE,UAAU;aACrB;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCDateTimeAgo.js","sourceRoot":"","sources":["../../../src/components/SCDateTimeAgo.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,KAAK,EAAE,SAAS;YAChB,iBAAiB,EAAE;gBACjB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,CAAC;aACf;YACD,uBAAuB,EAAE;gBACvB,UAAU,EAAE,MAAM;gBAClB,QAAQ,EAAE,UAAU;aACrB;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}