@selfcommunity/react-theme-default 0.1.9-alpha.43 → 0.1.9-alpha.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/lib/cjs/components/SCCategoryHeader.d.ts +3 -0
  2. package/lib/cjs/components/SCCategoryHeader.js +5 -2
  3. package/lib/cjs/components/SCGroupHeader.d.ts +0 -4
  4. package/lib/cjs/components/SCGroupHeader.js +1 -4
  5. package/lib/cjs/components/SCGroupInvitedWidget.d.ts +8 -0
  6. package/lib/cjs/components/SCGroupInvitedWidget.js +10 -0
  7. package/lib/cjs/components/SCGroupMembersWidget.d.ts +0 -4
  8. package/lib/cjs/components/SCGroupMembersWidget.js +0 -4
  9. package/lib/cjs/components/SCPrivateMessageSnippets.d.ts +1 -0
  10. package/lib/cjs/components/SCPrivateMessageSnippets.js +1 -0
  11. package/lib/cjs/components/SCPrivateMessageThread.js +2 -2
  12. package/lib/cjs/components/SCUser.d.ts +5 -0
  13. package/lib/cjs/components/SCUser.js +5 -0
  14. package/lib/cjs/components/SCUserProfileHeader.d.ts +1 -1
  15. package/lib/cjs/components/SCUserProfileHeader.js +4 -4
  16. package/lib/cjs/index.d.ts +17 -9
  17. package/lib/cjs/index.js +3 -1
  18. package/lib/esm/components/SCCategoryHeader.d.ts +3 -0
  19. package/lib/esm/components/SCCategoryHeader.js +5 -2
  20. package/lib/esm/components/SCGroupHeader.d.ts +0 -4
  21. package/lib/esm/components/SCGroupHeader.js +1 -4
  22. package/lib/esm/components/SCGroupInvitedWidget.d.ts +8 -0
  23. package/lib/esm/components/SCGroupInvitedWidget.js +8 -0
  24. package/lib/esm/components/SCGroupMembersWidget.d.ts +0 -4
  25. package/lib/esm/components/SCGroupMembersWidget.js +0 -4
  26. package/lib/esm/components/SCPrivateMessageSnippets.d.ts +1 -0
  27. package/lib/esm/components/SCPrivateMessageSnippets.js +1 -0
  28. package/lib/esm/components/SCPrivateMessageThread.js +2 -2
  29. package/lib/esm/components/SCUser.d.ts +5 -0
  30. package/lib/esm/components/SCUser.js +5 -0
  31. package/lib/esm/components/SCUserProfileHeader.d.ts +1 -1
  32. package/lib/esm/components/SCUserProfileHeader.js +4 -4
  33. package/lib/esm/index.d.ts +17 -9
  34. package/lib/esm/index.js +3 -1
  35. package/lib/umd/react-theme-default.js +2 -2
  36. package/package.json +4 -4
