@selfcommunity/react-theme-default 0.1.0-alpha.302 → 0.1.0-alpha.304

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

@@ -14,7 +14,7 @@ declare const Component: {
                     background: string;
                 };
             };
-            '& .SCCommentObjectSkeleton-root': {
+            '& .SCCommentObject-skeleton-root': {
                 background: string;
                 boxShadow: string;
                 border: number;
@@ -27,7 +27,7 @@ declare const Component: {
                     };
                 };
             };
-            '& .SCCommentsObjectSkeleton-root': {
+            '& .SCCommentsObject-skeleton-root': {
                 marginBottom: any;
             };
             '& .SCCommentObjectReply-root': {
@@ -37,6 +37,7 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;

package/lib/esm/components/SCCommentsFeedObject.js

@@ -14,7 +14,7 @@ const Component = {
                     background: 'transparent'
                 }
             },
-            '& .SCCommentObjectSkeleton-root': {
+            '& .SCCommentObject-skeleton-root': {
                 background: 'transparent',
                 boxShadow: 'none',
                 border: 0,
@@ -27,7 +27,7 @@ const Component = {
                     }
                 }
             },
-            '& .SCCommentsObjectSkeleton-root': {
+            '& .SCCommentsObject-skeleton-root': {
                 marginBottom: theme.spacing(0.5)
             },
             '& .SCCommentObjectReply-root': {
@@ -36,7 +36,8 @@ const Component = {
                     marginBottom: theme.spacing(4)
                 }
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 export default Component;

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

@@ -34,6 +34,9 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            width: string;
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCCommentsObject.js

@@ -33,6 +33,9 @@ const Component = {
                     fontSize: '0.8rem'
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            width: '100%'
         })
     }
 };

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

