@selfcommunity/react-theme-default 0.1.9-alpha.7 → 0.1.9-alpha.70

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

@@ -1,6 +1,7 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            flexDirection: string;
             borderRadius: any;
             padding: any;
             boxShadow: string;
@@ -19,6 +20,10 @@ declare const Component: {
                 right: any;
                 padding: any;
             };
+            '& .SCPrivateMessageThreadItem-username': {
+                marginRight: string;
+                marginBottom: any;
+            };
             '& .SCPrivateMessageThreadItem-text': {
                 display: string;
                 alignItems: string;

package/lib/cjs/components/SCPrivateMessageThreadItem.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            flexDirection: 'column',
             borderRadius: theme.shape.borderRadius,
             padding: theme.spacing(2, 4, 4, 2),
             boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
@@ -21,6 +22,10 @@ const Component = {
                 right: theme.spacing(3),
                 padding: theme.spacing(0.5, 0, 0.5, 0)
             },
+            '& .SCPrivateMessageThreadItem-username': {
+                marginRight: 'auto',
+                marginBottom: theme.spacing(1)
+            },
             '& .SCPrivateMessageThreadItem-text': {
                 display: 'flex',
                 alignItems: 'center',

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

@@ -22,6 +22,11 @@ declare const Component: {
                 borderRadius: number;
                 fontSize: string;
             };
+            '& .SCUser-group-admin-badge-label': {
+                marginLeft: any;
+                fontSize: string;
+                color: any;
+            };
             '& .SCBaseItemButton-primary': {
                 fontWeight: any;
             };

package/lib/cjs/components/SCUser.js

@@ -24,6 +24,11 @@ const Component = {
                 borderRadius: 0,
                 fontSize: '0.5rem'
             },
+            '& .SCUser-group-admin-badge-label': {
+                marginLeft: theme.spacing(1),
+                fontSize: '0.75rem',
+                color: theme.palette.secondary.main
+            },
             '& .SCBaseItemButton-primary': {
                 fontWeight: theme.typography.fontWeightBold
             },

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

@@ -3,7 +3,7 @@ declare const Component: {
         root: ({ theme }: any) => {
             '& .SCUserProfileHeader-cover': {
                 [x: number]: {
-                    margin: any;
+                    borderRadius: any;
                 };
                 position: string;
                 height: number;
@@ -71,7 +71,7 @@ declare const Component: {
             position: string;
             '& .SCUserProfileHeader-cover': {
                 [x: number]: {
-                    margin: any;
+                    borderRadius: any;
                 };
                 height: number;
             };

package/lib/cjs/components/SCUserProfileHeader.js

@@ -5,13 +5,13 @@ const Component = {
         root: ({ theme }) => ({
             '& .SCUserProfileHeader-cover': {
                 position: 'relative',
-                height: 150,
+                height: 230,
                 minHeight: 150,
                 borderRadius: 0,
                 background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
                 boxShadow: 'unset',
-                [theme.breakpoints.up('lg')]: {
-                    margin: theme.spacing(0, -5, 0, -5)
+                [theme.breakpoints.up('md')]: {
+                    borderRadius: theme.spacing(0, 0, 2.5, 2.5)
                 }
             },
             '& .SCUserProfileHeader-infops-section': {
@@ -32,7 +32,7 @@ const Component = {
                     width: theme.selfcommunity.user.avatar.sizeXLarge,
                     borderRadius: '50%',
                     border: `#FFF solid ${theme.spacing(0.5)}`,
-                    objectFit: 'cover',
+                    objectFit: 'cover'
                 },
                 '& .MuiBadge-badge .SCUserAvatar-badge-content': {
                     width: 32,
@@ -72,15 +72,15 @@ const Component = {
         skeletonRoot: ({ theme }) => ({
             position: 'relative',
             '& .SCUserProfileHeader-cover': {
-                [theme.breakpoints.up('lg')]: {
-                    margin: theme.spacing(0, -5, 0, -5)
+                [theme.breakpoints.up('md')]: {
+                    borderRadius: theme.spacing(0, 0, 2.5, 2.5)
                 },
-                height: 150
+                height: 230
             },
             '& .SCUserProfileHeader-avatar': {
                 display: 'block',
                 position: 'absolute',
-                top: 150 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge - 5,
+                top: 230 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge - 5,
                 marginLeft: theme.spacing(4),
                 [`& .MuiSkeleton-root`]: {
                     border: '#FFF solid 5px'

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

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

package/lib/cjs/components/SCUserSubscribedGroupsWidget.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        skeletonRoot: ({ theme }) => ({}),
+        dialogRoot: ({ theme }) => ({})
+    }
+};
+exports.default = Component;

package/lib/cjs/fonts/community/icons.svg

@@ -126,7 +126,9 @@
 <glyph unicode="&#xe964;" glyph-name="photo_file" data-tags="photo_file" d="M849.067 797.867h-209.067c-4.267 0-8.533 4.267-8.533 4.267l-34.133 51.2c-17.067 21.333-42.667 38.4-68.267 38.4h-145.067c-72.533 0-128-59.733-128-128v-89.6h-64c-76.8 0-145.067-59.733-145.067-132.267v-405.333c0-72.533 64-132.267 145.067-132.267h520.533c76.8 0 145.067 59.733 145.067 132.267v76.8c68.267 4.267 123.733 59.733 123.733 128v324.267c-4.267 72.533-64 132.267-132.267 132.267zM712.533 72.534h-520.533c-38.4 0-64 25.6-64 59.733v409.6c0 34.133 29.867 59.733 64 59.733h64v-260.267c0-72.533 59.733-128 128-128h396.8v-81.067c0-34.133-29.867-59.733-68.267-59.733zM904.533 341.334c0-34.133-25.6-59.733-59.733-59.733h-460.8c-17.067 0-34.133 8.533-42.667 21.333l132.267 145.067c4.267 4.267 8.533 4.267 12.8 0l51.2-55.467c12.8-12.8 29.867-12.8 38.4 0l166.4 187.733c4.267 4.267 8.533 4.267 12.8 0l153.6-166.4v-72.533zM904.533 503.467l-106.667 115.2c-25.6 29.867-68.267 29.867-93.867 0l-149.333-162.133-34.133 38.4c-25.6 29.867-68.267 29.867-93.867 0l-106.667-119.467v388.267c0 34.133 25.6 59.733 59.733 59.733h145.067c4.267 0 8.533 0 8.533-4.267l38.4-55.467c21.333-21.333 46.933-38.4 68.267-38.4h209.067c34.133 0 59.733-25.6 59.733-59.733v-162.133zM512 640c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667z" />
 <glyph unicode="&#xe965;" glyph-name="groups" data-tags="group" d="M686.933 640c0-93.867-76.8-170.667-170.667-170.667s-170.667 76.8-170.667 170.667 76.8 170.667 170.667 170.667 170.667-76.8 170.667-170.667zM516.267 742.4c-59.733 0-102.4-46.933-102.4-102.4s46.933-102.4 102.4-102.4 102.4 46.933 102.4 102.4-46.933 102.4-102.4 102.4zM298.667 520.534c0-68.267-55.467-128-128-128s-128 55.467-128 128 55.467 128 128 128 128-59.733 128-128zM170.667 597.334c-42.667 0-76.8-34.133-76.8-76.8s34.133-76.8 76.8-76.8 76.8 34.133 76.8 76.8-34.133 76.8-76.8 76.8zM981.333 520.534c0-68.267-55.467-128-128-128-68.267 0-128 55.467-128 128s55.467 128 128 128c68.267 0 128-59.733 128-128zM853.333 597.334c-42.667 0-76.8-34.133-76.8-76.8s34.133-76.8 76.8-76.8c42.667 0 76.8 34.133 76.8 76.8s-34.133 76.8-76.8 76.8zM610.133 375.467h-183.467c-93.867 0-174.933-76.8-174.933-174.933v-123.733c0-12.8 8.533-29.867 29.867-29.867 12.8 0 29.867 8.533 29.867 29.867v123.733c0 64 55.467 115.2 115.2 115.2h183.467c64 0 115.2-55.467 115.2-115.2v-123.733c0-12.8 8.533-29.867 29.867-29.867 12.8 0 29.867 8.533 29.867 29.867v123.733c0 93.867-81.067 174.933-174.933 174.933zM998.4 42.667c-17.067 0-34.133 12.8-34.133 34.133v98.133c0 42.667-34.133 76.8-76.8 76.8h-34.133c-17.067 0-34.133 12.8-34.133 34.133s12.8 34.133 34.133 34.133h34.133c76.8 0 140.8-64 140.8-140.8v-110.933c-4.267-12.8-12.8-21.333-29.867-25.6v0zM34.133 42.667c-17.067 0-34.133 12.8-34.133 34.133v98.133c0 76.8 59.733 140.8 140.8 140.8h34.133c21.333 0 34.133-17.067 34.133-34.133s-12.8-34.133-34.133-34.133h-29.867c-42.667 0-76.8-34.133-76.8-72.533v-98.133c0-21.333-17.067-34.133-34.133-34.133v0z" />
 <glyph unicode="&#xe966;" glyph-name="private" data-tags="private" d="M768 42.667v469.333h-512v-469.333h512zM384 686.934v-89.6h256v89.6c0 76.8-59.733 136.533-128 136.533s-128-59.733-128-136.533v0zM768 597.334c46.933 0 85.333-38.4 85.333-89.6v-460.8c0-51.2-38.4-89.6-85.333-89.6h-512c-46.933 0-85.333 42.667-85.333 89.6v460.8c0 46.933 38.4 89.6 85.333 89.6h42.667v89.6c0 123.733 93.867 221.867 213.333 221.867s213.333-98.133 213.333-221.867v-89.6h42.667zM516.267 183.467c-42.667 0-81.067 42.667-81.067 89.6s38.4 89.6 81.067 89.6 81.067-42.667 81.067-89.6-38.4-89.6-81.067-89.6v0z" />
-<glyph unicode="" glyph-name="private" data-tags="private" d="M768 42.667v469.333h-512v-469.333h512zM384 686.934v-89.6h256v89.6c0 76.8-59.733 136.533-128 136.533s-128-59.733-128-136.533v0zM768 597.334c46.933 0 85.333-38.4 85.333-89.6v-460.8c0-51.2-38.4-89.6-85.333-89.6h-512c-46.933 0-85.333 42.667-85.333 89.6v460.8c0 46.933 38.4 89.6 85.333 89.6h42.667v89.6c0 123.733 93.867 221.867 213.333 221.867s213.333-98.133 213.333-221.867v-89.6h42.667zM516.267 183.467c-42.667 0-81.067 42.667-81.067 89.6s38.4 89.6 81.067 89.6 81.067-42.667 81.067-89.6-38.4-89.6-81.067-89.6v0z" />
+<glyph unicode="&#xe967;" glyph-name="my_community" data-tags="my_community" d="M281.6 140.8v0c-76.8 0-140.8 34.133-192 89.6-42.667 46.933-68.267 110.933-68.267 174.933s21.333 123.733 64 174.933c46.933 55.467 115.2 85.333 183.467 85.333s153.6-12.8 217.6-89.6v-21.333l-85.333-102.4h-29.867c-25.6 34.133-64 51.2-106.667 51.2s-85.333-55.467-85.333-98.133 34.133-102.4 98.133-102.4 55.467 8.533 76.8 29.867l17.067 17.067c34.133 34.133 55.467 59.733 81.067 93.867s51.2 68.267 98.133 119.467c8.533 8.533 17.067 21.333 25.6 29.867 46.933 42.667 110.933 72.533 174.933 72.533v0c145.067 0 264.533-119.467 260.267-260.267 0-140.8-119.467-256-260.267-260.267-93.867 0-183.467 64-234.667 128-12.8-17.067-25.6-29.867-34.133-38.4-106.667-102.4-200.533-93.867-200.533-93.867zM546.133 290.134c46.933-64 136.533-115.2 209.067-115.2 128 0 230.4 102.4 230.4 226.133s-102.4 226.133-230.4 230.4c-59.733 0-115.2-21.333-153.6-59.733l-25.6-25.6c-46.933-51.2-72.533-89.6-98.133-119.467s-46.933-59.733-81.067-98.133l-21.333-21.333c-29.867-25.6-64-38.4-98.133-38.4-85.333 0-128 76.8-128 132.267s38.4 128 119.467 128 89.6-21.333 119.467-51.2l68.267 81.067c-51.2 55.467-110.933 68.267-183.467 68.267s-123.733-29.867-157.867-72.533c-38.4-42.667-55.467-98.133-55.467-153.6s21.333-110.933 59.733-153.6c42.667-46.933 102.4-76.8 166.4-76.8v0c72.533 0 136.533 29.867 179.2 81.067 55.467 55.467 157.867 192 166.4 200.533v0c29.867 55.467 72.533 81.067 128 81.067s136.533-59.733 132.267-132.267c0-68.267-59.733-128-132.267-128s-93.867 21.333-123.733 55.467c-8.533 12.8-17.067 34.133-21.333 55.467l-72.533-93.867zM652.8 439.467c-12.8-38.4-8.533-68.267 8.533-93.867 21.333-29.867 64-42.667 93.867-42.667 55.467 0 102.4 42.667 98.133 98.133 0 55.467-42.667 102.4-102.4 102.4s-64-8.533-98.133-59.733v0zM281.6 128c-76.8 0-149.333 34.133-204.8 93.867-46.933 51.2-72.533 119.467-72.533 183.467s25.6 132.267 68.267 183.467c46.933 59.733 119.467 89.6 196.267 89.6s162.133-12.8 230.4-93.867c8.533-8.533 8.533-21.333 0-38.4l-98.133-110.933c-17.067-8.533-29.867-8.533-42.667 0-25.6 29.867-59.733 46.933-93.867 46.933s-72.533-34.133-68.267-81.067 29.867-89.6 81.067-89.6 51.2 8.533 68.267 25.6c0 0 183.467 217.6 217.6 260.267 51.2 46.933 119.467 76.8 187.733 76.8s145.067-29.867 196.267-81.067 81.067-123.733 81.067-196.267c0-145.067-123.733-268.8-277.333-273.067-89.6 0-179.2 59.733-234.667 119.467-8.533-8.533-17.067-17.067-21.333-21.333-98.133-98.133-213.333-93.867-213.333-93.867zM563.2 290.134c46.933-55.467 128-102.4 192-102.4 119.467 0 213.333 93.867 213.333 209.067s-93.867 209.067-217.6 213.333c-55.467 0-106.667-21.333-145.067-55.467l-25.6-25.6c-34.133-38.4-55.467-68.267-76.8-93.867-8.533-8.533-12.8-17.067-21.333-25.6l-12.8-12.8c-21.333-25.6-89.6-106.667-89.6-106.667-34.133-34.133-68.267-42.667-106.667-42.667-98.133 0-140.8 89.6-140.8 149.333s51.2 145.067 132.267 145.067 85.333-17.067 115.2-42.667l46.933 55.467c-46.933 42.667-98.133 64-162.133 64s-115.2-25.6-149.333-76.8c-34.133-38.4-51.2-89.6-51.2-145.067s17.067-102.4 55.467-145.067c38.4-46.933 93.867-72.533 157.867-72.533s123.733 25.6 170.667 76.8c38.4 42.667 128 153.6 166.4 200.533 38.4 51.2 76.8 89.6 140.8 85.333s76.8-17.067 106.667-42.667c29.867-29.867 46.933-59.733 42.667-102.4 0-76.8-72.533-149.333-149.333-149.333s-145.067 85.333-149.333 93.867zM669.867 435.2c-12.8-29.867-4.267-55.467 8.533-76.8s55.467-38.4 81.067-38.4 42.667 8.533 59.733 25.6c12.8 17.067 25.6 42.667 21.333 64-8.533 42.667-29.867 76.8-85.333 76.8s-85.333-51.2-85.333-51.2z" />
+<glyph unicode="&#xe968;" glyph-name="magic_wand" data-tags="magic_wand" d="M964.267 456.534l-102.4 136.533 55.467 162.133c8.533 21.333 0 46.933-12.8 64-17.067 17.067-42.667 21.333-64 12.8l-162.133-55.467-136.533 102.4c-17.067 12.8-42.667 17.067-64 4.267-21.333-8.533-34.133-29.867-34.133-55.467v-170.667c0 0-136.533-98.133-136.533-98.133-17.067-12.8-29.867-34.133-25.6-59.733 0-12.8 8.533-25.6 17.067-34.133s17.067-12.8 25.6-17.067l119.467-38.4-384-366.933c-17.067-17.067-17.067-42.667 0-59.733s21.333-12.8 29.867-12.8 21.333 0 29.867 12.8l375.467 375.467 38.4-102.4c0-8.533 8.533-17.067 17.067-25.6s21.333-17.067 34.133-17.067c0 0 8.533 0 8.533 0 21.333 0 38.4 8.533 51.2 25.6l98.133 123.733h170.667c21.333 0 42.667 8.533 55.467 29.867 8.533 21.333 8.533 46.933-4.267 64zM721.067 448c-12.8 0-25.6-8.533-34.133-17.067l-85.333-119.467-42.667 136.533c0 12.8-12.8 25.6-29.867 29.867l-140.8 42.667 119.467 85.333c12.8 8.533 17.067 21.333 17.067 34.133v145.067s115.2-85.333 115.2-85.333c12.8-8.533 25.6-8.533 38.4-4.267l136.533 46.933-46.933-136.533c-4.267-12.8 0-29.867 4.267-38.4l85.333-115.2h-145.067z" />
+<glyph unicode="" glyph-name="magic_wand" data-tags="magic_wand" d="M964.267 456.534l-102.4 136.533 55.467 162.133c8.533 21.333 0 46.933-12.8 64-17.067 17.067-42.667 21.333-64 12.8l-162.133-55.467-136.533 102.4c-17.067 12.8-42.667 17.067-64 4.267-21.333-8.533-34.133-29.867-34.133-55.467v-170.667c0 0-136.533-98.133-136.533-98.133-17.067-12.8-29.867-34.133-25.6-59.733 0-12.8 8.533-25.6 17.067-34.133s17.067-12.8 25.6-17.067l119.467-38.4-384-366.933c-17.067-17.067-17.067-42.667 0-59.733s21.333-12.8 29.867-12.8 21.333 0 29.867 12.8l375.467 375.467 38.4-102.4c0-8.533 8.533-17.067 17.067-25.6s21.333-17.067 34.133-17.067c0 0 8.533 0 8.533 0 21.333 0 38.4 8.533 51.2 25.6l98.133 123.733h170.667c21.333 0 42.667 8.533 55.467 29.867 8.533 21.333 8.533 46.933-4.267 64zM721.067 448c-12.8 0-25.6-8.533-34.133-17.067l-85.333-119.467-42.667 136.533c0 12.8-12.8 25.6-29.867 29.867l-140.8 42.667 119.467 85.333c12.8 8.533 17.067 21.333 17.067 34.133v145.067s115.2-85.333 115.2-85.333c12.8-8.533 25.6-8.533 38.4-4.267l136.533 46.933-46.933-136.533c-4.267-12.8 0-29.867 4.267-38.4l85.333-115.2h-145.067z" />
 <glyph unicode="zoom_out_map" glyph-name="zoom_out_map" data-tags="zoom_out_map" d="M977.067 874.667c-4.267 8.533-8.533 12.8-17.067 17.067-4.267 0-8.533 4.267-12.8 4.267h-192c-17.067 0-38.4-12.8-38.4-38.4s12.8-38.4 38.4-38.4h106.667l-226.133-226.133c-12.8-12.8-12.8-38.4 0-51.2 4.267-4.267 12.8-8.533 25.6-8.533 8.533 0 17.067 4.267 25.6 8.533l217.6 230.4v-102.4c0-17.067 12.8-38.4 38.4-38.4s38.4 12.8 38.4 38.4v192c0 4.267-4.267 8.533-4.267 12.8zM392.533 307.2c-12.8 12.8-38.4 12.8-51.2 0l-226.133-226.133v106.667c0 17.067-12.8 38.4-38.4 38.4s-34.133-21.333-34.133-42.667v-192c0-4.267 0-8.533 4.267-12.8 4.267-8.533 8.533-12.8 17.067-17.067 4.267 0 8.533-4.267 12.8-4.267h192c17.067 0 38.4 12.8 38.4 38.4s-17.067 34.133-38.4 34.133h-102.4l226.133 226.133c12.8 17.067 12.8 38.4 0 51.2zM128 435.2c-17.067 0-38.4 12.8-38.4 38.4v243.2c0 72.533 55.467 128 128 132.267h238.933c17.067 0 38.4-12.8 38.4-38.4s-12.8-38.4-34.133-38.4h-234.667c-34.133 0-64-25.6-55.467-55.467v-243.2c-4.267-17.067-21.333-38.4-42.667-38.4zM797.867-0h-285.867c-17.067 0-38.4 12.8-38.4 38.4s12.8 38.4 38.4 38.4h285.867c34.133 0 55.467 29.867 55.467 64v243.2c0 17.067 12.8 38.4 38.4 38.4s38.4-12.8 38.4-38.4v-243.2c0-76.8-59.733-136.533-132.267-140.8z" />
 <glyph unicode="zoom_out" glyph-name="zoom_out" data-tags="zoom_out" d="M507.733 580.267h-209.067c-21.333 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h213.333c21.333 0 42.667 17.067 42.667 42.667s-25.6 42.667-46.933 42.667zM968.533 25.6l-285.867 290.133c110.933 136.533 106.667 345.6-25.6 477.867v0c-140.8 136.533-371.2 136.533-507.733 0-68.267-68.267-106.667-157.867-106.667-256s38.4-183.467 106.667-251.733c68.267-68.267 162.133-106.667 256-106.667v0c81.067 0 162.133 25.6 217.6 72.533l290.133-285.867c4.267-4.267 17.067-8.533 25.6-8.533 12.8 0 21.333 4.267 25.6 8.533 21.333 21.333 21.333 42.667 4.267 59.733zM405.333 264.534c-76.8 0-145.067 25.6-196.267 81.067s-81.067 119.467-81.067 192 25.6 145.067 81.067 196.267 128 81.067 196.267 81.067 145.067-25.6 196.267-81.067v0c55.467-51.2 81.067-123.733 81.067-196.267s-25.6-140.8-81.067-196.267c-55.467-55.467-119.467-76.8-196.267-76.8v0z" />
 <glyph unicode="zoom_in" glyph-name="zoom_in" data-tags="zoom_in" d="M968.533 25.6l-285.867 290.133c110.933 136.533 106.667 345.6-25.6 477.867v0c-140.8 136.533-371.2 136.533-507.733 0-68.267-68.267-106.667-157.867-106.667-256s38.4-183.467 106.667-251.733c68.267-68.267 162.133-106.667 256-106.667v0c81.067 0 162.133 25.6 217.6 72.533l290.133-285.867c4.267-4.267 17.067-8.533 25.6-8.533 12.8 0 21.333 4.267 25.6 8.533 21.333 21.333 21.333 42.667 4.267 59.733zM405.333 264.534c-76.8 0-145.067 25.6-196.267 81.067s-81.067 119.467-81.067 192 25.6 145.067 81.067 196.267 128 81.067 196.267 81.067 145.067-25.6 196.267-81.067v0c55.467-51.2 81.067-123.733 81.067-196.267s-25.6-140.8-81.067-196.267c-55.467-55.467-119.467-76.8-196.267-76.8v0zM512 576h-64v68.267c0 21.333-17.067 42.667-42.667 42.667s-42.667-21.333-42.667-42.667v-64h-59.733c-21.333 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h64v-64c0-21.333 17.067-42.667 42.667-42.667s42.667 17.067 42.667 42.667v64h59.733c21.333 0 42.667 17.067 42.667 42.667 0 29.867-21.333 38.4-42.667 38.4v0z" />
@@ -159,10 +161,12 @@
 <glyph unicode="outlined_flag" glyph-name="outlined_flag" data-tags="outlined_flag" d="M891.733 810.667c0 8.533 0 17.067-8.533 25.6-4.267 17.067-25.6 17.067-42.667 8.533h-4.267c0 0-38.4-29.867-149.333-29.867-59.733 0-106.667 21.333-162.133 38.4-59.733 17.067-110.933 42.667-187.733 42.667-136.533 0-187.733-42.667-192-46.933v0c-8.533-8.533-12.8-21.333-12.8-29.867v-823.467c0-25.6 17.067-38.4 38.4-38.4s38.4 21.333 38.4 38.4v315.733c21.333 4.267 59.733 21.333 128 21.333 59.733 0 106.667-21.333 153.6-38.4 59.733-21.333 110.933-42.667 183.467-42.667 119.467 0 166.4 25.6 192 42.667 4.267 0 4.267 4.267 8.533 4.267 0 0 4.267 0 4.267 4.267v0c8.533 8.533 12.8 17.067 12.8 25.6v482.133zM524.8 358.4c-59.733 21.333-110.933 42.667-183.467 42.667-64 0-106.667-8.533-136.533-21.333v418.133c17.067 8.533 59.733 25.6 136.533 25.6 55.467 0 102.4-21.333 157.867-38.4 59.733-21.333 115.2-42.667 187.733-42.667 55.467 0 98.133 8.533 128 17.067v-409.6c-12.8-8.533-51.2-29.867-136.533-29.867-51.2 0-98.133 17.067-153.6 38.4z" />
 <glyph unicode="notifications_off" glyph-name="notifications_off" data-tags="notifications_off" d="M576 25.6h-136.533c-21.333 0-34.133-12.8-34.133-34.133s12.8-34.133 34.133-34.133h132.267c21.333 0 34.133 12.8 34.133 34.133 4.267 21.333-8.533 34.133-29.867 34.133zM209.067 354.134c21.333 0 34.133 12.8 34.133 34.133v170.667c0 34.133 8.533 68.267 21.333 102.4 55.467 140.8 213.333 200.533 345.6 149.333 21.333-8.533 34.133 0 46.933 21.333 8.533 21.333 0 34.133-21.333 46.933v0c-162.133 55.467-362.667-21.333-430.933-196.267-21.333-38.4-25.6-81.067-25.6-128v-166.4c0-17.067 12.8-34.133 29.867-34.133zM55.467 17.067c-12.8-12.8-12.8-34.133 0-46.933s34.133-12.8 46.933 0v0l153.6 153.6h686.933c38.4 8.533 38.4 68.267 0 68.267h-21.333c-46.933 12.8-81.067 55.467-81.067 102.4v268.8c0 46.933-12.8 85.333-25.6 128l153.6 153.6c12.8 8.533 12.8 25.6 0 38.4s-34.133 12.8-46.933 0l-691.2-691.2zM763.733 631.467c8.533-25.6 12.8-46.933 12.8-72.533v-268.8c0-38.4 12.8-72.533 34.133-102.4h-486.4l439.467 443.733z" />
 <glyph unicode="notifications_active" glyph-name="notifications_active" data-tags="notifications_active" d="M878.933 226.134c-38.4 0-68.267 34.133-68.267 68.267v226.133c0 166.4-132.267 302.933-302.933 302.933s-298.667-136.533-298.667-302.933v-234.667c0-34.133-34.133-68.267-68.267-68.267-46.933 0-46.933-68.267 0-68.267h738.133c46.933 8.533 46.933 76.8 0 76.8zM277.333 290.134v230.4c0 128 106.667 234.667 234.667 234.667s234.667-106.667 234.667-234.667v-234.667c0-25.6 8.533-46.933 21.333-68.267h-512c12.8 21.333 21.333 46.933 21.333 72.533zM264.533 827.734c12.8 12.8 12.8 34.133 8.533 46.933-17.067 21.333-34.133 21.333-51.2 12.8-110.933-81.067-179.2-213.333-179.2-354.133 0-21.333 12.8-34.133 34.133-34.133 12.8 0 34.133 12.8 34.133 34.133v0c0 119.467 51.2 226.133 153.6 294.4zM802.133 887.467c-17.067 12.8-34.133 8.533-46.933-4.267s-8.533-34.133 8.533-46.933c89.6-68.267 149.333-183.467 149.333-302.933 0-21.333 12.8-34.133 34.133-34.133s34.133 12.8 34.133 34.133v0c0 140.8-68.267 273.067-179.2 354.133zM580.267 25.6h-136.533c-21.333 0-34.133-12.8-34.133-34.133 0-17.067 17.067-34.133 34.133-34.133h132.267c21.333 0 34.133 12.8 34.133 34.133 4.267 21.333-12.8 34.133-29.867 34.133z" />
+<glyph unicode="my_community" glyph-name="my_community" data-tags="my_community" d="M281.6 140.8v0c-76.8 0-140.8 34.133-192 89.6-42.667 46.933-68.267 110.933-68.267 174.933s21.333 123.733 64 174.933c46.933 55.467 115.2 85.333 183.467 85.333s153.6-12.8 217.6-89.6v-21.333l-85.333-102.4h-29.867c-25.6 34.133-64 51.2-106.667 51.2s-85.333-55.467-85.333-98.133 34.133-102.4 98.133-102.4 55.467 8.533 76.8 29.867l17.067 17.067c34.133 34.133 55.467 59.733 81.067 93.867s51.2 68.267 98.133 119.467c8.533 8.533 17.067 21.333 25.6 29.867 46.933 42.667 110.933 72.533 174.933 72.533v0c145.067 0 264.533-119.467 260.267-260.267 0-140.8-119.467-256-260.267-260.267-93.867 0-183.467 64-234.667 128-12.8-17.067-25.6-29.867-34.133-38.4-106.667-102.4-200.533-93.867-200.533-93.867zM546.133 290.134c46.933-64 136.533-115.2 209.067-115.2 128 0 230.4 102.4 230.4 226.133s-102.4 226.133-230.4 230.4c-59.733 0-115.2-21.333-153.6-59.733l-25.6-25.6c-46.933-51.2-72.533-89.6-98.133-119.467s-46.933-59.733-81.067-98.133l-21.333-21.333c-29.867-25.6-64-38.4-98.133-38.4-85.333 0-128 76.8-128 132.267s38.4 128 119.467 128 89.6-21.333 119.467-51.2l68.267 81.067c-51.2 55.467-110.933 68.267-183.467 68.267s-123.733-29.867-157.867-72.533c-38.4-42.667-55.467-98.133-55.467-153.6s21.333-110.933 59.733-153.6c42.667-46.933 102.4-76.8 166.4-76.8v0c72.533 0 136.533 29.867 179.2 81.067 55.467 55.467 157.867 192 166.4 200.533v0c29.867 55.467 72.533 81.067 128 81.067s136.533-59.733 132.267-132.267c0-68.267-59.733-128-132.267-128s-93.867 21.333-123.733 55.467c-8.533 12.8-17.067 34.133-21.333 55.467l-72.533-93.867zM652.8 439.467c-12.8-38.4-8.533-68.267 8.533-93.867 21.333-29.867 64-42.667 93.867-42.667 55.467 0 102.4 42.667 98.133 98.133 0 55.467-42.667 102.4-102.4 102.4s-64-8.533-98.133-59.733v0zM281.6 128c-76.8 0-149.333 34.133-204.8 93.867-46.933 51.2-72.533 119.467-72.533 183.467s25.6 132.267 68.267 183.467c46.933 59.733 119.467 89.6 196.267 89.6s162.133-12.8 230.4-93.867c8.533-8.533 8.533-21.333 0-38.4l-98.133-110.933c-17.067-8.533-29.867-8.533-42.667 0-25.6 29.867-59.733 46.933-93.867 46.933s-72.533-34.133-68.267-81.067 29.867-89.6 81.067-89.6 51.2 8.533 68.267 25.6c0 0 183.467 217.6 217.6 260.267 51.2 46.933 119.467 76.8 187.733 76.8s145.067-29.867 196.267-81.067 81.067-123.733 81.067-196.267c0-145.067-123.733-268.8-277.333-273.067-89.6 0-179.2 59.733-234.667 119.467-8.533-8.533-17.067-17.067-21.333-21.333-98.133-98.133-213.333-93.867-213.333-93.867zM563.2 290.134c46.933-55.467 128-102.4 192-102.4 119.467 0 213.333 93.867 213.333 209.067s-93.867 209.067-217.6 213.333c-55.467 0-106.667-21.333-145.067-55.467l-25.6-25.6c-34.133-38.4-55.467-68.267-76.8-93.867-8.533-8.533-12.8-17.067-21.333-25.6l-12.8-12.8c-21.333-25.6-89.6-106.667-89.6-106.667-34.133-34.133-68.267-42.667-106.667-42.667-98.133 0-140.8 89.6-140.8 149.333s51.2 145.067 132.267 145.067 85.333-17.067 115.2-42.667l46.933 55.467c-46.933 42.667-98.133 64-162.133 64s-115.2-25.6-149.333-76.8c-34.133-38.4-51.2-89.6-51.2-145.067s17.067-102.4 55.467-145.067c38.4-46.933 93.867-72.533 157.867-72.533s123.733 25.6 170.667 76.8c38.4 42.667 128 153.6 166.4 200.533 38.4 51.2 76.8 89.6 140.8 85.333s76.8-17.067 106.667-42.667c29.867-29.867 46.933-59.733 42.667-102.4 0-76.8-72.533-149.333-149.333-149.333s-145.067 85.333-149.333 93.867zM669.867 435.2c-12.8-29.867-4.267-55.467 8.533-76.8s55.467-38.4 81.067-38.4 42.667 8.533 59.733 25.6c12.8 17.067 25.6 42.667 21.333 64-8.533 42.667-29.867 76.8-85.333 76.8s-85.333-51.2-85.333-51.2z" />
 <glyph unicode="movie" glyph-name="movie" data-tags="movie" d="M878.933 896h-733.867c-55.467 0-102.4-46.933-102.4-102.4v-738.133c0-51.2 46.933-98.133 102.4-98.133h738.133c55.467 0 102.4 46.933 102.4 102.4v733.867c-4.267 55.467-51.2 102.4-106.667 102.4zM913.067 793.6v-132.267h-256l72.533 166.4h149.333c21.333 0 34.133-12.8 34.133-34.133zM661.333 827.734l-72.533-166.4h-230.4l72.533 166.4c0 0 230.4 0 230.4 0zM145.067 827.734h213.333l-72.533-166.4h-174.933v132.267c0 21.333 12.8 34.133 34.133 34.133zM913.067 59.734c0-21.333-12.8-34.133-34.133-34.133h-733.867c-21.333 0-34.133 12.8-34.133 34.133v533.333h806.4v-533.333h-4.267zM686.933 366.934l-226.133 128c-8.533 4.267-17.067 4.267-21.333 4.267-34.133 8.533-59.733-21.333-59.733-55.467v-268.8c0-8.533 0-12.8 8.533-21.333 12.8-25.6 46.933-46.933 72.533-34.133l226.133 132.267c8.533 8.533 12.8 12.8 21.333 21.333 12.8 38.4 4.267 81.067-21.333 93.867zM443.733 204.8v221.867l187.733-106.667-187.733-115.2z" />
 <glyph unicode="more_vert" glyph-name="more_vert" data-tags="more_vert" d="M597.333 810.667c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333zM597.333 426.667c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333zM597.333 42.667c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333z" />
 <glyph unicode="more_circle" glyph-name="more_circle" data-tags="more_circle" d="M512-42.666c-119.467 0-243.2 42.667-332.8 136.533-183.467 183.467-183.467 482.133 0 665.6 89.6 89.6 209.067 136.533 332.8 136.533v0c123.733 0 243.2-46.933 332.8-136.533v0c89.6-89.6 136.533-209.067 136.533-328.533s-46.933-243.2-136.533-328.533c-89.6-102.4-213.333-145.067-332.8-145.067zM512 832v0c-106.667 0-209.067-42.667-290.133-119.467-153.6-157.867-153.6-413.867 0-571.733 157.867-157.867 418.133-157.867 571.733 0 76.8 76.8 119.467 174.933 119.467 285.867 0 106.667-38.4 209.067-119.467 285.867v0 0c-72.533 72.533-174.933 119.467-281.6 119.467zM563.2 456.534c17.067-17.067 17.067-46.933 0-64s-46.933-17.067-68.267 0c-17.067 17.067-17.067 46.933 0 64 21.333 17.067 46.933 17.067 68.267 0v0zM738.133 456.534c17.067-17.067 17.067-46.933 0-64s-46.933-17.067-68.267 0-17.067 46.933 0 64c25.6 17.067 51.2 17.067 68.267 0v0zM384 456.534c17.067-17.067 17.067-46.933 0-64s-46.933-17.067-68.267 0c-17.067 17.067-17.067 46.933 0 64 25.6 17.067 51.2 17.067 68.267 0v0z" />
 <glyph unicode="menu" glyph-name="menu" data-tags="menu" d="M896 665.6h-768c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h768c25.6 0 42.667-17.067 42.667-42.667v0c0-21.333-17.067-42.667-42.667-42.667zM896 384h-768c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h768c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667zM896 102.4h-768c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h768c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667z" />
+<glyph unicode="magic_wand" glyph-name="magic_wand" data-tags="magic_wand" d="M964.267 456.534l-102.4 136.533 55.467 162.133c8.533 21.333 0 46.933-12.8 64-17.067 17.067-42.667 21.333-64 12.8l-162.133-55.467-136.533 102.4c-17.067 12.8-42.667 17.067-64 4.267-21.333-8.533-34.133-29.867-34.133-55.467v-170.667c0 0-136.533-98.133-136.533-98.133-17.067-12.8-29.867-34.133-25.6-59.733 0-12.8 8.533-25.6 17.067-34.133s17.067-12.8 25.6-17.067l119.467-38.4-384-366.933c-17.067-17.067-17.067-42.667 0-59.733s21.333-12.8 29.867-12.8 21.333 0 29.867 12.8l375.467 375.467 38.4-102.4c0-8.533 8.533-17.067 17.067-25.6s21.333-17.067 34.133-17.067c0 0 8.533 0 8.533 0 21.333 0 38.4 8.533 51.2 25.6l98.133 123.733h170.667c21.333 0 42.667 8.533 55.467 29.867 8.533 21.333 8.533 46.933-4.267 64zM721.067 448c-12.8 0-25.6-8.533-34.133-17.067l-85.333-119.467-42.667 136.533c0 12.8-12.8 25.6-29.867 29.867l-140.8 42.667 119.467 85.333c12.8 8.533 17.067 21.333 17.067 34.133v145.067s115.2-85.333 115.2-85.333c12.8-8.533 25.6-8.533 38.4-4.267l136.533 46.933-46.933-136.533c-4.267-12.8 0-29.867 4.267-38.4l85.333-115.2h-145.067z" />
 <glyph unicode="list" glyph-name="list" data-tags="list" d="M934.4 384h-597.333c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h597.333c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667zM170.667 384h-85.333c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h85.333c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667zM934.4 682.667h-597.333c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h597.333c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667zM170.667 682.667h-85.333c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h85.333c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667zM934.4 85.334h-597.333c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h597.333c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667zM170.667 85.334h-85.333c-25.6 0-42.667 17.067-42.667 42.667v0c0 25.6 17.067 42.667 42.667 42.667h85.333c25.6 0 42.667-17.067 42.667-42.667v0c0-25.6-17.067-42.667-42.667-42.667z" />
 <glyph unicode="linkedin" glyph-name="linkedin" data-tags="linkedin" d="M366.72 230.998c-25.6 0-42.667 17.067-42.667 42.667v213.333c0 25.6 17.067 42.667 42.667 42.667s42.667-17.067 42.667-42.667v-213.333c4.267-17.067-17.067-42.667-42.667-42.667zM507.52 230.998c-25.6 0-42.667 17.067-42.667 42.667v128c0 72.533 59.733 132.267 132.267 132.267v0c72.533 0 132.267-59.733 132.267-132.267v-128c0-25.6-17.067-42.667-42.667-42.667s-42.667 17.067-42.667 42.667v128c0 25.6-21.333 42.667-42.667 42.667v0c-25.6 0-42.667-21.333-42.667-42.667v-128c-4.267-17.067-25.6-42.667-51.2-42.667zM366.72 559.531c-29.867 0-55.467 21.333-55.467 51.2 0 17.067 8.533 29.867 17.067 38.4 4.267 8.533 8.533 8.533 12.8 12.8 8.533 4.267 12.8 4.267 21.333 4.267 25.6 0 51.2-21.333 51.2-51.2s-17.067-55.467-46.933-55.467v0zM511.787-42.069c-123.733 0-238.933 42.667-332.8 136.533-183.467 183.467-183.467 482.133 0 665.6s482.133 183.467 665.6 0v0 0c89.6-89.6 136.533-209.067 136.533-332.8s-46.933-243.2-140.8-332.8c-85.333-89.6-209.067-136.533-328.533-136.533zM511.787 832.598c-106.667 0-204.8-38.4-285.867-119.467-153.6-157.867-153.6-413.867 4.267-571.733s413.867-157.867 571.733 0c76.8 72.533 119.467 179.2 119.467 285.867 0 110.933-42.667 209.067-119.467 285.867v0 0c-81.067 81.067-183.467 119.467-290.133 119.467z" />
 <glyph unicode="link" glyph-name="link" data-tags="link" d="M729.6 678.4h-119.467c-128 0-230.4-102.4-230.4-230.4 0-21.333 17.067-34.133 34.133-34.133 21.333 0 34.133 17.067 34.133 34.133 0 85.333 68.267 157.867 157.867 157.867h119.467c98.133 0 179.2-81.067 179.2-179.2s-81.067-179.2-179.2-179.2h-25.6c-21.333 0-34.133-17.067-34.133-34.133 0-21.333 17.067-34.133 34.133-34.133h25.6c140.8 0 251.733 115.2 251.733 251.733 4.267 136.533-110.933 247.467-247.467 247.467zM610.133 439.467c-21.333 0-34.133-17.067-34.133-34.133 0-85.333-68.267-157.867-157.867-157.867h-119.467c-98.133 0-179.2 81.067-179.2 179.2s81.067 179.2 179.2 179.2h25.6c21.333 0 34.133 17.067 34.133 34.133 0 21.333-17.067 34.133-34.133 34.133h-25.6c-140.8 4.267-256-106.667-256-247.467s115.2-251.733 251.733-251.733h119.467c128 0 230.4 102.4 230.4 230.4 0 17.067-17.067 34.133-34.133 34.133z" />

package/lib/cjs/fonts/community-icons.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'community-icons';
-  src:  url('./community/icons.eot?bf7hns');
-  src:  url('./community/icons.eot?bf7hns#iefix') format('embedded-opentype'),
-  url('./community/icons.woff2?bf7hns') format('woff2'),
-  url('./community/icons.ttf?bf7hns') format('truetype'),
-  url('./community/icons.woff?bf7hns') format('woff'),
-  url('./community/icons.svg?bf7hns#community') format('svg');
+  src:  url('./community/icons.eot?nahfha');
+  src:  url('./community/icons.eot?nahfha#iefix') format('embedded-opentype'),
+  url('./community/icons.woff2?nahfha') format('woff2'),
+  url('./community/icons.ttf?nahfha') format('truetype'),
+  url('./community/icons.woff?nahfha') format('woff'),
+  url('./community/icons.svg?nahfha#community-icons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -36,6 +36,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-my_community:before {
+	content: "\e967";
+}
+.icon-magic_wand:before {
+	content: "\e968";
+}
 .icon-private:before {
   content: "\e966";
 }
@@ -344,4 +350,4 @@
 }
 .icon-zoom_out:before {
   content: "\e961";
-}
+}

package/lib/cjs/index.d.ts

@@ -695,6 +695,9 @@ declare const theme: {
             styleOverrides: {
                 root: ({ theme }: any) => {
                     '& .SCCategoryHeader-cover': {
+                        [x: number]: {
+                            borderRadius: any;
+                        };
                         display: string;
                         flexDirection: string;
                         justifyContent: string;
@@ -742,7 +745,13 @@ declare const theme: {
                         };
                     };
                 };
-                skeletonRoot: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {
+                    '& .SCCategoryHeader-skeleton-cover': {
+                        [x: number]: {
+                            borderRadius: any;
+                        };
+                    };
+                };
             };
         };
         SCCategoryTemplate: {
@@ -1781,6 +1790,25 @@ declare const theme: {
                                 fontWeight: any;
                             };
                         };
+                        '& .SCFeedObject-group': {
+                            marginRight: string;
+                        };
+                    };
+                    '& .SCFeedObject-group': {
+                        justifyContent: string;
+                        padding: any;
+                        '& a': {
+                            padding: any;
+                            marginBottom: any;
+                            color: any;
+                            '&:hover': {
+                                backgroundColor: any;
+                            };
+                            '& span': {
+                                color: any;
+                                textTransform: string;
+                            };
+                        };
                     };
                     '& .SCFeedObject-content': {
                         padding: any;
@@ -1842,6 +1870,19 @@ declare const theme: {
                         '& .SCFeedObject-category': {
                             borderBottom: string;
                             margin: any;
+                            '& .SCFeedObject-group': {
+                                borderBottom: string;
+                                margin: any;
+                                '& .MuiChip-icon': {
+                                    marginLeft: any;
+                                    marginRight: any;
+                                    fontWeight: any;
+                                };
+                            };
+                        };
+                        '& .SCFeedObject-group': {
+                            borderBottom: string;
+                            margin: any;
                         };
                         '& .SCFeedObject-header': {
                             '& .MuiCardHeader-avatar': {
@@ -3248,7 +3289,7 @@ declare const theme: {
                         marginRight: any;
                         '& img': {
                             verticalAlign: string;
-                            maxHeight: any;
+                            maxHeight: number;
                         };
                     };
                     '& .SCNavigationToolbar-navigation': {
@@ -3642,6 +3683,7 @@ declare const theme: {
                         maxWidth: string;
                     };
                 };
+                groupRoot: ({ theme }: any) => {};
                 undeletedForRoot: ({ theme }: any) => {
                     '& .SCNotification-undeleted-icon': {
                         backgroundColor: "#f44336";
@@ -4055,6 +4097,11 @@ declare const theme: {
                         borderRadius: number;
                         fontSize: string;
                     };
+                    '& .SCUser-group-admin-badge-label': {
+                        marginLeft: any;
+                        fontSize: string;
+                        color: any;
+                    };
                     '& .SCBaseItemButton-primary': {
                         fontWeight: any;
                     };
@@ -4141,7 +4188,7 @@ declare const theme: {
                 root: ({ theme }: any) => {
                     '& .SCUserProfileHeader-cover': {
                         [x: number]: {
-                            margin: any;
+                            borderRadius: any;
                         };
                         position: string;
                         height: number;
@@ -4209,7 +4256,7 @@ declare const theme: {
                     position: string;
                     '& .SCUserProfileHeader-cover': {
                         [x: number]: {
-                            margin: any;
+                            borderRadius: any;
                         };
                         height: number;
                     };
@@ -4546,6 +4593,7 @@ declare const theme: {
                 root: ({ theme }: any) => {
                     height: string;
                     width: string;
+                    borderRadius: number;
                     '& .MuiCardContent-root': {
                         display: string;
                         flexDirection: string;
@@ -4665,6 +4713,17 @@ declare const theme: {
                                 };
                             };
                         };
+                        '& .SCPrivateMessageThread-item': {
+                            display: string;
+                            marginBottom: any;
+                            '& .SCPrivateMessageThread-avatar': {
+                                marginRight: any;
+                                '& img': {
+                                    height: any;
+                                    width: any;
+                                };
+                            };
+                        };
                     };
                     '& .SCPrivateMessageThread-empty-message': {
                         height: string;
@@ -4759,6 +4818,7 @@ declare const theme: {
         SCPrivateMessageThreadItem: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    flexDirection: string;
                     borderRadius: any;
                     padding: any;
                     boxShadow: string;
@@ -4777,6 +4837,10 @@ declare const theme: {
                         right: any;
                         padding: any;
                     };
+                    '& .SCPrivateMessageThreadItem-username': {
+                        marginRight: string;
+                        marginBottom: any;
+                    };
                     '& .SCPrivateMessageThreadItem-text': {
                         display: string;
                         alignItems: string;
@@ -5541,10 +5605,6 @@ declare const theme: {
                     '& .SCGroupHeader-cover': {
                         [x: number]: {
                             borderRadius: any;
-                            margin?: undefined;
-                        } | {
-                            margin: any;
-                            borderRadius?: undefined;
                         };
                         position: string;
                         height: number;
@@ -5554,6 +5614,7 @@ declare const theme: {
                         boxShadow: string;
                     };
                     '& .SCGroupHeader-info': {
+                        marginTop: any;
                         display: string;
                         flexDirection: string;
                         justifyContent: string;
@@ -5584,6 +5645,9 @@ declare const theme: {
                             marginLeft: string;
                             marginTop: any;
                         };
+                        '& .SCGroupSubscribeButton-root': {
+                            marginTop: any;
+                        };
                     };
                     '& .SCGroupHeader-avatar': {
                         top: number;
@@ -5622,7 +5686,7 @@ declare const theme: {
                     position: string;
                     '& .SCGroupHeader-cover': {
                         [x: number]: {
-                            margin: any;
+                            borderRadius: any;
                         };
                         height: number;
                     };
@@ -5818,6 +5882,9 @@ declare const theme: {
                     '& .SCGroupInviteButton-invited-box': {
                         marginTop: any;
                         marginBottom: any;
+                        '& .MuiChip-root': {
+                            marginBottom: any;
+                        };
                     };
                     '& .SCGroupInviteButton-suggested': {
                         '& h4': {
@@ -5883,7 +5950,12 @@ declare const theme: {
                         };
                     };
                     '& .SCBaseItemButton-primary': {
+                        display: string;
+                        alignItems: string;
                         fontWeight: any;
+                        '& .SCGroup-icon': {
+                            marginLeft: any;
+                        };
                     };
                     '& .SCBaseItemButton-secondary': {
                         fontSize: string;
@@ -5905,6 +5977,9 @@ declare const theme: {
                     '& .SCCategoryTemplate-feed': {
                         marginTop: any;
                     };
+                    '& .SCGroupInfoWidget-root': {
+                        marginTop: any;
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     [x: number]: {
@@ -5948,10 +6023,24 @@ declare const theme: {
         SCGroups: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    '& .SCGroups-skeleton-root ': {
+                        '& .MuiGrid-item': {
+                            paddingTop: number;
+                        };
+                    };
+                    '& .MuiGrid-container': {
+                        justifyContent: string;
+                    };
+                    '& .SCGroups-filters': {
+                        marginTop: any;
+                        marginBottom: any;
+                    };
                     '& .SCGroups-groups': {
                         marginTop: any;
                         '& .SCGroups-item': {
-                            padding: any;
+                            [x: number]: {
+                                padding: any;
+                            };
                             width: string;
                             '& > div': {
                                 cursor: string;
@@ -5960,6 +6049,7 @@ declare const theme: {
                         };
                     };
                     '& .SCGroups-no-results': {
+                        marginTop: any;
                         display: string;
                         flexDirection: string;
                         justifyContent: string;
@@ -5973,6 +6063,17 @@ declare const theme: {
                             fontSize: any;
                         };
                     };
+                    '& .SCGroups-end-message': {
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        '& .MuiButtonBase-root': {
+                            paddingLeft: any;
+                            '&.Mui-selected, &:hover': {
+                                backgroundColor: string;
+                            };
+                        };
+                    };
                 };
                 skeletonRoot: ({ theme }: any) => {
                     '& .SCGroups-groups': {
@@ -6002,6 +6103,38 @@ declare const theme: {
                 root: ({ theme }: any) => {};
             };
         };
+        SCGroupSettingsIconButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                menuRoot: ({ theme }: any) => {
+                    '& .SCGroupSettingsIconButton-paper': {
+                        maxWidth: number;
+                        padding: any;
+                    };
+                };
+                drawerRoot: ({ theme }: any) => {
+                    '& .MuiList-root': {
+                        '& a': {
+                            color: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCGroupInvitedWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
+        SCUserSubscribedGroupsWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                skeletonRoot: ({ theme }: any) => {};
+                dialogRoot: ({ theme }: any) => {};
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -135,6 +135,9 @@ const SCGroupRequestsWidget_1 = tslib_1.__importDefault(require("./components/SC
 const SCGroups_1 = tslib_1.__importDefault(require("./components/SCGroups"));
 const SCEditGroupButton_1 = tslib_1.__importDefault(require("./components/SCEditGroupButton"));
 const SCGroupAutocomplete_1 = tslib_1.__importDefault(require("./components/SCGroupAutocomplete"));
+const SCGroupSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCGroupSettingsIconButton"));
+const SCGroupInvitedWidget_1 = tslib_1.__importDefault(require("./components/SCGroupInvitedWidget"));
+const SCUserSubscribedGroupsWidget_1 = tslib_1.__importDefault(require("./components/SCUserSubscribedGroupsWidget"));
 /**
  * Style fragments - Imports - End
  */
@@ -330,7 +333,10 @@ const theme = {
         SCGroupRequestsWidget: SCGroupRequestsWidget_1.default,
         SCGroups: SCGroups_1.default,
         SCEditGroupButton: SCEditGroupButton_1.default,
-        SCGroupAutocomplete: SCGroupAutocomplete_1.default
+        SCGroupAutocomplete: SCGroupAutocomplete_1.default,
+        SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default,
+        SCGroupInvitedWidget: SCGroupInvitedWidget_1.default,
+        SCUserSubscribedGroupsWidget: SCUserSubscribedGroupsWidget_1.default
     },
     selfcommunity: {
         user: {
@@ -353,7 +359,7 @@ const theme = {
                 sizeSmall: 40,
                 sizeMedium: 60,
                 sizeLarge: 90,
-                sizeXLarge: 120
+                sizeXLarge: 205
             }
         }
     }

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

@@ -7,6 +7,9 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             '& .SCCategoryHeader-cover': {
+                [x: number]: {
+                    borderRadius: any;
+                };
                 display: string;
                 flexDirection: string;
                 justifyContent: string;
@@ -54,7 +57,13 @@ declare const Component: {
                 };
             };
         };
-        skeletonRoot: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {
+            '& .SCCategoryHeader-skeleton-cover': {
+                [x: number]: {
+                    borderRadius: any;
+                };
+            };
+        };
     };
 };
 export default Component;