@selfcommunity/react-theme-default 0.5.0-alpha.1 → 0.5.0-alpha.3

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;
+                    };
                 };
             };
         };
@@ -838,6 +846,13 @@ declare const theme: {
                 dialogRoot: () => {};
             };
         };
+        SCCategoryFollowButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                };
+            };
+        };
         SCCategoryHeader: {
             defaultProps: {
                 CategoryFollowButtonProps: {
@@ -886,6 +901,10 @@ declare const theme: {
                         '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                             textAlign: string;
                             marginBottom: any;
+                            '& button': {
+                                marginLeft: any;
+                                marginRight: any;
+                            };
                         };
                         '& .SCCategoryHeader-followed': {
                             marginBottom: string;
@@ -1552,6 +1571,22 @@ declare const theme: {
                     };
                 };
                 layerLocationRoot: () => {};
+                layerScheduledRoot: ({ theme }: any) => {
+                    '& .SCComposer-layer-scheduled-picker': {
+                        display: string;
+                        flexDirection: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        '& .MuiTypography-h4': {
+                            color: any;
+                        };
+                    };
+                    '& .SCComposer-layer-scheduled-message': {
+                        textAlign: string;
+                        marginTop: any;
+                        marginBottom: any;
+                    };
+                };
                 skeletonRoot: () => {};
                 typeSwitchButtonGroupRoot: ({ theme }: any) => {
                     '& .MuiToggleButton-root': {
@@ -1756,7 +1791,7 @@ declare const theme: {
         };
         SCCourse: {
             styleOverrides: {
-                root: () => {
+                root: ({ theme }: any) => {
                     width: string;
                 };
                 snippetRoot: ({ theme }: any) => {
@@ -1778,6 +1813,17 @@ declare const theme: {
                     };
                     '& .SCCourse-snippet-image': {
                         position: string;
+                        marginLeft: any;
+                        '& .SCCourse-chip': {
+                            maxWidth: number;
+                            borderRadius: number;
+                            boxShadow: string;
+                            height: number;
+                            '& span': {
+                                padding: number;
+                                fontSize: string;
+                            };
+                        };
                         '& .SCCourse-snippet-in-progress': {
                             height: number;
                             backgroundColor: any;
@@ -1826,6 +1872,9 @@ declare const theme: {
                             padding: any;
                         };
                     };
+                    '& .SCBaseItemButton-actions': {
+                        marginRight: any;
+                    };
                 };
                 previewRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -2019,6 +2068,10 @@ declare const theme: {
                             };
                         };
                     };
+                    '&.MuiPaper-outlined': {
+                        paddingLeft: any;
+                        paddingRight: any;
+                    };
                 };
             };
         };
@@ -2119,6 +2172,18 @@ declare const theme: {
                                     alignItems: string;
                                     gap: any;
                                 };
+                                '& .SCBuyButton-request-root': {
+                                    fontWeight: any;
+                                    '& .MuiButton-startIcon': {
+                                        marginRight: any;
+                                        '& .MuiIcon-root': {
+                                            fontSize: string;
+                                        };
+                                    };
+                                    '&.Mui-selected, &:hover': {
+                                        backgroundColor: string;
+                                    };
+                                };
                             };
                         };
                     };
@@ -2245,6 +2310,16 @@ declare const theme: {
                                 };
                                 margin: string;
                                 gap: string;
+                                '& .SCBuyButton-request-root': {
+                                    '&:hover, &:active': {
+                                        backgroundColor: any;
+                                        color: any;
+                                        border: string;
+                                        '& .MuiIcon-root': {
+                                            color: any;
+                                        };
+                                    };
+                                };
                             };
                         };
                         '& .SCCourseDashboard-lessons-sections': {
@@ -2432,6 +2507,9 @@ declare const theme: {
         SCCourses: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    '& .infinite-scroll-component__outerdiv .infinite-scroll-component': {
+                        overflow: string;
+                    };
                     '& .SCCourses-filters': {
                         alignItems: string;
                         marginTop: any;
@@ -3633,6 +3711,13 @@ declare const theme: {
                                 margin: any;
                             };
                         };
+                        '& .SCCourseForm-paywalls-configurator-wrap': {
+                            marginBottom: any;
+                            '& .SCPaywallsConfigurator-content-access-type': {
+                                fontSize: string;
+                                padding: any;
+                            };
+                        };
                     };
                 };
                 skeletonRoot: ({ theme }: {
@@ -3962,6 +4047,13 @@ declare const theme: {
                     };
                     '& .SCFeedObject-info-section': {
                         padding: any;
+                        '& .SCFeedObject-vote': {
+                            width: string;
+                            justifyContent: string;
+                            '& > button:first-of-type': {
+                                margin: string;
+                            };
+                        };
                     };
                     '& .SCFeedObject-activity-at': {
                         textDecoration: string;
@@ -4294,7 +4386,9 @@ declare const theme: {
                                         };
                                     };
                                 };
-                            };
+                            }; /**
+                             * Export default theme
+                             */
                         };
                     };
                     '&.SCFeedObject-snippet': {
@@ -4342,14 +4436,14 @@ declare const theme: {
                         paddingRight: number;
                     };
                 };