@@ -7,6 +7,9 @@ declare const Component: {
7
7
  styleOverrides: {
8
8
  root: ({ theme }: any) => {
9
9
  '& .SCCategoryHeader-cover': {
10
+ [x: number]: {
11
+ borderRadius: any;
12
+ };
10
13
  display: string;
11
14
  flexDirection: string;
12
15
  justifyContent: string;
@@ -13,11 +13,14 @@ const Component = {
13
13
  flexDirection: 'column',
14
14
  justifyContent: 'center',
15
15
  alignItems: 'center',
16
- minHeight: 230,
16
+ minHeight: 150,
17
17
  color: '#FFF',
18
18
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
19
19
  height: 230,
20
- borderRadius: 0
20
+ borderRadius: 0,
21
+ [theme.breakpoints.up('md')]: {
22
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
23
+ }
21
24
  },
22
25
  '& .SCCategoryHeader-info': {
23
26
  paddingLeft: theme.spacing(2),
@@ -4,10 +4,6 @@ declare const Component: {
4
4
  '& .SCGroupHeader-cover': {
5
5
  [x: number]: {
6
6
  borderRadius: any;
7
- margin?: undefined;
8
- } | {
9
- margin: any;
10
- borderRadius?: undefined;
11
7
  };
12
8
  position: string;
13
9
  height: number;
@@ -5,16 +5,13 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCGroupHeader-cover': {
7
7
  position: 'relative',
8
- height: 150,
8
+ height: 230,
9
9
  minHeight: 150,
10
10
  borderRadius: 0,
11
11
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
12
12
  boxShadow: 'unset',
13
13
  [theme.breakpoints.up('md')]: {
14
14
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
15
- },
16
- [theme.breakpoints.up('lg')]: {
17
- margin: theme.spacing(0, -5, 0, -5)
18
15
  }
19
16
  },
20
17
  '& .SCGroupHeader-info': {
@@ -0,0 +1,8 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {};
4
+ skeletonRoot: ({ theme }: any) => {};
5
+ dialogRoot: ({ theme }: any) => {};
6
+ };
7
+ };
8
+ export default Component;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({}),
6
+ skeletonRoot: ({ theme }) => ({}),
7
+ dialogRoot: ({ theme }) => ({})
8
+ }
9
+ };
10
+ exports.default = Component;
@@ -4,10 +4,6 @@ declare const Component: {
4
4
  '& .SCGroupMembersWidget-actions': {
5
5
  margin: any;
6
6
  };
7
- '& .SCGroupMembersWidget-badge': {
8
- width: any;
9
- height: any;
10
- };
11
7
  };
12
8
  skeletonRoot: ({ theme }: any) => {};
13
9
  dialogRoot: ({ theme }: any) => {};
@@ -5,10 +5,6 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCGroupMembersWidget-actions': {
7
7
  margin: theme.spacing(0, 0, 2, 1)
8
- },
9
- '& .SCGroupMembersWidget-badge': {
10
- width: theme.selfcommunity.user.avatar.sizeSmall,
11
- height: theme.selfcommunity.user.avatar.sizeSmall
12
8
  }
13
9
  }),
14
10
  skeletonRoot: ({ theme }) => ({}),
@@ -3,6 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  height: string;
5
5
  width: string;
