@selfcommunity/react-theme-default 0.4.5-payments.192 → 0.4.5-payments.195

package/lib/esm/components/SCGroup.js

@@ -3,12 +3,13 @@ const Component = {
         root: ({ theme }) => ({
             borderRadius: 0,
             paddingBottom: 0,
+            paddingLeft: theme.spacing(),
+            paddingRight: theme.spacing(),
             overflow: 'visible',
             [theme.breakpoints.up('sm')]: {
                 borderRadius: theme.shape.borderRadiusSm
             },
             '& .SCBaseItemButton-image': {
-                marginRight: theme.spacing(1.25),
                 '& .MuiAvatar-root': {
                     width: theme.selfcommunity.group.avatar.sizeSmall,
                     height: theme.selfcommunity.group.avatar.sizeSmall,
@@ -38,7 +39,10 @@ const Component = {
                 }
             }
         }),
-        skeletonRoot: ({ theme }) => ({})
+        skeletonRoot: ({ theme }) => ({
+            paddingLeft: theme.spacing(),
+            paddingRight: theme.spacing(),
+        })
     }
 };
 export default Component;

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

@@ -0,0 +1,13 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCCategory-category-image': {
+                paddingLeft: any;
+            };
+            '& .SCGroup-avatar': {
+                marginLeft: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPaymentOrders.js

@@ -0,0 +1,13 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCCategory-category-image': {
+                paddingLeft: theme.spacing(1)
+            },
+            '& .SCGroup-avatar': {
+                marginLeft: theme.spacing(1)
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/index.d.ts

@@ -773,6 +773,10 @@ declare const theme: {
                         textOverflow: string;
                         display: string;
                     };
+                    '&.MuiPaper-outlined': {
+                        paddingLeft: any;
+                        paddingRight: any;
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     '& .SCCategory-image': {
@@ -787,6 +791,10 @@ declare const theme: {
                     '& .SCCategory-action': {
                         margin: any;
                     };
+                    '&.MuiPaper-outlined': {
+                        paddingLeft: any;
+                        paddingRight: any;
+                    };
                 };
             };
         };
@@ -1767,7 +1775,7 @@ declare const theme: {
         };
         SCCourse: {
             styleOverrides: {
-                root: () => {
+                root: ({ theme }: any) => {
                     width: string;
                 };
                 snippetRoot: ({ theme }: any) => {
@@ -1848,6 +1856,9 @@ declare const theme: {
                             padding: any;
                         };
                     };
+                    '& .SCBaseItemButton-actions': {
+                        marginRight: any;
+                    };
                 };
                 previewRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -2041,6 +2052,10 @@ declare const theme: {
                             };
                         };
                     };
+                    '&.MuiPaper-outlined': {
+                        paddingLeft: any;
+                        paddingRight: any;
+                    };
                 };
             };
         };
@@ -4721,9 +4736,10 @@ declare const theme: {
                     };
                     borderRadius: number;
                     paddingBottom: number;
+                    paddingLeft: any;
+                    paddingRight: any;
                     overflow: string;
                     '& .SCBaseItemButton-image': {
-                        marginRight: any;
                         '& .MuiAvatar-root': {
                             width: any;
                             height: any;
@@ -4753,7 +4769,10 @@ declare const theme: {
                         };
                     };
                 };
-                skeletonRoot: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {
+                    paddingLeft: any;
+                    paddingRight: any;
+                };
             };
         };
         SCGroupActionsMenu: {
@@ -11775,6 +11794,33 @@ declare const theme: {
                         margin: any;
                         width: string;
                     };
+                    "& .SCCheckout-payment-order": {
+                        display: string;
+                        flexDirection: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        margin: any;
+                        '& .SCPaymentOrder-root': {
+                            width: string;
+                            display: string;
+                            flexDirection: string;
+                            justifyContent: string;
+                            alignItems: string;
+                            '& .SCPaymentOrder-content-object': {
+                                minWidth: number;
+                            };
+                            '& .SCPaymentOrder-details': {
+                                minWidth: number;
+                            };
+                            '& .SCPaymentOrderPdfButton-root': {
+                                paddingLeft: any;
+                                paddingRight: any;
+                            };
+                        };
+                        '& .SCPaymentOrder-skeleton-root': {
+                            minWidth: number;
+                        };
+                    };
                     "& .SCCategory-root": {
                         borderRadius: any;
                         '& a': {
@@ -11821,6 +11867,12 @@ declare const theme: {
                     '& .SCCourse-preview-root': {
                         minHeight: string;
                     };
+                    '& .SCCategory-category-image': {
+                        paddingLeft: any;
+                    };
+                    '& .SCGroup-avatar': {
+                        marginLeft: any;
+                    };
                 };
             };
         };
@@ -12019,6 +12071,18 @@ declare const theme: {
                 };
             };
         };
+        SCPaymentOrders: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCCategory-category-image': {
+                        paddingLeft: any;
+                    };
+                    '& .SCGroup-avatar': {
+                        marginLeft: any;
+                    };
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/esm/index.js

@@ -214,6 +214,7 @@ import SCHiddenPurchasableContent from './components/SCHiddenPurchasableContent'
 import SCPaywalls from './components/SCPaywalls';
 import SCPaywallsConfigurator from './components/SCPaywallsConfigurator';
 import SCPdfPreview from './components/SCPdfPreview';
+import SCPaymentOrders from './components/SCPaymentOrders';
 /**
  * Style fragments - Imports - End
  */
@@ -506,7 +507,8 @@ const theme = {
         SCHiddenPurchasableContent,
         SCPaywalls,
         SCPaywallsConfigurator,
-        SCPdfPreview
+        SCPdfPreview,
+        SCPaymentOrders
     },
     selfcommunity: {
         user: {