-                actionsRoot: ({ theme }: any) => {
+                actionsRoot: () => {
                     margin: string;
                     color: string;
                     '& .SCFeedObject-actions-action': {
                         textAlign: string;
                     };
                 };
-                actionCommentRoot: ({ theme }: any) => {
+                actionCommentRoot: () => {
                     display: string;
                     justifyContent: string;
                     alignItems: string;
@@ -4376,7 +4470,7 @@ declare const theme: {
                         };
                     };
                 };
-                actionShareRoot: ({ theme }: any) => {
+                actionShareRoot: () => {
                     display: string;
                     justifyContent: string;
                     alignItems: string;
@@ -4392,7 +4486,7 @@ declare const theme: {
                         whiteSpace: string;
                     };
                 };
-                actionVoteRoot: ({ theme }: any) => {
+                actionVoteRoot: () => {
                     display: string;
                     justifyContent: string;
                     alignItems: string;
@@ -4405,7 +4499,7 @@ declare const theme: {
                         borderBottom: number;
                     };
                 };
-                activitiesRoot: ({ theme }: any) => {
+                activitiesRoot: () => {
                     width: string;
                 };
                 activitiesMenuRoot: ({ theme }: any) => {
@@ -4445,7 +4539,7 @@ declare const theme: {
                         lineHeight: string;
                     };
                 };
-                contributorsSkeletonRoot: ({ theme }: any) => {};
+                contributorsSkeletonRoot: () => {};
                 pollObjectRoot: ({ theme }: any) => {
                     marginTop: any;
                     marginBottom: any;
@@ -4582,10 +4676,10 @@ declare const theme: {
                         };
                     };
                 };
-                activityCommentRoot: ({ theme }: any) => {};
-                activityFollowRoot: ({ theme }: any) => {};
-                activityPollVoteRoot: ({ theme }: any) => {};
-                activityVoteUpRoot: ({ theme }: any) => {};
+                activityCommentRoot: () => {};
+                activityFollowRoot: () => {};
+                activityPollVoteRoot: () => {};
+                activityVoteUpRoot: () => {};
             };
         };
         SCFeedObjectDetailTemplate: {
@@ -4692,9 +4786,10 @@ declare const theme: {
                     };
                     borderRadius: number;
                     paddingBottom: number;
+                    paddingLeft: any;
+                    paddingRight: any;
                     overflow: string;
                     '& .SCBaseItemButton-image': {
-                        marginRight: any;
                         '& .MuiAvatar-root': {
                             width: any;
                             height: any;
@@ -4724,7 +4819,10 @@ declare const theme: {
                         };
                     };
                 };
-                skeletonRoot: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {
+                    paddingLeft: any;
+                    paddingRight: any;
+                };
             };
         };
         SCGroupActionsMenu: {
@@ -4904,6 +5002,18 @@ declare const theme: {
                                 alignItems: string;
                                 gap: any;
                             };
+                            '& .SCBuyButton-request-root': {
+                                fontWeight: any;
+                                '& .MuiButton-startIcon': {
+                                    marginRight: any;
+                                    '& .MuiIcon-root': {
+                                        fontSize: string;
+                                    };
+                                };
+                                '&.Mui-selected, &:hover': {
+                                    backgroundColor: string;
+                                };
+                            };
                         };
                         '& .SCGroupHeader-multi-actions': {
                             display: string;
@@ -5142,6 +5252,23 @@ declare const theme: {
                 };
             };
         };
