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

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

@@ -8,6 +8,23 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            marginTop: any;
+            '& .SCCommentsObject-skeleton-root': {
+                '& .SCWidget-root': {
+                    marginBottom: string;
+                };
+            };
+            '& .SCCommentObject-skeleton-root': {
+                background: string;
+                boxShadow: string;
+                border: number;
+                paddingLeft: string;
+                '& .SCCommentObject-skeleton-root': {
+                    marginBottom: string;
+                };
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCFeedObjectDetailTemplate.js

@@ -9,6 +9,23 @@ const Component = {
                     paddingLeft: theme.spacing(2)
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            marginTop: theme.spacing(2),
+            '& .SCCommentsObject-skeleton-root': {
+                '& .SCWidget-root': {
+                    marginBottom: '0px !important'
+                }
+            },
+            '& .SCCommentObject-skeleton-root': {
+                background: 'transparent',
+                boxShadow: 'none',
+                border: 0,
+                paddingLeft: '0px !important',
+                '& .SCCommentObject-skeleton-root': {
+                    marginBottom: '0px !important'
+                }
+            }
         })
     }
 };

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

@@ -16,6 +16,7 @@ declare const Component: {
                 textTransform: string;
             };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;

package/lib/cjs/components/SCFeedUpdatesWidget.js

@@ -17,7 +17,8 @@ const Component = {
             '& .SCFeedUpdatesWidget-button-load-more': {
                 textTransform: 'capitalize'
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 exports.default = Component;

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

@@ -15,6 +15,7 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;

package/lib/cjs/components/SCFooter.js

@@ -16,7 +16,8 @@ const Component = {
                     color: theme.palette.text.primary
                 }
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 exports.default = Component;

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

@@ -27,6 +27,20 @@ declare const Component: {
                 marginLeft: any;
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            width: string;
+            '& .MuiCardContent-root': {
+                '& .SCIncubator-secondary': {
+                    marginTop: any;
+                };
+                '& .SCIncubator-progress-bar': {
+                    marginTop: any;
+                };
+            };
+            '& .MuiCardActions-root': {
+                marginLeft: any;
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCIncubator.js

@@ -28,6 +28,20 @@ const Component = {
             '& .MuiCardActions-root': {
                 marginLeft: theme.spacing(1)
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            width: '100%',
+            '& .MuiCardContent-root': {
+                '& .SCIncubator-secondary': {
+                    marginTop: theme.spacing(1)
+                },
+                '& .SCIncubator-progress-bar': {
+                    marginTop: theme.spacing(1)
+                }
+            },
+            '& .MuiCardActions-root': {
+                marginLeft: theme.spacing(2)
+            }
         })
     }
 };

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

@@ -13,6 +13,31 @@ declare const Component: {
                 justifyContent: string;
             };
         };
+        dialogRoot: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {};
+        createDialogRoot: ({ theme }: any) => {
+            [x: number]: {
+                minWidth: number;
+            };
+            margin: number;
+            '& .SCIncubatorListWidget-intro': {
+                whiteSpace: string;
+            };
+            '& .SCIncubatorListWidget-form': {
+                marginTop: any;
+                marginBottom: any;
+            };
+            '& .SCIncubatorListWidget-name': {
+                '& .MuiInputBase-root': {
+                    height: string;
+                };
+            };
+            '& .SCIncubatorListWidget-submitted-message': {
+                padding: any;
+                borderRadius: string;
+                backgroundColor: string;
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCIncubatorListWidget.js

@@ -14,6 +14,31 @@ const Component = {
                 display: 'flex',
                 justifyContent: 'space-between'
             }
+        }),
+        dialogRoot: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({}),
+        createDialogRoot: ({ theme }) => ({
+            margin: 2,
+            [theme.breakpoints.down(500)]: {
+                minWidth: 300
+            },
+            '& .SCIncubatorListWidget-intro': {
+                whiteSpace: 'pre-line'
+            },
+            '& .SCIncubatorListWidget-form': {
+                marginTop: theme.spacing(1),
+                marginBottom: theme.spacing(1)
+            },
+            '& .SCIncubatorListWidget-name': {
+                '& .MuiInputBase-root': {
+                    height: '40px'
+                }
+            },
+            '& .SCIncubatorListWidget-submitted-message': {
+                padding: theme.spacing(1),
+                borderRadius: '8px',
+                backgroundColor: '#bdd5bd'
+            }
         })
     }
 };

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