6
+ borderRadius: number;
6
7
  '& .MuiCardContent-root': {
7
8
  display: string;
8
9
  flexDirection: string;
@@ -5,6 +5,7 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  height: '100%',
7
7
  width: '100%',
8
+ borderRadius: 0,
8
9
  '& .MuiCardContent-root': {
9
10
  display: 'flex',
10
11
  flexDirection: 'column',
@@ -6,7 +6,7 @@ const Component = {
6
6
  root: ({ theme }) => ({
7
7
  height: '100%',
8
8
  width: '100%',
9
- backgroundColor: (0, system_1.alpha)(theme.palette.common.white, theme.palette.action.selectedOpacity),
9
+ backgroundColor: (0, system_1.alpha)(theme.palette.common.white, 0.5),
10
10
  borderRadius: 0,
11
11
  '& .MuiCardContent-root': {
12
12
  display: 'flex',
@@ -97,7 +97,7 @@ const Component = {
97
97
  height: theme.mixins.toolbar.minHeight,
98
98
  alignItems: 'center',
99
99
  justifyContent: 'center',
100
- backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
100
+ backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
101
101
  '& .SCPrivateMessageThread-new-message-header-content': {
102
102
  display: 'flex',
103
103
  alignItems: 'center',
@@ -22,6 +22,11 @@ declare const Component: {
22
22
  borderRadius: number;
23
23
  fontSize: string;
24
24
  };
25
+ '& .SCUser-group-admin-badge-label': {
26
+ marginLeft: any;
27
+ fontSize: string;
28
+ color: any;
29
+ };
25
30
  '& .SCBaseItemButton-primary': {
26
31
  fontWeight: any;
27
32
  };
@@ -24,6 +24,11 @@ const Component = {
24
24
  borderRadius: 0,
25
25
  fontSize: '0.5rem'
26
26
  },
27
+ '& .SCUser-group-admin-badge-label': {
28
+ marginLeft: theme.spacing(1),
29
+ fontSize: '0.75rem',
30
+ color: theme.palette.secondary.main
31
+ },
27
32
  '& .SCBaseItemButton-primary': {
28
33
  fontWeight: theme.typography.fontWeightBold
29
34
  },
@@ -3,7 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCUserProfileHeader-cover': {
5
5
  [x: number]: {
6
- margin: any;
6
+ borderRadius: any;
7
7
  };
8
8
  position: string;
9
9
  height: number;
@@ -6,12 +6,12 @@ const Component = {
6
6
  '& .SCUserProfileHeader-cover': {
7
7
  position: 'relative',
8
8
  height: 230,
9
- minHeight: 230,
9
+ minHeight: 150,
10
10
  borderRadius: 0,
11
11
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
12
12
  boxShadow: 'unset',
13
- [theme.breakpoints.up('lg')]: {
14
- margin: theme.spacing(0, -5, 0, -5)
13
+ [theme.breakpoints.up('md')]: {
14
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
15
15
  }
16
16
  },
17
17
  '& .SCUserProfileHeader-infops-section': {
@@ -32,7 +32,7 @@ const Component = {
32
32
  width: theme.selfcommunity.user.avatar.sizeXLarge,
33
33
  borderRadius: '50%',
34
34
  border: `#FFF solid ${theme.spacing(0.5)}`,
35
- objectFit: 'cover',
35
+ objectFit: 'cover'
36
36
  },
37
37
  '& .MuiBadge-badge .SCUserAvatar-badge-content': {
38
38
  width: 32,
@@ -695,6 +695,9 @@ declare const theme: {
695
695
  styleOverrides: {
696
696
  root: ({ theme }: any) => {
697
697
  '& .SCCategoryHeader-cover': {
698
+ [x: number]: {
699
+ borderRadius: any;
700
+ };
698
701
  display: string;
699
702
  flexDirection: string;
700
703
  justifyContent: string;
@@ -4088,6 +4091,11 @@ declare const theme: {
4088
4091
  borderRadius: number;
4089
4092
  fontSize: string;
4090
4093
  };
4094
+ '& .SCUser-group-admin-badge-label': {
4095
+ marginLeft: any;
4096
+ fontSize: string;
4097
+ color: any;
4098
+ };
4091
4099
  '& .SCBaseItemButton-primary': {
4092
4100
  fontWeight: any;
4093
4101
  };
@@ -4174,7 +4182,7 @@ declare const theme: {
4174
4182
  root: ({ theme }: any) => {
4175
4183
  '& .SCUserProfileHeader-cover': {
4176
4184
  [x: number]: {
4177
- margin: any;
4185
+ borderRadius: any;
4178
4186
  };
4179
4187
  position: string;
4180
4188
  height: number;
@@ -4579,6 +4587,7 @@ declare const theme: {
4579
4587
  root: ({ theme }: any) => {
4580
4588
  height: string;
4581
4589
  width: string;
4590
+ borderRadius: number;
4582
4591
  '& .MuiCardContent-root': {
4583
4592
  display: string;
4584
4593
  flexDirection: string;
@@ -5585,10 +5594,6 @@ declare const theme: {
5585
5594
  '& .SCGroupHeader-cover': {
5586
5595
  [x: number]: {
5587
5596
  borderRadius: any;
5588
- margin?: undefined;
5589
- } | {
5590
- margin: any;
5591
- borderRadius?: undefined;
5592
5597
  };
5593
5598
  position: string;
5594
5599
  height: number;
@@ -5984,10 +5989,6 @@ declare const theme: {
5984
5989
  '& .SCGroupMembersWidget-actions': {
5985
5990
  margin: any;
5986
5991
  };
5987
- '& .SCGroupMembersWidget-badge': {
5988
- width: any;
5989
- height: any;
5990
- };
5991
5992
  };
5992
5993
  skeletonRoot: ({ theme }: any) => {};
5993
5994
  dialogRoot: ({ theme }: any) => {};
@@ -6080,6 +6081,13 @@ declare const theme: {
6080
6081
  };
6081
6082
  };
6082
6083
  };
6084
+ SCGroupInvitedWidget: {
6085
+ styleOverrides: {
6086
+ root: ({ theme }: any) => {};
6087
+ skeletonRoot: ({ theme }: any) => {};
6088
+ dialogRoot: ({ theme }: any) => {};
6089
+ };
6090
+ };
6083
6091
  };
6084
6092
  selfcommunity: {
6085
6093
  user: {
package/lib/cjs/index.js CHANGED
@@ -136,6 +136,7 @@ const SCGroups_1 = tslib_1.__importDefault(require("./components/SCGroups"));
136
136
  const SCEditGroupButton_1 = tslib_1.__importDefault(require("./components/SCEditGroupButton"));
137
137
  const SCGroupAutocomplete_1 = tslib_1.__importDefault(require("./components/SCGroupAutocomplete"));
138
138
  const SCGroupSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCGroupSettingsIconButton"));
139
+ const SCGroupInvitedWidget_1 = tslib_1.__importDefault(require("./components/SCGroupInvitedWidget"));
139
140
  /**
140
141
  * Style fragments - Imports - End
141
142
  */
@@ -332,7 +333,8 @@ const theme = {
332
333
  SCGroups: SCGroups_1.default,
333
334
  SCEditGroupButton: SCEditGroupButton_1.default,
334
335
  SCGroupAutocomplete: SCGroupAutocomplete_1.default,
335
- SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default
336
+ SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default,
337
+ SCGroupInvitedWidget: SCGroupInvitedWidget_1.default
336
338
  },
337
339
  selfcommunity: {
338
340
  user: {
@@ -7,6 +7,9 @@ declare const Component: {
7
7
  styleOverrides: {
8
8
  root: ({ theme }: any) => {
9
9
  '& .SCCategoryHeader-cover': {
10
+ [x: number]: {
11
+ borderRadius: any;
12
+ };
10
13
  display: string;
11
14
  flexDirection: string;
12
15
  justifyContent: string;
@@ -11,11 +11,14 @@ const Component = {
11
11
  flexDirection: 'column',
12
12
  justifyContent: 'center',
13
13
  alignItems: 'center',
14
- minHeight: 230,
14
+ minHeight: 150,
15
15
  color: '#FFF',
16
16
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
17
17
  height: 230,
18
- borderRadius: 0
18
+ borderRadius: 0,
19
+ [theme.breakpoints.up('md')]: {
20
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
21
+ }
19
22
  },
20
23
  '& .SCCategoryHeader-info': {
21
24
  paddingLeft: theme.spacing(2),
@@ -4,10 +4,6 @@ declare const Component: {
4
4
  '& .SCGroupHeader-cover': {
5
5
  [x: number]: {
6
6
  borderRadius: any;
7
- margin?: undefined;
8
- } | {
9
- margin: any;
10
- borderRadius?: undefined;
11
7
  };
12
8
  position: string;
13
9
  height: number;
@@ -3,16 +3,13 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCGroupHeader-cover': {
5
5
  position: 'relative',
6
- height: 150,
6
+ height: 230,
7
7
  minHeight: 150,
8
8
  borderRadius: 0,
9
9
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
10
10
  boxShadow: 'unset',
11
11
  [theme.breakpoints.up('md')]: {
12
12
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
13
- },
14
- [theme.breakpoints.up('lg')]: {
15
- margin: theme.spacing(0, -5, 0, -5)
16
13
  }
17
14
  },
18
15
  '& .SCGroupHeader-info': {
@@ -0,0 +1,8 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {};
4
+ skeletonRoot: ({ theme }: any) => {};
5
+ dialogRoot: ({ theme }: any) => {};
6
+ };
7
+ };
8
+ export default Component;
@@ -0,0 +1,8 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({}),
4
+ skeletonRoot: ({ theme }) => ({}),
5
+ dialogRoot: ({ theme }) => ({})
6
+ }
7
+ };
8
+ export default Component;
@@ -4,10 +4,6 @@ declare const Component: {
4
4
  '& .SCGroupMembersWidget-actions': {
5
5
  margin: any;
6
6
  };
7
- '& .SCGroupMembersWidget-badge': {
8
- width: any;
9
- height: any;
10
- };
11
7
  };
12
8
  skeletonRoot: ({ theme }: any) => {};
13
9
  dialogRoot: ({ theme }: any) => {};
@@ -3,10 +3,6 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCGroupMembersWidget-actions': {
5
5
  margin: theme.spacing(0, 0, 2, 1)
6
- },
7
- '& .SCGroupMembersWidget-badge': {
8
- width: theme.selfcommunity.user.avatar.sizeSmall,
9
- height: theme.selfcommunity.user.avatar.sizeSmall
10
6
  }
11
7
  }),
12
8
  skeletonRoot: ({ theme }) => ({}),
@@ -3,6 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  height: string;
5
5
  width: string;
6
+ borderRadius: number;
6
7
  '& .MuiCardContent-root': {
7
8
  display: string;
8
9
  flexDirection: string;
@@ -3,6 +3,7 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  height: '100%',
5
5
  width: '100%',
6
+ borderRadius: 0,
6
7
  '& .MuiCardContent-root': {
7
8
  display: 'flex',
8
9
  flexDirection: 'column',
@@ -4,7 +4,7 @@ const Component = {
4
4
  root: ({ theme }) => ({
5
5
  height: '100%',
6
6
  width: '100%',
7
- backgroundColor: alpha(theme.palette.common.white, theme.palette.action.selectedOpacity),
7
+ backgroundColor: alpha(theme.palette.common.white, 0.5),
8
8
  borderRadius: 0,
9
9
  '& .MuiCardContent-root': {
10
10
  display: 'flex',
@@ -95,7 +95,7 @@ const Component = {
95
95
  height: theme.mixins.toolbar.minHeight,
96
96
  alignItems: 'center',
97
97
  justifyContent: 'center',
98
- backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
98
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
99
99
  '& .SCPrivateMessageThread-new-message-header-content': {
100
100
  display: 'flex',
101
101
  alignItems: 'center',
@@ -22,6 +22,11 @@ declare const Component: {
22
22
  borderRadius: number;
23
23
  fontSize: string;
24
24
  };
25
+ '& .SCUser-group-admin-badge-label': {
26
+ marginLeft: any;
27
+ fontSize: string;
28
+ color: any;
29
+ };
25
30
  '& .SCBaseItemButton-primary': {
26
31
  fontWeight: any;
27
32
  };
@@ -22,6 +22,11 @@ const Component = {
22
22
  borderRadius: 0,
23
23
  fontSize: '0.5rem'
24
24
  },
25
+ '& .SCUser-group-admin-badge-label': {
26
+ marginLeft: theme.spacing(1),
27
+ fontSize: '0.75rem',
28
+ color: theme.palette.secondary.main
29
+ },
25
30
  '& .SCBaseItemButton-primary': {
26
31
  fontWeight: theme.typography.fontWeightBold
27
32
  },
@@ -3,7 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCUserProfileHeader-cover': {
5
5
  [x: number]: {
6
- margin: any;
6
+ borderRadius: any;
7
7
  };
8
8
  position: string;
9
9
  height: number;
@@ -4,12 +4,12 @@ const Component = {
4
4
  '& .SCUserProfileHeader-cover': {
5
5
  position: 'relative',
6
6
  height: 230,
7
- minHeight: 230,
7
+ minHeight: 150,
8
8
  borderRadius: 0,
9
9
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
10
10
  boxShadow: 'unset',
11
- [theme.breakpoints.up('lg')]: {
12
- margin: theme.spacing(0, -5, 0, -5)
11
+ [theme.breakpoints.up('md')]: {
12
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
13
13
  }
14
14
  },
15
15
  '& .SCUserProfileHeader-infops-section': {
@@ -30,7 +30,7 @@ const Component = {
30
30
  width: theme.selfcommunity.user.avatar.sizeXLarge,
31
31
  borderRadius: '50%',
32
32
  border: `#FFF solid ${theme.spacing(0.5)}`,
33
- objectFit: 'cover',
33
+ objectFit: 'cover'
34
34
  },
35
35
  '& .MuiBadge-badge .SCUserAvatar-badge-content': {
36
36
  width: 32,
@@ -695,6 +695,9 @@ declare const theme: {
695
695
  styleOverrides: {
696
696
  root: ({ theme }: any) => {
697
697
  '& .SCCategoryHeader-cover': {
698
+ [x: number]: {
699
+ borderRadius: any;
700
+ };
698
701
  display: string;
699
702
  flexDirection: string;
700
703
  justifyContent: string;
@@ -4088,6 +4091,11 @@ declare const theme: {
4088
4091
  borderRadius: number;
4089
4092
  fontSize: string;
4090
4093
  };
4094
+ '& .SCUser-group-admin-badge-label': {
4095
+ marginLeft: any;
4096
+ fontSize: string;
4097
+ color: any;
4098
+ };
4091
4099
  '& .SCBaseItemButton-primary': {
4092
4100
  fontWeight: any;
4093
4101
  };
@@ -4174,7 +4182,7 @@ declare const theme: {
4174
4182
  root: ({ theme }: any) => {
4175
4183
  '& .SCUserProfileHeader-cover': {
4176
4184
  [x: number]: {
4177
- margin: any;
4185
+ borderRadius: any;
4178
4186
  };
4179
4187
  position: string;
4180
4188
  height: number;
@@ -4579,6 +4587,7 @@ declare const theme: {
4579
4587
  root: ({ theme }: any) => {
4580
4588
  height: string;
4581
4589
  width: string;
4590
+ borderRadius: number;
4582
4591
  '& .MuiCardContent-root': {
4583
4592
  display: string;
4584
4593
  flexDirection: string;
@@ -5585,10 +5594,6 @@ declare const theme: {
5585
5594
  '& .SCGroupHeader-cover': {
5586
5595
  [x: number]: {
5587
5596
  borderRadius: any;
5588
- margin?: undefined;
5589
- } | {
5590
- margin: any;
5591
- borderRadius?: undefined;
5592
5597
  };
5593
5598
  position: string;
5594
5599
  height: number;
@@ -5984,10 +5989,6 @@ declare const theme: {
5984
5989
  '& .SCGroupMembersWidget-actions': {
5985
5990
  margin: any;
5986
5991
  };
5987
- '& .SCGroupMembersWidget-badge': {
5988
- width: any;
5989
- height: any;
5990
- };
5991
5992
  };
5992
5993
  skeletonRoot: ({ theme }: any) => {};
5993
5994
  dialogRoot: ({ theme }: any) => {};
@@ -6080,6 +6081,13 @@ declare const theme: {
6080
6081
  };
6081
6082
  };
6082
6083
  };
6084
+ SCGroupInvitedWidget: {
6085
+ styleOverrides: {
6086
+ root: ({ theme }: any) => {};
6087
+ skeletonRoot: ({ theme }: any) => {};
6088
+ dialogRoot: ({ theme }: any) => {};
6089
+ };
6090
+ };
6083
6091
  };
6084
6092
  selfcommunity: {
6085
6093
  user: {
package/lib/esm/index.js CHANGED
@@ -133,6 +133,7 @@ import SCGroups from './components/SCGroups';
133
133
  import SCEditGroupButton from './components/SCEditGroupButton';
134
134
  import SCGroupAutocomplete from './components/SCGroupAutocomplete';
135
135
  import SCGroupSettingsIconButton from './components/SCGroupSettingsIconButton';
136
+ import SCGroupInvitedWidget from './components/SCGroupInvitedWidget';
136
137
  /**
137
138
  * Style fragments - Imports - End
138
139
  */
@@ -329,7 +330,8 @@ const theme = {
329
330
  SCGroups,
330
331
  SCEditGroupButton,
331
332
  SCGroupAutocomplete,
332
- SCGroupSettingsIconButton
333
+ SCGroupSettingsIconButton,
334
+ SCGroupInvitedWidget
333
335
  },
334
336
  selfcommunity: {
335
337
  user: {