+        SCGroupSubscribeButton: {
+            styleOverrides: {
+                buyButtonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    border: string;
+                    '&:hover, &:active': {
+                        backgroundColor: any;
+                        color: any;
+                        border: string;
+                        '& .MuiIcon-root': {
+                            color: any;
+                        };
+                    };
+                };
+            };
+        };
         SCGroupTemplate: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -6356,6 +6483,7 @@ declare const theme: {
                     margin: string;
                     width: string;
                     position: string;
+                    gap: any;
                     '& .SCMediaFile-background': {
                         backgroundSize: string;
                         backgroundPosition: string;
@@ -6439,10 +6567,16 @@ declare const theme: {
                         position: string;
                         top: number;
                     };
+                    '& .SCMediaFile-docs-wrapper': {
+                        gap: any;
+                    };
                 };
-                lightboxRoot: ({ theme }: any) => {};
+                lightboxRoot: () => {};
                 previewRoot: ({ theme }: any) => {
-                    '& > div': {
+                    display: string;
+                    flexDirection: string;
+                    gap: any;
+                    '& > div:not(.SCMediaFile-docs-wrapper)': {
                         display: string;
                         flexDirection: string;
                         flexWrap: string;
@@ -6492,17 +6626,64 @@ declare const theme: {
                             };
                         };
                     };
+                    '& .SCMediaFile-docs-wrapper': {
+                        display: string;
+                        flexDirection: string;
+                        gap: any;
+                    };
                 };
-                triggerRoot: ({ theme }: any) => {};
-                triggerDrawerRoot: ({ theme }: any) => {
+                triggerRoot: () => {};
+                triggerDrawerRoot: () => {
                     zIndex: number;
                 };
-                triggerMenuRoot: ({ theme }: any) => {};
+                triggerMenuRoot: () => {};
+                docRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    borderRadius: string;
+                    border: string;
+                    padding: any;
+                    flexDirection: string;
+                    gap: string;
+                    '& .SCMediaFile-image': {
+                        width: string;
+                        height: string;
+                        flexShrink: number;
+                    };
+                    '& .SCMediaFile-text-wrapper': {
+                        [x: number]: {
+                            maxWidth: string;
+                        };
+                        gap: string;
+                        '& .SCMediaFile-title': {
+                            textAlign: string;
+                            display: string;
+                            '-webkit-line-clamp': string;
+                            '-webkit-box-orient': string;
+                            overflow: string;
+                        };
+                        '& .SCMediaFile-subtitle': {
+                            textAlign: string;
+                            color: any;
+                        };
+                    };
+                    '& .SCMediaFile-action-wrapper': {
+                        flexDirection: string;
+                        gap: string;
+                        marginLeft: string;
+                        '& .SCMediaFile-action': {
+                            '&:hover': {
+                                backgroundColor: any;
+                            };
+                        };
+                    };
+                };
             };
         };
         SCMediaLink: {
             styleOverrides: {
                 displayRoot: ({ theme }: any) => {
+                    marginTop: any;
                     '& .SCMediaLink-link': {
                         position: string;
                         backgroundColor: string;
@@ -6617,7 +6798,7 @@ declare const theme: {
                         };
                     };
                 };
-                triggerRoot: ({ theme }: any) => {};
+                triggerRoot: () => {};
             };
         };
         SCMediaShare: {
@@ -7835,6 +8016,9 @@ declare const theme: {
                             alignItems: string;
                             marginRight: any;
                             '& .MuiIcon-root': {
+                                /**
+                                 * Style assets - Imports - Start
+                                 */
                                 margin: any;
                             };
                         };
@@ -9334,6 +9518,9 @@ declare const theme: {
                             padding: any;
                         };
                     };