@@ -5,6 +5,8 @@ declare const Component: {
                 padding: any;
             };
         };
+        dialogRoot: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;

package/lib/cjs/components/SCIncubatorSuggestionWidget.js

@@ -6,7 +6,9 @@ const Component = {
             '& .MuiCardContent-root': {
                 padding: theme.spacing(2)
             }
-        })
+        }),
+        dialogRoot: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 exports.default = Component;

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

@@ -104,12 +104,12 @@ declare const Component: {
                     };
                 };
             };
-            '& .SCLoyaltyProgramDetailPointsList-root': {
+            '& .SCLoyaltyProgramDetailTemplate-points-list-root': {
                 marginTop: any;
                 marginBottom: any;
                 '& .MuiGrid-item': {
                     paddingTop: any;
-                    '& .SCLoyaltyProgramDetailPointsList-element': {
+                    '& .SCLoyaltyProgramDetailTemplate-element': {
                         display: string;
                         justifyContent: string;
                         marginBottom: any;
@@ -125,6 +125,57 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            height: string;
+            '& .SCLoyaltyProgramDetailTemplate-title': {
+                [x: number]: {
+                    justifyContent: string;
+                };
+                display: string;
+                marginBottom: any;
+                alignItems: string;
+                '& .SCLoyaltyProgramDetailTemplate-chip': {
+                    marginLeft: any;
+                    borderRadius: any;
+                };
+            };
+            '& .SCLoyaltyProgramDetailTemplate-section-title': {
+                marginBottom: any;
+                '& .SCLoyaltyProgramDetailTemplate-sub-title': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCLoyaltyProgramDetailTemplate-points-list': {
+                marginBottom: any;
+            };
+        };
+        prizeItemSkeletonRoot: ({ theme }: any) => {
+            [x: number]: {
+                width: any;
+                height: any;
+                marginTop: any;
+            };
+            '& .MuiCard-root': {
+                [x: number]: {
+                    borderRadius: number;
+                    height: string;
+                };
+            };
+            '& .MuiCardContent-root': {
+                justifyContent: string;
+                '& .SCLoyaltyProgramDetailTemplate-content': {
+                    display: string;
+                    flexDirection: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    marginTop: any;
+                    paddingBottom: any;
+                };
+            };
+            '& .MuiCardActions-root': {
+                justifyContent: string;
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCLoyaltyProgramDetailTemplate.js

@@ -105,12 +105,12 @@ const Component = {
                     }
                 }
             },
-            '& .SCLoyaltyProgramDetailPointsList-root': {
+            '& .SCLoyaltyProgramDetailTemplate-points-list-root': {
                 marginTop: theme.spacing(1),
                 marginBottom: theme.spacing(5),
                 '& .MuiGrid-item': {
                     paddingTop: theme.spacing(1),
-                    '& .SCLoyaltyProgramDetailPointsList-element': {
+                    '& .SCLoyaltyProgramDetailTemplate-element': {
                         display: 'flex',
                         justifyContent: 'space-between',
                         marginBottom: theme.spacing(1)
@@ -125,6 +125,57 @@ const Component = {
                     paddingLeft: theme.spacing(1)
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            height: '100%',
+            '& .SCLoyaltyProgramDetailTemplate-title': {
+                display: 'flex',
+                marginBottom: theme.spacing(5),
+                alignItems: 'center',
+                [theme.breakpoints.down('md')]: {
+                    justifyContent: 'center'
+                },
+                '& .SCLoyaltyProgramDetailTemplate-chip': {
+                    marginLeft: theme.spacing(2),
+                    borderRadius: theme.shape.borderRadius
+                }
+            },
+            '& .SCLoyaltyProgramDetailTemplate-section-title': {
+                marginBottom: theme.spacing(2),
+                '& .SCLoyaltyProgramDetailTemplate-sub-title': {
+                    marginBottom: theme.spacing(4)
+                }
+            },
+            '& .SCLoyaltyProgramDetailTemplate-points-list': {
+                marginBottom: theme.spacing(5)
+            }
+        }),
+        prizeItemSkeletonRoot: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: theme.spacing(45),
+                height: theme.spacing(45),
+                marginTop: theme.spacing(3)
+            },
+            '& .MuiCard-root': {
+                [theme.breakpoints.down('md')]: {
+                    borderRadius: 0,
+                    height: '100%'
+                }
+            },
+            '& .MuiCardContent-root': {
+                justifyContent: 'center',
+                '& .SCLoyaltyProgramDetailTemplate-content': {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    marginTop: theme.spacing(2),
+                    paddingBottom: theme.spacing(8)
+                }
+            },
+            '& .MuiCardActions-root': {
+                justifyContent: 'center'
+            }
         })
     }
 };

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

@@ -28,6 +28,25 @@ declare const Component: {
                 };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            '& .MuiCardContent-root': {
+                padding: any;
+            };
+            '& .SCLoyaltyProgramWidget-actions, .MuiCardActions-root': {
+                display: string;
+                justifyContent: string;
+                padding: any;
+                '& .SCLoyaltyProgramWidget-points': {
+                    display: string;
+                    justifyContent: string;
+                    alignItems: string;
+                };
+                '& .SCLoyaltyProgramWidget-chip': {
+                    borderRadius: any;
+                    marginRight: any;
+                };
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCLoyaltyProgramWidget.js

@@ -29,6 +29,25 @@ const Component = {
                     }
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .MuiCardContent-root': {
+                padding: theme.spacing(2)
+            },
+            '& .SCLoyaltyProgramWidget-actions, .MuiCardActions-root': {
+                display: 'flex',
+                justifyContent: 'space-between',
+                padding: theme.spacing(0, 3, 2, 2),
+                '& .SCLoyaltyProgramWidget-points': {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center'
+                },
+                '& .SCLoyaltyProgramWidget-chip': {
+                    borderRadius: theme.shape.borderRadius,
+                    marginRight: theme.spacing(2)
+                }
+            }
         })
     }
 };

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

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