@@ -0,0 +1,116 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCConsentSolution-title': {
+                [x: number]: {
+                    fontSize: string;
+                };
+                display: string;
+                justifyContent: string;
+                fontWeight: number;
+            };
+            '& .SCConsentSolution-title-back': {
+                display: string;
+                justifyContent: string;
+            };
+            '& .SCConsentSolution-content': {
+                [x: number]: {
+                    padding: number;
+                    '& h6': {
+                        fontSize: string;
+                    };
+                    '& span, p, li': {
+                        fontSize: string;
+                    };
+                    '& li': {
+                        fontSize: string;
+                    };
+                    '& button': {
+                        fontSize: string;
+                    };
+                };
+                padding: any;
+                overflowX: string;
+                fontSize: string;
+            };
+            '& .SCConsentSolution-consent': {
+                [x: number]: {
+                    paddingTop: number;
+                    paddingBottom: number;
+                };
+                borderTop: number;
+                overflowY: string;
+            };
+            '& .SCConsentSolution-consent-switch': {
+                [x: number]: {
+                    '.MuiFormControlLabel-label': {
+                        fontSize: string;
+                    };
+                };
+                margin: string;
+                '& > span:first-of-type': {
+                    marginRight: number;
+                };
+            };
+            '& .SCConsentSolution-delete-account-button': {
+                cursor: string;
+                '&:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCConsentSolution-confirm-delete-account-button': {
+                color: string;
+                marginRight: any;
+                marginBottom: any;
+            };
+            '& .SCConsentSolution-logout-account-button': {
+                marginBottom: any;
+            };
+            '& .SCConsentSolution-data-portability': {
+                marginBottom: any;
+            };
+            '& .SCConsentSolution-alert-accept-document': {
+                [x: number]: {
+                    fontSize: string;
+                    padding: number;
+                };
+                padding: any;
+            };
+            '& .SCConsentSolution-alert-accept-conditions': {
+                [x: number]: {
+                    fontSize: string;
+                };
+                fontSize: string;
+                fontWeight: number;
+                color: any;
+                padding: string;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCConsentSolution-title': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+            };
+            '& .SCConsentSolution-content': {
+                paddingTop: any;
+                paddingBottom: any;
+            };
+            '& .SCConsentSolution-consent': {
+                borderTop: number;
+                overflowY: string;
+                display: string;
+            };
+            '& .SCConsentSolution-consent-switch': {
+                width: number;
+                height: number;
+                borderRadius: number;
+                marginRight: any;
+            };
+            '& .SCConsentSolution-consent-switch-label': {
+                marginTop: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCConsentSolution.js

@@ -0,0 +1,116 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCConsentSolution-title': {
+                display: 'flex',
+                justifyContent: 'center',
+                fontWeight: 800,
+                [theme.breakpoints.down('sm')]: {
+                    fontSize: '0.9rem'
+                }
+            },
+            '& .SCConsentSolution-title-back': {
+                display: 'flex',
+                justifyContent: 'left'
+            },
+            '& .SCConsentSolution-content': {
+                padding: theme.spacing(2),
+                overflowX: 'hidden',
+                fontSize: '0.8rem',
+                [theme.breakpoints.down('sm')]: {
+                    padding: 12,
+                    '& h6': {
+                        fontSize: '0.8rem'
+                    },
+                    '& span, p, li': {
+                        fontSize: '0.7rem'
+                    },
+                    '& li': {
+                        fontSize: '0.7rem'
+                    },
+                    '& button': {
+                        fontSize: '0.6rem'
+                    }
+                }
+            },
+            '& .SCConsentSolution-consent': {
+                borderTop: 0,
+                overflowY: 'visible',
+                [theme.breakpoints.down('sm')]: {
+                    paddingTop: 5,
+                    paddingBottom: 5
+                }
+            },
+            '& .SCConsentSolution-consent-switch': {
+                margin: `${theme.spacing()} 3px`,
+                '& > span:first-of-type': {
+                    marginRight: 10
+                },
+                [theme.breakpoints.down('sm')]: {
+                    '.MuiFormControlLabel-label': {
+                        fontSize: '0.7rem'
+                    }
+                }
+            },
+            '& .SCConsentSolution-delete-account-button': {
+                cursor: 'pointer',
+                '&:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCConsentSolution-confirm-delete-account-button': {
+                color: '#FFF !important',
+                marginRight: theme.spacing(2),
+                marginBottom: theme.spacing()
+            },
+            '& .SCConsentSolution-logout-account-button': {
+                marginBottom: theme.spacing()
+            },
+            '& .SCConsentSolution-data-portability': {
+                marginBottom: theme.spacing(2)
+            },
+            '& .SCConsentSolution-alert-accept-document': {
+                padding: theme.spacing(),
+                [theme.breakpoints.down('sm')]: {
+                    fontSize: '0.7rem',
+                    padding: 5
+                }
+            },
+            '& .SCConsentSolution-alert-accept-conditions': {
+                fontSize: '0.8rem',
+                fontWeight: 300,
+                color: theme.palette.grey['A700'],
+                padding: `${theme.spacing()} ${theme.spacing()}`,
+                [theme.breakpoints.down('sm')]: {
+                    fontSize: '0.6rem'
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCConsentSolution-title': {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+            },
+            '& .SCConsentSolution-content': {
+                paddingTop: theme.spacing(3),
+                paddingBottom: theme.spacing(5)
+            },
+            '& .SCConsentSolution-consent': {
+                borderTop: 0,
+                overflowY: 'visible',
+                display: 'flex'
+            },
+            '& .SCConsentSolution-consent-switch': {
+                width: 64,
+                height: 31,
+                borderRadius: 22,
+                marginRight: theme.spacing()
+            },
+            '& .SCConsentSolution-consent-switch-label': {
+                marginTop: 23
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,27 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            margin: any;
+            '& .SCCustomAdv-wrap': {
+                width: string;
+                position: string;
+            };
+            '& .SCCustomAdv-image': {
+                width: string;
+            };
+            '& .SCCustomAdv-embed-code': {
+                width: string;
+            };
+            '& .SCCustomAdv-prefixed-height': {
+                position: string;
+                top: number;
+                left: number;
+                bottom: number;
+                right: number;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {};
+        dialogRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;

package/lib/esm/components/SCCustomAdv.js

@@ -0,0 +1,27 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            margin: theme.spacing(2, 0),
+            '& .SCCustomAdv-wrap': {
+                width: '100%',
+                position: 'relative'
+            },
+            '& .SCCustomAdv-image': {
+                width: '100%'
+            },
+            '& .SCCustomAdv-embed-code': {
+                width: '100%'
+            },
+            '& .SCCustomAdv-prefixed-height': {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                bottom: 0,
+                right: 0
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({}),
+        dialogRoot: ({ theme }) => ({})
+    }
+};
+export default Component;

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

@@ -161,6 +161,137 @@ declare const Component: {
                 left: any;
             };
         };
+        skeletonRoot: ({ theme }: any) => {};
+        emojiPluginRoot: ({ theme }: any) => {};
+        floatingLinkPluginRoot: ({ theme }: any) => {
+            zIndex: number;
+            '& .MuiPaper-root': {
+                borderRadius: number;
+            };
+        };
+        hashtagPluginRoot: ({ 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;
+                    };
+                };
+            };
+        };
+        imagePluginRoot: ({ theme }: any) => {};
+        mentionPluginRoot: ({ 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;
+                    };
+                };
+            };
+        };
+        toolbarPluginRoot: ({ 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;
+                };
+            };
+            '& .SCEditor-block-format .MuiIcon-root:first-of-type': {
+                display: string;
+                marginRight: any;
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCEditor.js

@@ -161,6 +161,137 @@ const Component = {
                 top: theme.spacing(7),
                 left: theme.spacing(2)
             }
+        }),
+        skeletonRoot: ({ theme }) => ({}),
+        emojiPluginRoot: ({ theme }) => ({}),
+        floatingLinkPluginRoot: ({ theme }) => ({
+            zIndex: 2000,
+            '& .MuiPaper-root': {
+                borderRadius: 5
+            }
+        }),
+        hashtagPluginRoot: ({ 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()
+                    }
+                }
+            }
+        }),
+        imagePluginRoot: ({ theme }) => ({}),
+        mentionPluginRoot: ({ 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()
+                    }
+                }
+            }
+        }),
+        toolbarPluginRoot: ({ theme }) => ({
+            borderRadius: theme.shape.borderRadius * 0.2,
+            borderColor: 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
+                }
+            },
+            '& .SCEditor-block-format .MuiIcon-root:first-of-type': {
+                display: 'inline-block',
+                marginRight: theme.spacing(1)
+            }
         })
     }
 };

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

@@ -0,0 +1,9 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {
+            marginTop: any;
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCExploreFeedTemplate.js

@@ -0,0 +1,9 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginTop: theme.spacing(2)
+        })
+    }
+};
+export default Component;

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

@@ -52,6 +52,27 @@ declare const Component: {
                 display: string;
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            maxWidth: any;
+            '& .SCFeed-left': {
+                [x: number]: {
+                    padding: any;
+                };
+                padding: number;
+                '&:last-child': {
+                    paddingBottom: any;
+                };
+                '& > .SCWidget-root': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCFeed-right': {
+                padding: any;
+                '& .SCWidget-root': {
+                    marginBottom: any;
+                };
+            };
+        };
     };
 };
 export default Component;