@selfcommunity/react-theme-default 0.1.0-alpha.30 → 0.1.0-alpha.301

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

@@ -0,0 +1,43 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            position: string;
+            background: any;
+            boxShadow: string;
+            borderRadius: number;
+            marginLeft: number;
+            marginTop: number;
+            zIndex: number;
+            '& ul': {
+                padding: number;
+                listStyle: string;
+                margin: number;
+                borderRadius: number;
+                '& li': {
+                    padding: any;
+                    margin: number;
+                    minWidth: number;
+                    fontSize: any;
+                    outline: string;
+                    cursor: string;
+                    display: string;
+                    flexDirection: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    '&.selected': {
+                        background: any;
+                    };
+                    '&.hovered': {
+                        background: any;
+                    };
+                    '& .MuiAvatar-root': {
+                        width: number;
+                        height: number;
+                        marginRight: any;
+                    };
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCEditorMentionPlugin.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            position: 'absolute',
+            background: theme.palette.background.paper,
+            boxShadow: '0px 5px 10px rgba(0, 0, 0, 0.3)',
+            borderRadius: 8,
+            marginLeft: 7,
+            marginTop: 18,
+            zIndex: 3000,
+            '& ul': {
+                padding: 0,
+                listStyle: 'none',
+                margin: 0,
+                borderRadius: 10,
+                '& li': {
+                    padding: theme.spacing(1),
+                    margin: 0,
+                    minWidth: 180,
+                    fontSize: theme.typography.body2.fontSize,
+                    outline: 'none',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    flexDirection: 'row',
+                    justifyContent: 'left',
+                    alignItems: 'center',
+                    '&.selected': {
+                        background: theme.palette.action.selected
+                    },
+                    '&.hovered': {
+                        background: theme.palette.action.hover
+                    },
+                    '& .MuiAvatar-root': {
+                        width: 20,
+                        height: 20,
+                        marginRight: theme.spacing()
+                    }
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -0,0 +1,51 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            borderRadius: number;
+            borderColor: string;
+            borderWidth: number;
+            borderStyle: string;
+            display: string;
+            flexDirection: string;
+            alignItems: string;
+            justifyContent: string;
+            marginBottom: any;
+            padding: number;
+            overflowX: string;
+            MsOverflowStyle: string;
+            scrollbarWidth: string;
+            '&::-webkit-scrollbar': {
+                display: string;
+            };
+            '& .MuiTextField-root': {
+                minWidth: number;
+                margin: any;
+            };
+            '& .MuiButtonBase-root': {
+                margin: any;
+                padding: any;
+                fontSize: string;
+                border: number;
+                borderRadius: number;
+                '&.Mui-disabled': {
+                    border: number;
+                };
+                '&.MuiToggleButtonGroup-grouped:not(:last-of-type)': {
+                    borderTopRightRadius: number;
+                    borderBottomRightRadius: number;
+                };
+                '&.MuiToggleButtonGroup-grouped:not(:first-of-type)': {
+                    borderTopRightRadius: number;
+                    borderBottomRightRadius: number;
+                    borderTopLeftRadius: number;
+                    borderBottomLeftRadius: number;
+                };
+            };
+            '& .SCEditorToolbarPlugin-block-format .MuiIcon-root:first-of-type': {
+                display: string;
+                marginRight: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCEditorToolbarPlugin.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const system_1 = require("@mui/system");
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            borderRadius: theme.shape.borderRadius * 0.2,
+            borderColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
+            borderWidth: 1,
+            borderStyle: 'solid',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'left',
+            marginBottom: theme.spacing(1),
+            padding: 0,
+            overflowX: 'scroll',
+            MsOverflowStyle: 'none',
+            scrollbarWidth: 'none',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+            '& .MuiTextField-root': {
+                minWidth: 100,
+                margin: theme.spacing(0, 0.5)
+            },
+            '& .MuiButtonBase-root': {
+                margin: theme.spacing(0.5),
+                padding: theme.spacing(1),
+                fontSize: '1rem',
+                border: 0,
+                borderRadius: theme.shape.borderRadius * 0.2,
+                '&.Mui-disabled': {
+                    border: 0
+                },
+                '&.MuiToggleButtonGroup-grouped:not(:last-of-type)': {
+                    borderTopRightRadius: theme.shape.borderRadius * 0.2,
+                    borderBottomRightRadius: theme.shape.borderRadius * 0.2
+                },
+                '&.MuiToggleButtonGroup-grouped:not(:first-of-type)': {
+                    borderTopRightRadius: theme.shape.borderRadius * 0.2,
+                    borderBottomRightRadius: theme.shape.borderRadius * 0.2,
+                    borderTopLeftRadius: theme.shape.borderRadius * 0.2,
+                    borderBottomLeftRadius: theme.shape.borderRadius * 0.2
+                }
+            },
+            '& .SCEditorToolbarPlugin-block-format .MuiIcon-root:first-of-type': {
+                display: 'inline-block',
+                marginRight: theme.spacing(1)
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -1,10 +1,10 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            boxShadow: string;
-            borderRadius: number;
+            '& .EmojiPickerReact.epr-main': {
+                borderWidth: number;
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCLoyaltyProgramDetail.d.ts.map

package/lib/cjs/components/SCEmojiPicker.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .EmojiPickerReact.epr-main': {
+                borderWidth: 0
+            }
+        })
+    }
+};
+exports.default = Component;

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

@@ -7,28 +7,51 @@ declare const Component: {
                     padding: any;
                 };
                 padding: number;
-                '&:last-child': {
-                    paddingBottom: any;
+                '& > div:first-of-type': {
+                    marginTop: number;
                 };
-                '& > * > * > .SCWidget-root': {
-                    marginBottom: any;
+                '& > .SCWidget-root, & > .SCCustomAdv-root': {
+                    maxWidth: number;
+                    marginLeft: string;
+                    marginRight: string;
+                };
+            };
+            '& .SCFeed-left-items': {
+                '& > div': {
+                    paddingBottom: any;
                 };
             };
             '& .SCFeed-right': {
                 padding: any;
-                '& > * > .SCWidget-root': {
+                '& > .SCWidget-root': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCFeed-start': {
+                '& > .SCWidget-root': {
+                    padding: number;
                     marginBottom: any;
                 };
             };
             '& .SCFeed-end': {
-                padding: number;
-                marginBottom: any;
+                '& > .SCWidget-root': {
+                    padding: number;
+                    marginBottom: any;
+                };
+            };
+            '& .SCFeed-end-message': {
+                textAlign: string;
                 '& > div': {
                     padding: any;
                 };
             };
+            '& .SCFeed-refresh': {
+                textAlign: string;
+            };
+            '& .SCFeed-pagination-link': {
+                display: string;
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCFeed.d.ts.map

package/lib/cjs/components/SCFeed.js

@@ -9,28 +9,51 @@ const Component = {
                 [theme.breakpoints.up('sm')]: {
                     padding: theme.spacing(1.25)
                 },
-                '&:last-child': {
-                    paddingBottom: theme.spacing(4)
+                '& > div:first-of-type': {
+                    marginTop: 0
                 },
-                '& > * > * > .SCWidget-root': {
-                    marginBottom: theme.spacing(2)
+                '& > .SCWidget-root, & > .SCCustomAdv-root': {
+                    maxWidth: 850,
+                    marginLeft: 'auto',
+                    marginRight: 'auto'
+                }
+            },
+            '& .SCFeed-left-items': {
+                '& > div': {
+                    paddingBottom: theme.spacing(2)
                 }
             },
             '& .SCFeed-right': {
                 padding: theme.spacing(1.25, 0),
-                '& > * > .SCWidget-root': {
+                '& > .SCWidget-root': {
                     marginBottom: theme.spacing(3)
                 }
             },
+            '& .SCFeed-start': {
+                '& > .SCWidget-root': {
+                    padding: 0,
+                    marginBottom: theme.spacing(2)
+                }
+            },
             '& .SCFeed-end': {
-                padding: 0,
-                marginBottom: theme.spacing(3),
+                '& > .SCWidget-root': {
+                    padding: 0,
+                    marginBottom: theme.spacing(2)
+                }
+            },
+            '& .SCFeed-end-message': {
+                textAlign: 'center',
                 '& > div': {
                     padding: theme.spacing(2)
                 }
+            },
+            '& .SCFeed-refresh': {
+                textAlign: 'center'
+            },
+            '& .SCFeed-pagination-link': {
+                display: 'none'
             }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCFeed.js.map