package/lib/cjs/components/{SCCategoryTemplateSkeleton.js → SCMainFeedTemplate.js}

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
-        root: ({ theme }) => ({
-            marginTop: 0,
-            [theme.breakpoints.up('md')]: {
-                marginTop: 30
-            }
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({
+            marginTop: theme.spacing(2)
         })
     }
 };

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

@@ -74,6 +74,34 @@ declare const Component: {
                 color: any;
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCNavigationToolbar-logo': {
+                width: number;
+                height: number;
+            };
+            '& .SCNavigationToolbar-navigation': {
+                flexGrow: number;
+                margin: any;
+            };
+            '& .SCNavigationToolbar-avatar': {
+                width: any;
+                height: any;
+            };
+        };
+        notificationsMenuRoot: ({ theme }: any) => {
+            '& .SCNavigationToolbar-paper': {
+                minWidth: number;
+                padding: any;
+                '& .MuiList-root': {
+                    padding: number;
+                };
+            };
+            '& .SCNavigationToolbar-link': {
+                display: string;
+                textAlign: string;
+                margin: any;
+            };
+        };
     };
 };
 export default Component;

package/lib/cjs/components/SCNavigationToolbar.js

@@ -75,6 +75,34 @@ const Component = {
                     marginLeft: theme.spacing(4.5)
                 }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCNavigationToolbar-logo': {
+                width: 100,
+                height: 20
+            },
+            '& .SCNavigationToolbar-navigation': {
+                flexGrow: 1,
+                margin: theme.spacing(0, 20)
+            },
+            '& .SCNavigationToolbar-avatar': {
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            }
+        }),
+        notificationsMenuRoot: ({ theme }) => ({
+            '& .SCNavigationToolbar-paper': {
+                minWidth: 370,
+                padding: theme.spacing(2),
+                '& .MuiList-root': {
+                    padding: 0
+                }
+            },
+            '& .SCNavigationToolbar-link': {
+                display: 'block',
+                textAlign: 'center',
+                margin: theme.spacing(0, 'auto')
+            }
         })
     }
 };