+                    '& .SCEventForm-paywalls-configurator-wrap': {
+                        margin: string;
+                    };
                 };
             };
         };
@@ -9899,6 +10086,18 @@ declare const theme: {
                                 alignItems: string;
                                 gap: any;
                             };
+                            '& .SCBuyButton-request-root': {
+                                fontWeight: any;
+                                '& .MuiButton-startIcon': {
+                                    marginRight: any;
+                                    '& .MuiIcon-root': {
+                                        fontSize: string;
+                                    };
+                                };
+                                '&.Mui-selected, &:hover': {
+                                    backgroundColor: string;
+                                };
+                            };
                         };
                         '& .SCEditEvenButton-root': {
                             marginLeft: string;
@@ -10097,6 +10296,18 @@ declare const theme: {
                 requestRoot: ({ theme }: {
                     theme: any;
                 }) => {};
+                buyButtonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '&:hover, &:active': {
+                        backgroundColor: any;
+                        color: any;
+                        border: string;
+                        '& .MuiIcon-root': {
+                            color: any;
+                        };
+                    };
+                };
                 menuRoot: ({ theme }: {
                     theme: any;
                 }) => {
@@ -11541,29 +11752,632 @@ declare const theme: {
                 };
             };
         };
-    };
-    selfcommunity: {
-        user: {
-            avatar: {
-                sizeSmall: number;
-                sizeMedium: number;
-                sizeLarge: number;
-                sizeXLarge: number;
+        SCBuyButton: {
+            styleOverrides: {
+                requestRoot: ({ theme }: {
+                    theme: any;
+                }) => {};
+                drawerRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& > div.MuiPaper-root': {
+                        padding: any;
+                    };
+                };
             };
         };
-        category: {
-            icon: {
-                sizeSmall: number;
-                sizeMedium: number;
-                sizeLarge: number;
+        SCPaymentProducts: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    padding: any;
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    padding: any;
+                };
             };
         };
