@selfcommunity/react-theme-default 0.4.5-payments.210 → 0.4.5-payments.214

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

@@ -0,0 +1,18 @@
+declare const Component: {
+    styleOverrides: {
+        buyButtonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            border: string;
+            '&:hover, &:active': {
+                backgroundColor: any;
+                color: any;
+                border: string;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCGroupSubscribeButton.js

@@ -0,0 +1,16 @@
+const Component = {
+    styleOverrides: {
+        buyButtonRoot: ({ theme }) => ({
+            border: `1px solid transparent`,
+            '&:hover, &:active': {
+                backgroundColor: theme.palette.common.white,
+                color: theme.palette.primary.main,
+                border: `1px solid ${theme.palette.primary.main}`,
+                '& .MuiIcon-root': {
+                    color: theme.palette.primary.main
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -3,47 +3,45 @@ declare const Component: {
         root: ({ theme }: {
             theme: any;
         }) => {
+            marginBottom: any;
             borderRadius: string;
-            '& .MuiAccordionSummary-root': {
-                backgroundColor: any;
-                '& .MuiAccordionSummary-content': {
-                    display: string;
-                    flexDirection: string;
-                    '& .SCBaseItem-root': {
-                        backgroundColor: string;
-                    };
-                    '& .MuiTypography-body1': {
-                        [x: number]: {
-                            fontSize: any;
-                        };
-                        fontWeight: number;
-                        color: any;
-                    };
+            boxShadow: string;
+            backgroundColor: any;
+            '& .MuiCardContent-root': {
+                '& .SCBaseItem-root': {
+                    backgroundColor: string;
                 };
-                '& .MuiAccordionDetails-root': {
-                    marginTop: any;
+                '& .MuiTypography-body1': {
+                    [x: number]: {
+                        fontSize: any;
+                    };
+                    fontWeight: number;
+                    color: any;
                 };
             };
             '& .SCPaymentProductPrice-root': {
-                marginBottom: any;
                 width: string;
-                borderRadius: string;
+                paddingLeft: string;
             };
         };
         skeletonRoot: ({ theme }: {
             theme: any;
         }) => {
+            marginBottom: any;
             borderRadius: string;
-            '& .MuiAccordionSummary-root': {
-                backgroundColor: any;
+            boxShadow: string;
+            backgroundColor: any;
+            '& .MuiCardContent-root': {
                 marginBottom: any;
                 '& .SCBaseItem-root': {
                     backgroundColor: string;
+                    boxShadow: string;
                 };
             };
             '& .SCPaymentProductPrice-skeleton-root': {
-                marginBottom: any;
+                marginTop: any;
                 width: string;
+                paddingLeft: string;
             };
         };
     };

package/lib/esm/components/SCPaymentProduct.js

@@ -1,45 +1,43 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            borderRadius: '3px !important',
-            '& .MuiAccordionSummary-root': {
-                backgroundColor: theme.palette.grey[50],
-                '& .MuiAccordionSummary-content': {
-                    display: 'block',
-                    flexDirection: 'row',
-                    '& .SCBaseItem-root': {
-                        backgroundColor: 'transparent'
-                    },
-                    '& .MuiTypography-body1': {
-                        fontWeight: 200,
-                        color: theme.palette.grey[600],
-                        [theme.breakpoints.down('sm')]: {
-                            fontSize: theme.typography.pxToRem(12)
-                        }
-                    }
+            marginBottom: theme.spacing(2),
+            borderRadius: '10px',
+            boxShadow: 'none',
+            backgroundColor: theme.palette.grey['A200'],
+            '& .MuiCardContent-root': {
+                '& .SCBaseItem-root': {
+                    backgroundColor: 'transparent'
                 },
-                '& .MuiAccordionDetails-root': {
-                    marginTop: theme.spacing()
+                '& .MuiTypography-body1': {
+                    fontWeight: 200,
+                    color: theme.palette.grey[600],
+                    [theme.breakpoints.down('sm')]: {
+                        fontSize: theme.typography.pxToRem(12)
+                    }
                 }
             },
             '& .SCPaymentProductPrice-root': {
-                marginBottom: theme.spacing(),
                 width: 'auto',
-                borderRadius: '3px'
+                paddingLeft: `${theme.spacing(0)} !important`
             }
         }),
         skeletonRoot: ({ theme }) => ({
-            borderRadius: '3px !important',
-            '& .MuiAccordionSummary-root': {
-                backgroundColor: theme.palette.grey[50],
+            marginBottom: theme.spacing(2),
+            borderRadius: '10px',
+            boxShadow: 'none',
+            backgroundColor: theme.palette.grey['A200'],
+            '& .MuiCardContent-root': {
                 marginBottom: theme.spacing(1),
                 '& .SCBaseItem-root': {
-                    backgroundColor: 'transparent'
+                    backgroundColor: 'transparent',
+                    boxShadow: 'none'
                 }
             },
             '& .SCPaymentProductPrice-skeleton-root': {
-                marginBottom: theme.spacing(),
-                width: 'auto'
+                marginTop: theme.spacing(1),
+                width: 'auto',
+                paddingLeft: `${theme.spacing(0)} !important`
             }
         })
     }

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

@@ -3,7 +3,24 @@ declare const Component: {
         root: ({ theme }: {
             theme: any;
         }) => {
-            borderRadius: string;
+            borderRadius: number;
+            boxShadow: string;
+            '& .SCPaymentProductPrice-primary': {
+                fontSize: string;
+                fontWeight: string;
+                color: string;
+            };
+            '& .SCPaymentProductPrice-button': {
+                textTransform: string;
+                '&:hover, &:active': {
+                    backgroundColor: any;
+                    color: any;
+                    border: string;
+                    '& .MuiIcon-root': {
+                        color: any;
+                    };
+                };
+            };
             '& .SCPaymentProductPrice-button-purchased': {
                 backgroundColor: string;
                 color: string;
@@ -15,7 +32,7 @@ declare const Component: {
         skeletonRoot: ({ theme }: {
             theme: any;
         }) => {
-            borderRadius: string;
+            borderRadius: number;
         };
     };
 };

package/lib/esm/components/SCPaymentProductPrice.js

@@ -1,7 +1,24 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            borderRadius: '3px',
+            borderRadius: 0,
+            boxShadow: 'none',
+            '& .SCPaymentProductPrice-primary': {
+                fontSize: '18px',
+                fontWeight: '600 !important',
+                color: `${theme.palette.primary.main} !important`
+            },
+            '& .SCPaymentProductPrice-button': {
+                textTransform: 'uppercase',
+                '&:hover, &:active': {
+                    backgroundColor: theme.palette.common.white,
+                    color: theme.palette.primary.main,
+                    border: `1px solid ${theme.palette.primary.main}`,
+                    '& .MuiIcon-root': {
+                        color: theme.palette.primary.main
+                    }
+                }
+            },
             '& .SCPaymentProductPrice-button-purchased': {
                 backgroundColor: `${theme.palette.secondary.main} !important`,
                 color: `${theme.palette.secondary.contrastText} !important`
@@ -11,7 +28,7 @@ const Component = {
             }
         }),
         skeletonRoot: ({ theme }) => ({
-            borderRadius: '3px'
+            borderRadius: 0
         })
     }
 };

package/lib/esm/components/SCPaymentProducts.js

@@ -1,7 +1,7 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            padding: theme.spacing(0.5),
+            padding: theme.spacing(0.5)
         }),
         skeletonRoot: ({ theme }) => ({
             padding: theme.spacing(0.5)