@selfcommunity/react-theme-default 0.1.0-alpha.21 → 0.1.0-alpha.210

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

@@ -0,0 +1,30 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            height: string;
+            '& .SCLoyaltyProgramDetailTemplateSkeleton-title': {
+                [x: number]: {
+                    justifyContent: string;
+                };
+                display: string;
+                marginBottom: any;
+                alignItems: string;
+                '& .SCLoyaltyProgramDetailTemplateSkeleton-chip': {
+                    marginLeft: any;
+                    borderRadius: any;
+                };
+            };
+            '& .SCLoyaltyProgramDetailTemplateSkeleton-section-title': {
+                marginBottom: any;
+                '& .SCLoyaltyProgramDetailTemplateSkeleton-sub-title': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCLoyaltyProgramDetailTemplateSkeleton-points-list': {
+                marginBottom: any;
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCLoyaltyProgramDetailTemplateSkeleton.d.ts.map

package/lib/cjs/components/SCLoyaltyProgramDetailTemplateSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCLoyaltyProgramDetailTemplateSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/SCLoyaltyProgramDetailTemplateSkeleton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCLoyaltyProgramDetailTemplateSkeleton.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            height: '100%',
+            '& .SCLoyaltyProgramDetailTemplateSkeleton-title': {
+                display: 'flex',
+                marginBottom: theme.spacing(5),
+                alignItems: 'center',
+                [theme.breakpoints.down('md')]: {
+                    justifyContent: 'center'
+                },
+                '& .SCLoyaltyProgramDetailTemplateSkeleton-chip': {
+                    marginLeft: theme.spacing(2),
+                    borderRadius: theme.shape.borderRadius
+                }
+            },
+            '& .SCLoyaltyProgramDetailTemplateSkeleton-section-title': {
+                marginBottom: theme.spacing(2),
+                '& .SCLoyaltyProgramDetailTemplateSkeleton-sub-title': {
+                    marginBottom: theme.spacing(4)
+                }
+            },
+            '& .SCLoyaltyProgramDetailTemplateSkeleton-points-list': {
+                marginBottom: theme.spacing(5)
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCLoyaltyProgramDetailTemplateSkeleton.js.map

package/lib/cjs/components/SCLoyaltyProgramDetailTemplateSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCLoyaltyProgramDetailTemplateSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCLoyaltyProgramDetailTemplateSkeleton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,MAAM,EAAE,MAAM;YACd,iDAAiD,EAAE;gBACjD,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,UAAU,EAAE,QAAQ;gBACpB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC9B,cAAc,EAAE,QAAQ;iBACzB;gBACD,gDAAgD,EAAE;oBAChD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC5B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;iBACvC;aACF;YACD,yDAAyD,EAAE;gBACzD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,qDAAqD,EAAE;oBACrD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,uDAAuD,EAAE;gBACvD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC/B;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,34 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .MuiCardContent-root': {
+                padding: any;
+            };
+            '& .SCLoyaltyProgramWidget-title': {
+                fontWeight: any;
+                fontSize: string;
+            };
+            '& .SCLoyaltyProgramWidget-actions': {
+                display: string;
+                justifyContent: string;
+                padding: any;
+                '& .SCLoyaltyProgramWidget-points': {
+                    fontSize: string;
+                    fontWeight: any;
+                    textTransform: string;
+                    color: any;
+                    display: string;
+                    alignItems: string;
+                    '& .MuiChip-root': {
+                        color: any;
+                        borderRadius: any;
+                        backgroundColor: any;
+                        marginRight: any;
+                    };
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCLoyaltyProgramWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SCLoyaltyProgramWidget.d.ts","sourceRoot":"","sources":["../../../src/components/SCLoyaltyProgramWidget.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCLoyaltyProgramWidget.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .MuiCardContent-root': {
+                padding: theme.spacing(2, 3, 2, 3)
+            },
+            '& .SCLoyaltyProgramWidget-title': {
+                fontWeight: theme.typography.fontWeightBold,
+                fontSize: '1.143rem'
+            },
+            '& .SCLoyaltyProgramWidget-actions': {
+                display: 'flex',
+                justifyContent: 'space-between',
+                padding: theme.spacing(0, 3, 2, 3),
+                '& .SCLoyaltyProgramWidget-points': {
+                    fontSize: '1rem',
+                    fontWeight: theme.typography.fontWeightBold,
+                    textTransform: 'uppercase',
+                    color: theme.palette.secondary.main,
+                    display: 'flex',
+                    alignItems: 'center',
+                    '& .MuiChip-root': {
+                        color: theme.palette.common.white,
+                        borderRadius: theme.shape.borderRadius,
+                        backgroundColor: theme.palette.secondary.main,
+                        marginRight: theme.spacing(1)
+                    }
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCLoyaltyProgramWidget.js.map

package/lib/cjs/components/SCLoyaltyProgramWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCLoyaltyProgramWidget.js","sourceRoot":"","sources":["../../../src/components/SCLoyaltyProgramWidget.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,wBAAwB,EAAE;gBACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;aACnC;YACD,iCAAiC,EAAE;gBACjC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;gBAC3C,QAAQ,EAAE,UAAU;aACrB;YACD,mCAAmC,EAAE;gBACnC,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;gBAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBAClC,kCAAkC,EAAE;oBAClC,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;oBAC3C,aAAa,EAAE,WAAW;oBAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;oBACnC,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,iBAAiB,EAAE;wBACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;wBACjC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;wBACtC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;wBAC7C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC9B;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,25 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCLoyaltyProgramWidgetSkeleton-root, .MuiCardContent-root': {
+                padding: any;
+            };
+            '& .SCLoyaltyProgramWidgetSkeleton-actions, .MuiCardActions-root': {
+                display: string;
+                justifyContent: string;
+                padding: any;
+                '& .SCLoyaltyProgramWidgetSkeleton-points': {
+                    display: string;
+                    justifyContent: string;
+                    alignItems: string;
+                };
+                '& .SCLoyaltyProgramWidgetSkeleton-chip': {
+                    borderRadius: any;
+                    marginRight: any;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCLoyaltyProgramWidgetSkeleton.d.ts.map

package/lib/cjs/components/SCLoyaltyProgramWidgetSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCLoyaltyProgramWidgetSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/SCLoyaltyProgramWidgetSkeleton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCLoyaltyProgramWidgetSkeleton.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCLoyaltyProgramWidgetSkeleton-root, .MuiCardContent-root': {
+                padding: theme.spacing(2)
+            },
+            '& .SCLoyaltyProgramWidgetSkeleton-actions, .MuiCardActions-root': {
+                display: 'flex',
+                justifyContent: 'space-between',
+                padding: theme.spacing(0, 3, 2, 2),
+                '& .SCLoyaltyProgramWidgetSkeleton-points': {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center'
+                },
+                '& .SCLoyaltyProgramWidgetSkeleton-chip': {
+                    borderRadius: theme.shape.borderRadius,
+                    marginRight: theme.spacing(2)
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCLoyaltyProgramWidgetSkeleton.js.map

package/lib/cjs/components/SCLoyaltyProgramWidgetSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCLoyaltyProgramWidgetSkeleton.js","sourceRoot":"","sources":["../../../src/components/SCLoyaltyProgramWidgetSkeleton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,8DAA8D,EAAE;gBAC9D,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC1B;YACD,iEAAiE,EAAE;gBACjE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;gBAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBAClC,0CAA0C,EAAE;oBAC1C,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB;gBACD,wCAAwC,EAAE;oBACxC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;oBACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC9B;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,26 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        drawerRoot: ({ theme }: any) => {
+            '& .MuiDrawer-paper': {
+                [x: number]: {
+                    width: any;
+                };
+                width: string;
+            };
+            '& .SCNavigationMenuIconButton-drawer-header': {
+                minHeight: any;
+                padding: string;
+                '& img': {
+                    maxHeight: any;
+                    paddingLeft: any;
+                };
+                '& .SCNavigationMenuIconButton-drawer-header-action': {
+                    float: string;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCNavigationMenuIconButton.d.ts.map

package/lib/cjs/components/SCNavigationMenuIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCNavigationMenuIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/SCNavigationMenuIconButton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;gCACG,GAAG;;;;;;;;;;;;;;;;;;;;CAoB5B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCNavigationMenuIconButton.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        drawerRoot: ({ theme }) => ({
+            '& .MuiDrawer-paper': {
+                width: '100%',
+                [theme.breakpoints.up('sm')]: {
+                    width: theme.spacing(40)
+                }
+            },
+            '& .SCNavigationMenuIconButton-drawer-header': {
+                minHeight: theme.mixins.toolbar.minHeight,
+                padding: '1px',
+                '& img': {
+                    maxHeight: theme.mixins.toolbar.minHeight,
+                    paddingLeft: theme.spacing(1.5)
+                },
+                '& .SCNavigationMenuIconButton-drawer-header-action': {
+                    float: 'right'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCNavigationMenuIconButton.js.map

package/lib/cjs/components/SCNavigationMenuIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCNavigationMenuIconButton.js","sourceRoot":"","sources":["../../../src/components/SCNavigationMenuIconButton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;QAC5B,UAAU,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YAC7B,oBAAoB,EAAE;gBACpB,KAAK,EAAE,MAAM;gBACb,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;iBACzB;aACF;YACD,6CAA6C,EAAE;gBAC7C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;gBACzC,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE;oBACP,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;oBACzC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;iBAChC;gBACD,oDAAoD,EAAE;oBACpD,KAAK,EAAE,OAAO;iBACf;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,15 @@
+declare const Component: {
+    styleOverrides: {
+        menuRoot: ({ theme }: any) => {
+            '& .SCNavigationSettingsIconButton-paper': {
+                maxWidth: number;
+                padding: any;
+                '& .MuiList-root': {
+                    padding: number;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCNavigationSettingsIconButton.d.ts.map

package/lib/cjs/components/SCNavigationSettingsIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCNavigationSettingsIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/SCNavigationSettingsIconButton.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;8BAES,GAAG;;;;;;;;;;CAU1B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCNavigationSettingsIconButton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        menuRoot: ({ theme }) => ({
+            '& .SCNavigationSettingsIconButton-paper': {
+                maxWidth: 400,
+                padding: theme.spacing(2),
+                '& .MuiList-root': {
+                    padding: 0
+                }
+            }
+        })
+    }
+};
+exports.default = Component;
+//# sourceMappingURL=SCNavigationSettingsIconButton.js.map

package/lib/cjs/components/SCNavigationSettingsIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCNavigationSettingsIconButton.js","sourceRoot":"","sources":["../../../src/components/SCNavigationSettingsIconButton.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YAC3B,yCAAyC,EAAE;gBACzC,QAAQ,EAAE,GAAG;gBACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzB,iBAAiB,EAAE;oBACjB,OAAO,EAAE,CAAC;iBACX;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -1,17 +1,34 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            [x: number]: {
+                padding: any;
+                '& .SCNavigationToolbar-navigation': {
+                    '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                        margin: any;
+                    };
+                };
+                '& .SCNavigationToolbar-settings': {
+                    marginLeft: any;
+                };
+            };
             padding: any;
             '& .SCNavigationToolbar-logo': {
+                marginRight: any;
                 '& img': {
                     verticalAlign: string;
                     maxHeight: any;
                 };
             };
             '& .SCNavigationToolbar-navigation': {
+                flexGrow: number;
+                textAlign: string;
                 alignSelf: string;
                 '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
-                    padding: any;
+                    paddingTop: number;
+                    paddingLeft: any;
+                    paddingRight: any;
+                    paddingBottom: number;
                     margin: any;
                     color: any;
                     borderRadius: number;
@@ -23,18 +40,26 @@ declare const Component: {
                 };
             };
             '& .SCNavigationToolbar-search': {
+                flexGrow: number;
                 textAlign: string;
                 marginRight: any;
                 '& .MuiFormControl-root': {
+                    [x: number]: {
+                        width: number;
+                    };
                     width: number;
                 };
             };
             '& .SCNavigationToolbar-profile, & .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
                 margin: any;
             };
+            '& .SCNavigationToolbar-profile .MuiAvatar-root': {
+                width: any;
+                height: any;
+            };
             '& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
-                paddingTop: any;
-                paddingBottom: any;
+                paddingTop: number;
+                paddingBottom: number;
                 borderRadius: number;
                 borderBottom: string;
                 color: any;

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

@@ -1 +1 @@
-{"version":3,"file":"SCNavigationToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbar.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCNavigationToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbar.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCNavigationToolbar.js

@@ -3,50 +3,75 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            padding: theme.spacing(0, 3),
+            padding: theme.spacing(0, 1),
             '& .SCNavigationToolbar-logo': {
+                marginRight: theme.spacing(2),
                 '& img': {
                     verticalAlign: 'middle',
-                    maxHeight: theme.mixins.toolbar.maxHeight
+                    maxHeight: theme.mixins.toolbar.minHeight
                 }
             },
             '& .SCNavigationToolbar-navigation': {
+                flexGrow: 1,
+                textAlign: 'center',
                 alignSelf: 'end',
                 '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
-                    padding: theme.spacing(2, 2, 1, 2),
-                    margin: theme.spacing(0, 2),
+                    paddingTop: 12,
+                    paddingLeft: theme.spacing(1),
+                    paddingRight: theme.spacing(1),
+                    paddingBottom: 11,
+                    margin: theme.spacing(0, 1),
                     color: theme.palette.primary.main,
                     borderRadius: 0,
-                    borderBottom: `1px solid transparent`,
+                    borderBottom: `2px solid transparent`,
                     '&.SCNavigationToolbar-active, &:hover': {
                         color: theme.palette.secondary.main,
-                        borderBottom: `1px solid ${theme.palette.secondary.main}`
+                        borderBottom: `2px solid ${theme.palette.secondary.main}`
                     }
                 }
             },
             '& .SCNavigationToolbar-search': {
+                flexGrow: 1,
                 textAlign: 'right',
                 marginRight: theme.spacing(1.5),
                 '& .MuiFormControl-root': {
-                    width: 330
+                    width: 285,
+                    [theme.breakpoints.up('lg')]: {
+                        width: 330
+                    }
                 }
             },
             '& .SCNavigationToolbar-profile, & .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
                 margin: theme.spacing(0, 0.5)
             },
+            '& .SCNavigationToolbar-profile .MuiAvatar-root': {
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            },
             '& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
-                paddingTop: theme.spacing(2),
-                paddingBottom: theme.spacing(1),
+                paddingTop: 12,
+                paddingBottom: 9,
                 borderRadius: 0,
-                borderBottom: `1px solid transparent`,
+                borderBottom: `2px solid transparent`,
                 color: theme.palette.primary.main,
                 '&.SCNavigationToolbar-active, &:hover': {
                     color: theme.palette.secondary.main,
-                    borderBottom: `1px solid ${theme.palette.secondary.main}`
+                    borderBottom: `2px solid ${theme.palette.secondary.main}`
                 }
             },
             '& .SCNavigationToolbar-settings': {
-                marginLeft: theme.spacing(4.5)
+                marginLeft: theme.spacing(2)
+            },
+            [theme.breakpoints.up(950)]: {
+                padding: theme.spacing(0, 2),
+                '& .SCNavigationToolbar-navigation': {
+                    '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
+                        margin: theme.spacing(0, 2)
+                    }
+                },
+                '& .SCNavigationToolbar-settings': {
+                    marginLeft: theme.spacing(4.5)
+                }
             }
         })
     }

package/lib/cjs/components/SCNavigationToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCNavigationToolbar.js","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbar.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;YAC5B,6BAA6B,EAAE;gBAC7B,OAAO,EAAE;oBACP,aAAa,EAAE,QAAQ;oBACvB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;iBAC1C;aACF;YACD,mCAAmC,EAAE;gBACnC,SAAS,EAAE,KAAK;gBAChB,6DAA6D,EAAE;oBAC7D,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAClC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;oBACjC,YAAY,EAAE,CAAC;oBACf,YAAY,EAAE,uBAAuB;oBACrC,uCAAuC,EAAE;wBACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;wBACnC,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE;qBAC1D;iBACF;aACF;YACD,+BAA+B,EAAE;gBAC/B,SAAS,EAAE,OAAO;gBAClB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;gBAC/B,wBAAwB,EAAE;oBACxB,KAAK,EAAE,GAAG;iBACX;aACF;YACD,sGAAsG,EAAE;gBACtG,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;aAC9B;YACD,sEAAsE,EAAE;gBACtE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC/B,YAAY,EAAE,CAAC;gBACf,YAAY,EAAE,uBAAuB;gBACrC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBACjC,uCAAuC,EAAE;oBACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;oBACnC,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE;iBAC1D;aACF;YACD,iCAAiC,EAAE;gBACjC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAC/B;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCNavigationToolbar.js","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbar.tsx"],"names":[],"mappings":"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"}

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

@@ -3,11 +3,19 @@ declare const Component: {
         root: ({ theme }: any) => {
             padding: any;
             '& .SCNavigationToolbarMobile-logo': {
+                margin: any;
+                flexGrow: number;
                 '& img': {
                     verticalAlign: string;
                     maxHeight: any;
                 };
             };
+            '& h4': {
+                fontSize: string;
+                overflow: string;
+                textOverflow: string;
+                whiteSpace: string;
+            };
         };
     };
 };

package/lib/cjs/components/SCNavigationToolbarMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SCNavigationToolbarMobile.d.ts","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbarMobile.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;CAUtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCNavigationToolbarMobile.d.ts","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbarMobile.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;CAkBtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCNavigationToolbarMobile.js

@@ -3,12 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            padding: theme.spacing(0, 1, 0, 2),
+            padding: theme.spacing(0, 1, 0, 1),
             '& .SCNavigationToolbarMobile-logo': {
+                margin: theme.spacing(0.5, 2, 0.5, 0),
+                flexGrow: 1,
                 '& img': {
                     verticalAlign: 'middle',
-                    maxHeight: theme.mixins.toolbar.maxHeight
+                    maxHeight: theme.mixins.toolbar.minHeight
                 }
+            },
+            '& h4': {
+                fontSize: '1.286rem',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap'
             }
         })
     }

package/lib/cjs/components/SCNavigationToolbarMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCNavigationToolbarMobile.js","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbarMobile.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,mCAAmC,EAAE;gBACnC,OAAO,EAAE;oBACP,aAAa,EAAE,QAAQ;oBACvB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;iBAC1C;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"SCNavigationToolbarMobile.js","sourceRoot":"","sources":["../../../src/components/SCNavigationToolbarMobile.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,mCAAmC,EAAE;gBACnC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;gBACrC,QAAQ,EAAE,CAAC;gBACX,OAAO,EAAE;oBACP,aAAa,EAAE,QAAQ;oBACvB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;iBAC1C;aACF;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,UAAU,EAAE,QAAQ;aACrB;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,47 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCNotification-header': {
+                padding: any;
+                '& .SCNotification-avatar': {
+                    width: any;
+                    height: any;
+                };
+                '& .SCNotification-username': {
+                    fontWeight: any;
+                };
+            };
+            '& .SCNotification-content': {
+                padding: number;
+                '& .SCNotification-uncollapsed': {
+                    padding: any;
+                    '& > *': {
+                        marginBottom: any;
+                    };
+                };
+                '& .SCNotification-show-other-aggregated': {
+                    backgroundColor: string;
+                };
+                '& .SCNotification-collapsed': {
+                    padding: any;
+                    '& .MuiCollapse-wrapperInner > *': {
+                        marginBottom: any;
+                    };
+                };
+                '& .SCNotificationItem-detail': {
+                    borderRadius: number;
+                };
+            };
+            '& a:not(.MuiButton-root)': {
+                textDecoration: string;
+                color: any;
+                '&:hover, &:active': {
+                    color: any;
+                    textDecoration: string;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCNotification.d.ts.map

package/lib/cjs/components/SCNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCNotification.d.ts","sourceRoot":"","sources":["../../../src/components/SCNotification.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CtB,CAAC;AAEF,eAAe,SAAS,CAAC"}