-        group: {
-            avatar: {
-                sizeSmall: number;
-                sizeMedium: number;
-                sizeLarge: number;
-                sizeXLarge: number;
+        SCPaymentProduct: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    marginBottom: any;
+                    borderRadius: string;
+                    boxShadow: string;
+                    backgroundColor: any;
+                    '& .MuiCardContent-root': {
+                        '& .SCBaseItem-root': {
+                            backgroundColor: string;
+                        };
+                        '& .MuiTypography-body1': {
+                            [x: number]: {
+                                fontSize: any;
+                            };
+                            fontWeight: number;
+                            color: any;
+                        };
+                    };
+                    '& .SCPaymentProductPrice-root': {
+                        width: string;
+                        paddingLeft: string;
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    marginBottom: any;
+                    borderRadius: string;
+                    boxShadow: string;
+                    backgroundColor: any;
+                    '& .MuiCardContent-root': {
+                        marginBottom: any;
+                        '& .SCBaseItem-root': {
+                            backgroundColor: string;
+                            boxShadow: string;
+                        };
+                    };
+                    '& .SCPaymentProductPrice-skeleton-root': {
+                        marginTop: any;
+                        width: string;
+                        paddingLeft: string;
+                    };
+                };
+            };
+        };
+        SCPaymentOrder: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCPaymentOrder-details': {
+                        marginTop: any;
+                        marginLeft: any;
+                        '& p': {
+                            marginBottom: any;
+                        };
+                        '& .SCPaymentOrderPdfButton-root': {
+                            marginTop: any;
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {};
+            };
+        };
+        SCPaymentOrderPdfButton: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    paddingLeft: number;
+                    paddingRight: number;
+                    width: string;
+                    minWidth: number;
+                    marginLeft: any;
+                    marginRight: any;
+                    height: number;
+                };
+            };
+        };
+        SCPaymentProductPrice: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    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;
+                    };
+                    '& .SCPaymentProductPrice-purchased-at': {
+                        textDecoration: string;
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    borderRadius: number;
+                };
+            };
+        };
+        SCCheckout: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    position: string;
+                    backgroundColor: any;
+                    display: string;
+                    flexDirection: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    width: string;
+                    "& .SCCheckout-content": {
+                        [x: number]: {
+                            display: string;
+                            flexDirection: string;
+                            justifyContent: string;
+                            alignItems: string;
+                        };
+                        width: string;
+                        maxWidth: number;
+                        display: string;
+                        gridTemplateColumns: string;
+                        padding: any;
+                        gap: number;
+                        "& .SCCheckout-content-object": {
+                            [x: number]: {
+                                width: string;
+                            };
+                            position: string;
+                            display: string;
+                            flexDirection: string;
+                            justifyContent: string;
+                            alignItems: string;
+                            '& .SCWidget-root': {
+                                width: string;
+                                '& .SCEvent-preview-content': {
+                                    padding: string;
+                                };
+                            };
+                        };
+                        "& .SCCheckout-content-coverage": {
+                            position: string;
+                            width: string;
+                            height: string;
+                            backgroundColor: string;
+                        };
+                        "& .SCCheckout-content-desc": {
+                            [x: number]: {
+                                display: string;
+                            };
+                            display: string;
+                            flexDirection: string;
+                            justifyContent: string;
+                            alignItems: string;
+                            maxWidth: number;
+                        };
+                    };
+                    "& .SCCheckout-checkout": {
+                        width: string;
+                        bottom: any;
+                    };
+                    "& .SCCheckout-object": {
+                        [x: number]: {
+                            minWidth: number;
+                            width: string;
+                        };
+                        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': {
+                            padding: any;
+                        };
+                    };
+                    "& .SCGroup-root": {
+                        borderRadius: any;
+                        '& a': {
+                            padding: any;
+                        };
+                    };
+                    "& .SCCourse-preview-root": {
+                        minHeight: string;
+                    };
+                };
+            };
+        };
+        SCCheckoutReturnDialog: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .MuiDialogTitle-root': {
+                        textAlign: string;
+                        fontSize: string;
+                        fontWeight: number;
+                    };
+                    '& .MuiDialogContent-root': {
+                        display: string;
+                        minHeight: number;
+                        justifyContent: string;
+                        alignItems: string;
+                        '& .SCWidget-root': {
+                            minWidth: number;
+                        };
+                        '& .MuiTypography-body2': {
+                            marginTop: any;
+                        };
+                    };
+                };
+            };
+        };
+        SCHiddenPurchasableContent: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                };
+            };
+        };
+        SCPaywalls: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCPaywalls-error': {
+                        margin: any;
+                    };
+                };
+            };
+        };
+        SCPaywallsConfigurator: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    "& .SCPaywallsConfigurator-new-product": {
+                        background: string;
+                        padding: any;
+                        marginTop: any;
+                        borderRadius: any;
+                    };
+                    "& .SCPaywallsConfigurator-no-product": {
+                        textDecoration: string;
+                        paddingLeft: number;
+                        color: "#bdbdbd";
+                    };
+                    "& .SCPaywallsConfigurator-content-access-type": {
+                        '& > p': {
+                            marginBottom: any;
+                        };
+                        '& .MuiPaper-root': {
+                            borderColor: string;
+                        };
+                        '& .MuiAccordion-root:first-of-type': {
+                            borderTopLeftRadius: number;
+                            borderTopRightRadius: number;
+                        };
+                        '& .MuiAccordion-root:last-of-type': {
+                            borderBottomLeftRadius: number;
+                            borderBottomRightRadius: number;
+                        };
+                        "& .SCPaywallsConfigurator-selected-payment-products-list": {
+                            borderTop: string;
+                            marginTop: number;
+                        };
+                        "& .SCPaywallsConfigurator-add-payment-product": {
+                            position: string;
+                            left: number;
+                            '& .MuiButton-startIcon': {
+                                fontSize: string;
+                            };
+                        };
+                    };
+                };
+                paymentProductsAutocompletePopperRoot: ({ theme }: any) => {
+                    "& .MuiAutocomplete-paper": {
+                        boxShadow: string;
+                        margin: number;
+                        color: string;
+                        fontSize: number;
+                    };
+                    "& .MuiAutocomplete-listbox": {
+                        backgroundColor: string;
+                        padding: number;
+                        "& .MuiAutocomplete-option": {
+                            minHeight: string;
+                            alignItems: string;
+                            padding: number;
+                            borderBottom: string;
+                            '&[aria-selected="true"]': {
+                                backgroundColor: string;
+                            };
+                            "&.MuiAutocomplete-focused, &.MuiAutocomplete-focused[aria-selected=\"true\"]": {
+                                backgroundColor: any;
+                            };
+                        };
+                    };
+                    "&.MuiAutocomplete-popperDisablePortal": {
+                        position: string;
+                    };
+                    "& .SCPaywallsConfigurator-product-check-icon": {
+                        width: number;
+                        height: number;
+                        margin: string;
+                    };
+                    "& .SCPaywallsConfigurator-product-card-icon": {
+                        width: number;
+                        height: number;
+                        flexShrink: number;
+                        borderRadius: string;
+                        marginRight: any;
+                        marginTop: string;
+                        padding: string;
+                        backgroundColor: string;
+                        color: string;
+                    };
+                    "& .SCPaywallsConfigurator-product-content": {
+                        flexGrow: number;
+                        '& span': {
+                            color: string;
+                        };
+                    };
+                    "& .SCPaywallsConfigurator-product-remove-icon": {
+                        opacity: number;
+                        width: number;
+                        height: number;
+                    };
+                    "& .SCPaywallsConfigurator-autocomplete-footer": {
+                        backgroundColor: "#bdbdbd";
+                    };
+                    "& .SCPaywallsConfigurator-autocomplete-products-loading": {
+                        width: string;
+                        minHeight: number;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                    };
+                };
+                paymentProductsPopperRoot: ({ theme }: any) => {
+                    border: string;
+                    boxShadow: string;
+                    borderRadius: number;
+                    width: number;
+                    zIndex: any;
+                    fontSize: number;
+                    color: string;
+                    backgroundColor: string;
+                    '& .MuiPaper-root': {
+                        borderRadius: number;
+                    };
+                    "& .SCPaywallsConfigurator-payment-products-popper-title": {
+                        borderBottom: string;
+                        padding: string;
+                        fontWeight: number;
+                    };
+                    "& .SCPaywallsConfigurator-payment-products-popper-footer": {
+                        borderTop: string;
+                        padding: string;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        '& button': {
+                            padding: string;
+                            '& .MuiIcon-root': {
+                                fontSize: number;
+                            };
+                        };
+                    };
+                };
+                filterInputRoot: ({ theme }: any) => {
+                    padding: number;
+                    width: string;
+                    borderBottom: string;
+                    '& input': {
+                        borderRadius: number;
+                        backgroundColor: string;
+                        padding: number;
+                        transition: any;
+                        border: string;
+                        fontSize: number;
+                        '&:focus': {
+                            boxShadow: string;
+                            borderColor: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCPdfPreview: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    display: string;
+                    flexDirection: string;
+                    marginTop: string;
+                    "& .SCPdfPreview-document-pdf-wrapper": {
+                        filter: string;
+                    };
+                    "& .SCPdfPreview-document-pdf-link": {
+                        padding: number;
+                        '&:hover': {
+                            opacity: number;
+                        };
+                    };
+                    "& .SCPdfPreview-document-pdf-page": {
+                        display: string;
+                        flexDirection: string;
+                        justifyContent: string;
+                        marginBottom: any;
+                        pageBreakAfter: string;
+                        '& .react-pdf__Page__textContent': {
+                            mixBlendMode: string;
+                            opacity: number;
+                        };
+                        '& .react-pdf__Page__canvas': {
+                            margin: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCPaymentOrders: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCPaymentOrders-content': {
+                        position: string;
+                        margin: any;
+                        '& table': {
+                            '& tr': {
+                                '& th': {
+                                    zIndex: number;
+                                };
+                            };
+                            '& .SCGroup-root, .SCCategory-root': {
+                                borderRadius: any;
+                                maxWidth: string;
+                            };
+                            '& .SCPaymentProduct-root': {
+                                borderRadius: string;
+                                border: string;
+                                boxShadow: string;
+                                color: any;
+                                '& .MuiAccordionSummary-root': {
+                                    backgroundColor: any;
+                                    opacity: number;
+                                    borderRadius: any;
+                                };
+                            };
+                        };
+                        '& .MuiCircularProgress-root': {
+                            display: string;
+                            margin: string;
+                        };
+                    };
+                    '& .SCPaymentOrders-filters': {
+                        [x: number]: {
+                            width: string;
+                        };
+                        alignItems: string;
+                        margin: any;
+                        width: string;
+                        '& .SCPaymentOrders-search': {
+                            '& .MuiInputBase-root': {
+                                paddingRight: number;
+                                '& .MuiButtonBase-root': {
+                                    borderRadius: string;
+                                    height: string;
+                                    '& .MuiButton-endIcon': {
+                                        margin: number;
+                                    };
+                                };
+                            };
+                        };
+                        '& .SCPaymentOrders-picker': {
+                            '& .MuiOutlinedInput-root': {
+                                paddingRight: any;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+        SCCheckoutHeaderInfoWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCCheckoutHeaderInfoWidget-header': {
+                        height: any;
+                        position: string;
+                        backgroundColor: any;
+                        color: string;
+                        textAlign: string;
+                        '& img': {
+                            position: string;
+                            left: string;
+                            top: any;
+                            transform: string;
+                        };
+                        '& .MuiIcon-root': {
+                            top: any;
+                            position: string;
+                        };
+                    };
+                    '& .SCCheckoutHeaderInfoWidget-content': {
+                        padding: any;
+                        justifyContent: string;
+                        '& .MuiTypography-body2': {
+                            paddingTop: any;
+                            whiteSpace: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    selfcommunity: {
+        user: {
+            avatar: {
+                sizeSmall: number;
+                sizeMedium: number;
+                sizeLarge: number;
+                sizeXLarge: number;
+            };
+        };
+        category: {
+            icon: {
+                sizeSmall: number;
+                sizeMedium: number;
+                sizeLarge: number;
+            };
+        };
+        group: {
+            avatar: {
+                sizeSmall: number;
+                sizeMedium: number;
+                sizeLarge: number;
+                sizeXLarge: number;
+            };
+        };
+        contentProduct: {
+            icon: {
+                sizeSmall: number;
+                sizeMedium: number;
+                sizeLarge: number;
+            };
+        };
+        contentProductPrice: {
+            icon: {
+                sizeSmall: number;
+                sizeMedium: number;
+                sizeLarge: number;
             };
         };
     };