@selfcommunity/react-theme-default 0.1.9-alpha.9 → 0.1.10-alpha.0

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 (76) hide show
  1. package/lib/cjs/components/SCCategoryHeader.d.ts +10 -1
  2. package/lib/cjs/components/SCCategoryHeader.js +12 -3
  3. package/lib/cjs/components/SCFeedObject.d.ts +32 -0
  4. package/lib/cjs/components/SCFeedObject.js +33 -1
  5. package/lib/cjs/components/SCGroup.d.ts +5 -0
  6. package/lib/cjs/components/SCGroup.js +6 -1
  7. package/lib/cjs/components/SCGroupFeedTemplate.d.ts +3 -0
  8. package/lib/cjs/components/SCGroupFeedTemplate.js +4 -1
  9. package/lib/cjs/components/SCGroupHeader.d.ts +3 -6
  10. package/lib/cjs/components/SCGroupHeader.js +10 -12
  11. package/lib/cjs/components/SCGroupInfoWidget.d.ts +5 -0
  12. package/lib/cjs/components/SCGroupInfoWidget.js +5 -0
  13. package/lib/cjs/components/SCGroupInviteButton.d.ts +3 -0
  14. package/lib/cjs/components/SCGroupInviteButton.js +4 -1
  15. package/lib/cjs/components/SCGroupInvitedWidget.d.ts +8 -0
  16. package/lib/cjs/components/SCGroupInvitedWidget.js +10 -0
  17. package/lib/cjs/components/SCGroupTemplate.d.ts +3 -0
  18. package/lib/cjs/components/SCGroupTemplate.js +3 -0
  19. package/lib/cjs/components/SCGroups.d.ts +28 -1
  20. package/lib/cjs/components/SCGroups.js +30 -3
  21. package/lib/cjs/components/SCNavigationToolbarMobile.js +1 -1
  22. package/lib/cjs/components/SCNotification.d.ts +1 -0
  23. package/lib/cjs/components/SCNotification.js +1 -0
  24. package/lib/cjs/components/SCPrivateMessageSnippets.d.ts +1 -0
  25. package/lib/cjs/components/SCPrivateMessageSnippets.js +1 -0
  26. package/lib/cjs/components/SCPrivateMessageThread.d.ts +11 -0
  27. package/lib/cjs/components/SCPrivateMessageThread.js +15 -4
  28. package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +5 -1
  29. package/lib/cjs/components/SCPrivateMessageThreadItem.js +6 -1
  30. package/lib/cjs/components/SCUser.d.ts +5 -0
  31. package/lib/cjs/components/SCUser.js +5 -0
  32. package/lib/cjs/components/SCUserProfileHeader.d.ts +2 -2
  33. package/lib/cjs/components/SCUserProfileHeader.js +10 -10
  34. package/lib/cjs/components/SCUserSubscribedGroupsWidget.d.ts +8 -0
  35. package/lib/cjs/components/SCUserSubscribedGroupsWidget.js +10 -0
  36. package/lib/cjs/index.d.ts +131 -11
  37. package/lib/cjs/index.js +6 -2
  38. package/lib/esm/components/SCCategoryHeader.d.ts +10 -1
  39. package/lib/esm/components/SCCategoryHeader.js +12 -3
  40. package/lib/esm/components/SCFeedObject.d.ts +32 -0
  41. package/lib/esm/components/SCFeedObject.js +33 -1
  42. package/lib/esm/components/SCGroup.d.ts +5 -0
  43. package/lib/esm/components/SCGroup.js +6 -1
  44. package/lib/esm/components/SCGroupFeedTemplate.d.ts +3 -0
  45. package/lib/esm/components/SCGroupFeedTemplate.js +4 -1
  46. package/lib/esm/components/SCGroupHeader.d.ts +3 -6
  47. package/lib/esm/components/SCGroupHeader.js +10 -12
  48. package/lib/esm/components/SCGroupInfoWidget.d.ts +5 -0
  49. package/lib/esm/components/SCGroupInfoWidget.js +5 -0
  50. package/lib/esm/components/SCGroupInviteButton.d.ts +3 -0
  51. package/lib/esm/components/SCGroupInviteButton.js +4 -1
  52. package/lib/esm/components/SCGroupInvitedWidget.d.ts +8 -0
  53. package/lib/esm/components/SCGroupInvitedWidget.js +8 -0
  54. package/lib/esm/components/SCGroupTemplate.d.ts +3 -0
  55. package/lib/esm/components/SCGroupTemplate.js +3 -0
  56. package/lib/esm/components/SCGroups.d.ts +28 -1
  57. package/lib/esm/components/SCGroups.js +30 -3
  58. package/lib/esm/components/SCNavigationToolbarMobile.js +1 -1
  59. package/lib/esm/components/SCNotification.d.ts +1 -0
  60. package/lib/esm/components/SCNotification.js +1 -0
  61. package/lib/esm/components/SCPrivateMessageSnippets.d.ts +1 -0
  62. package/lib/esm/components/SCPrivateMessageSnippets.js +1 -0
  63. package/lib/esm/components/SCPrivateMessageThread.d.ts +11 -0
  64. package/lib/esm/components/SCPrivateMessageThread.js +15 -4
  65. package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +5 -1
  66. package/lib/esm/components/SCPrivateMessageThreadItem.js +6 -1
  67. package/lib/esm/components/SCUser.d.ts +5 -0
  68. package/lib/esm/components/SCUser.js +5 -0
  69. package/lib/esm/components/SCUserProfileHeader.d.ts +2 -2
  70. package/lib/esm/components/SCUserProfileHeader.js +10 -10
  71. package/lib/esm/components/SCUserSubscribedGroupsWidget.d.ts +8 -0
  72. package/lib/esm/components/SCUserSubscribedGroupsWidget.js +8 -0
  73. package/lib/esm/index.d.ts +131 -11
  74. package/lib/esm/index.js +6 -2
  75. package/lib/umd/react-theme-default.js +2 -2
  76. package/package.json +4 -4
package/lib/esm/components/SCGroup.js CHANGED
@@ -18,7 +18,12 @@ const Component = {
18
18
  }
19
19
  },
20
20
  '& .SCBaseItemButton-primary': {
21
- fontWeight: theme.typography.fontWeightBold
21
+ display: 'flex',
22
+ alignItems: 'center',
23
+ fontWeight: theme.typography.fontWeightBold,
24
+ '& .SCGroup-icon': {
25
+ marginLeft: theme.spacing(0.5)
26
+ }
22
27
  },
23
28
  '& .SCBaseItemButton-secondary': {
24
29
  fontSize: '0.857rem'
package/lib/esm/components/SCGroupFeedTemplate.d.ts CHANGED
@@ -2,6 +2,9 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
4
  marginTop: number;
5
+ '& .SCGroupInfoWidget-root': {
6
+ padding: any;
7
+ };
5
8
  };
6
9
  skeletonRoot: ({ theme }: any) => {
7
10
  [x: number]: {
package/lib/esm/components/SCGroupFeedTemplate.js CHANGED
@@ -1,7 +1,10 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
- marginTop: 0
4
+ marginTop: 0,
5
+ '& .SCGroupInfoWidget-root': {
6
+ padding: theme.spacing(1)
7
+ }
5
8
  }),
6
9
  skeletonRoot: ({ theme }) => ({
7
10
  marginTop: 0,
package/lib/esm/components/SCGroupHeader.d.ts CHANGED
@@ -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;
@@ -17,7 +13,7 @@ declare const Component: {
17
13
  boxShadow: string;
18
14
  };
19
15
  '& .SCGroupHeader-info': {
20
- marginTop: number;
16
+ marginTop: any;
21
17
  display: string;
22
18
  flexDirection: string;
23
19
  justifyContent: string;
@@ -47,6 +43,7 @@ declare const Component: {
47
43
  '& .SCEditGroupButton-root': {
48
44
  marginLeft: string;
49
45
  marginTop: any;
46
+ marginRight: any;
50
47
  };
51
48
  '& .SCGroupSubscribeButton-root': {
52
49
  marginTop: any;
@@ -89,7 +86,7 @@ declare const Component: {
89
86
  position: string;
90
87
  '& .SCGroupHeader-cover': {
91
88
  [x: number]: {
92
- margin: any;
89
+ borderRadius: any;
93
90
  };
94
91
  height: number;
95
92
  };
package/lib/esm/components/SCGroupHeader.js CHANGED
@@ -3,20 +3,17 @@ 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': {
19
- marginTop: 50,
16
+ marginTop: theme.spacing(6.5),
20
17
  display: 'flex',
21
18
  flexDirection: 'column',
22
19
  justifyContent: 'center',
@@ -45,14 +42,15 @@ const Component = {
45
42
  },
46
43
  '& .SCEditGroupButton-root': {
47
44
  marginLeft: 'auto',
48
- marginTop: theme.spacing(2)
45
+ marginTop: theme.spacing(-4.25),
46
+ marginRight: theme.spacing(1)
49
47
  },
50
48
  '& .SCGroupSubscribeButton-root': {
51
49
  marginTop: theme.spacing(1)
52
50
  }
53
51
  },
54
52
  '& .SCGroupHeader-avatar': {
55
- top: 150,
53
+ top: 230,
56
54
  display: 'block',
57
55
  position: 'absolute',
58
56
  transform: 'translate(-50%, -50%)',
@@ -66,7 +64,7 @@ const Component = {
66
64
  }
67
65
  },
68
66
  '& .SCGroupHeader-change-picture': {
69
- top: 150,
67
+ top: 230,
70
68
  left: '50%',
71
69
  transform: 'translate(90%, -50%)',
72
70
  position: 'relative',
@@ -87,13 +85,13 @@ const Component = {
87
85
  skeletonRoot: ({ theme }) => ({
88
86
  position: 'relative',
89
87
  '& .SCGroupHeader-cover': {
90
- [theme.breakpoints.up('lg')]: {
91
- margin: theme.spacing(0, -5, 0, -5)
88
+ [theme.breakpoints.up('md')]: {
89
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
92
90
  },
93
- height: 150
91
+ height: 230
94
92
  },
95
93
  '& .SCGroupHeader-avatar': {
96
- top: 150,
94
+ top: 230,
97
95
  display: 'block',
98
96
  position: 'absolute',
99
97
  transform: 'translate(-50%, -50%)',
package/lib/esm/components/SCGroupInfoWidget.d.ts CHANGED
@@ -25,6 +25,11 @@ declare const Component: {
25
25
  alignItems: string;
26
26
  gap: any;
27
27
  };
28
+ '& .SCGroupInfoWidget-admin': {
29
+ '& .SCUser-root': {
30
+ marginTop: any;
31
+ };
32
+ };
28
33
  };
29
34
  skeletonRoot: ({ theme }: any) => {};
30
35
  };
package/lib/esm/components/SCGroupInfoWidget.js CHANGED
@@ -24,6 +24,11 @@ const Component = {
24
24
  display: 'flex',
25
25
  alignItems: 'center',
26
26
  gap: theme.spacing(0.5)
27
+ },
28
+ '& .SCGroupInfoWidget-admin': {
29
+ '& .SCUser-root': {
30
+ marginTop: theme.spacing(1)
31
+ }
27
32
  }
28
33
  }),
29
34
  skeletonRoot: ({ theme }) => ({})
package/lib/esm/components/SCGroupInviteButton.d.ts CHANGED
@@ -34,6 +34,9 @@ declare const Component: {
34
34
  '& .SCGroupInviteButton-invited-box': {
35
35
  marginTop: any;
36
36
  marginBottom: any;
37
+ '& .MuiChip-root': {
38
+ marginBottom: any;
39
+ };
37
40
  };
38
41
  '& .SCGroupInviteButton-suggested': {
39
42
  '& h4': {
package/lib/esm/components/SCGroupInviteButton.js CHANGED
@@ -34,7 +34,10 @@ const Component = {
34
34
  },
35
35
  '& .SCGroupInviteButton-invited-box': {
36
36
  marginTop: theme.spacing(2),
37
- marginBottom: theme.spacing(3)
37
+ marginBottom: theme.spacing(3),
38
+ '& .MuiChip-root': {
39
+ marginBottom: theme.spacing(1)
40
+ }
38
41
  },
39
42
  '& .SCGroupInviteButton-suggested': {
40
43
  '& h4': {
package/lib/esm/components/SCGroupInvitedWidget.d.ts ADDED
@@ -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;
package/lib/esm/components/SCGroupInvitedWidget.js ADDED
@@ -0,0 +1,8 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({}),
4
+ skeletonRoot: ({ theme }) => ({}),
5
+ dialogRoot: ({ theme }) => ({})
6
+ }
7
+ };
8
+ export default Component;
package/lib/esm/components/SCGroupTemplate.d.ts CHANGED
@@ -5,6 +5,9 @@ declare const Component: {
5
5
  '& .SCCategoryTemplate-feed': {
6
6
  marginTop: any;
7
7
  };
8
+ '& .SCGroupInfoWidget-root': {
9
+ marginTop: any;
10
+ };
8
11
  };
9
12
  skeletonRoot: ({ theme }: any) => {
10
13
  [x: number]: {
package/lib/esm/components/SCGroupTemplate.js CHANGED
@@ -4,6 +4,9 @@ const Component = {
4
4
  marginTop: 0,
5
5
  '& .SCCategoryTemplate-feed': {
6
6
  marginTop: theme.spacing(2)
7
+ },
8
+ '& .SCGroupInfoWidget-root': {
9
+ marginTop: theme.spacing(2)
7
10
  }
8
11
  }),
9
12
  skeletonRoot: ({ theme }) => ({
package/lib/esm/components/SCGroups.d.ts CHANGED
@@ -1,10 +1,24 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .SCGroups-skeleton-root ': {
5
+ '& .MuiGrid-item': {
6
+ paddingTop: number;
7
+ };
8
+ };
9
+ '& .MuiGrid-container': {
10
+ justifyContent: string;
11
+ };
12
+ '& .SCGroups-filters': {
13
+ marginTop: any;
14
+ marginBottom: any;
15
+ };
4
16
  '& .SCGroups-groups': {
5
17
  marginTop: any;
6
18
  '& .SCGroups-item': {
7
- padding: any;
19
+ [x: number]: {
20
+ padding: any;
21
+ };
8
22
  width: string;
9
23
  '& > div': {
10
24
  cursor: string;
@@ -13,6 +27,7 @@ declare const Component: {
13
27
  };
14
28
  };
15
29
  '& .SCGroups-no-results': {
30
+ marginTop: any;
16
31
  display: string;
17
32
  flexDirection: string;
18
33
  justifyContent: string;
@@ -26,9 +41,21 @@ declare const Component: {
26
41
  fontSize: any;
27
42
  };
28
43
  };
44
+ '& .SCGroups-end-message': {
45
+ display: string;
46
+ alignItems: string;
47
+ justifyContent: string;
48
+ '& .MuiButtonBase-root': {
49
+ paddingLeft: any;
50
+ '&.Mui-selected, &:hover': {
51
+ backgroundColor: string;
52
+ };
53
+ };
54
+ };
29
55
  };
30
56
  skeletonRoot: ({ theme }: any) => {
31
57
  '& .SCGroups-groups': {
58
+ justifyContent: string;
32
59
  marginTop: any;
33
60
  '& .SCGroup-skeleton-root': {
34
61
  padding: any;
package/lib/esm/components/SCGroups.js CHANGED
@@ -1,10 +1,24 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
+ '& .SCGroups-skeleton-root ': {
5
+ '& .MuiGrid-item': {
6
+ paddingTop: 0
7
+ }
8
+ },
9
+ '& .MuiGrid-container': {
10
+ justifyContent: 'center'
11
+ },
12
+ '& .SCGroups-filters': {
13
+ marginTop: theme.spacing(),
14
+ marginBottom: theme.spacing(2)
15
+ },
4
16
  '& .SCGroups-groups': {
5
- marginTop: theme.spacing(3),
17
+ marginTop: theme.spacing(2),
6
18
  '& .SCGroups-item': {
7
- padding: theme.spacing(2),
19
+ [theme.breakpoints.up('md')]: {
20
+ padding: theme.spacing(2)
21
+ },
8
22
  width: 'auto',
9
23
  '& > div': {
10
24
  cursor: 'default',
@@ -13,6 +27,7 @@ const Component = {
13
27
  }
14
28
  },
15
29
  '& .SCGroups-no-results': {
30
+ marginTop: theme.spacing(3),
16
31
  display: 'flex',
17
32
  flexDirection: 'column',
18
33
  justifyContent: 'center',
@@ -25,13 +40,25 @@ const Component = {
25
40
  fontWeight: theme.typography.fontWeightMedium,
26
41
  fontSize: theme.typography.body1.fontSize
27
42
  }
43
+ },
44
+ '& .SCGroups-end-message': {
45
+ display: 'flex',
46
+ alignItems: 'center',
47
+ justifyContent: 'center',
48
+ '& .MuiButtonBase-root': {
49
+ paddingLeft: theme.spacing(1),
50
+ '&.Mui-selected, &:hover': {
51
+ backgroundColor: 'transparent'
52
+ }
53
+ }
28
54
  }
29
55
  }),
30
56
  skeletonRoot: ({ theme }) => ({
31
57
  '& .SCGroups-groups': {
58
+ justifyContent: 'center',
32
59
  marginTop: theme.spacing(3),
33
60
  '& .SCGroup-skeleton-root': {
34
- padding: theme.spacing(1.5),
61
+ padding: theme.spacing(1),
35
62
  width: 'auto'
36
63
  }
37
64
  }
package/lib/esm/components/SCNavigationToolbarMobile.js CHANGED
@@ -3,7 +3,7 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  padding: theme.spacing(0, 1, 0, 1),
5
5
  '& .SCNavigationToolbarMobile-logo': {
6
- margin: theme.spacing(0.5, 2, 0.5, 2),
6
+ margin: theme.spacing(0.5, 2, 0.5, 0.5),
7
7
  flexGrow: 1,
8
8
  '& img': {
9
9
  verticalAlign: 'middle',
package/lib/esm/components/SCNotification.d.ts CHANGED
@@ -278,6 +278,7 @@ declare const Component: {
278
278
  maxWidth: string;
279
279
  };
280
280
  };
281
+ groupRoot: ({ theme }: any) => {};
281
282
  undeletedForRoot: ({ theme }: any) => {
282
283
  '& .SCNotification-undeleted-icon': {
283
284
  backgroundColor: "#f44336";
package/lib/esm/components/SCNotification.js CHANGED
@@ -280,6 +280,7 @@ const Component = {
280
280
  maxWidth: '40%'
281
281
  }
282
282
  }),
283
+ groupRoot: ({ theme }) => ({}),
283
284
  undeletedForRoot: ({ theme }) => ({
284
285
  '& .SCNotification-undeleted-icon': {
285
286
  backgroundColor: red[500],
package/lib/esm/components/SCPrivateMessageSnippets.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCPrivateMessageSnippets.js CHANGED
@@ -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',
package/lib/esm/components/SCPrivateMessageThread.d.ts CHANGED
@@ -69,6 +69,17 @@ declare const Component: {
69
69
  };
70
70
  };
71
71
  };
72
+ '& .SCPrivateMessageThread-item': {
73
+ display: string;
74
+ marginBottom: any;
75
+ '& .SCPrivateMessageThread-avatar': {
76
+ marginRight: any;
77
+ '& img': {
78
+ height: any;
79
+ width: any;
80
+ };
81
+ };
82
+ };
72
83
  };
73
84
  '& .SCPrivateMessageThread-empty-message': {
74
85
  height: string;
package/lib/esm/components/SCPrivateMessageThread.js CHANGED
@@ -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',
@@ -48,7 +48,7 @@ const Component = {
48
48
  position: 'absolute',
49
49
  border: `${theme.spacing(3)} solid transparent`,
50
50
  borderTop: `${theme.spacing(3)} solid ${theme.palette.common.white}`,
51
- top: theme.spacing(1),
51
+ top: theme.spacing(0),
52
52
  left: theme.spacing(-2)
53
53
  }
54
54
  },
@@ -62,13 +62,24 @@ const Component = {
62
62
  position: 'absolute',
63
63
  border: `${theme.spacing(3)} solid transparent`,
64
64
  borderTop: `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
65
- top: theme.spacing(1),
65
+ top: theme.spacing(0),
66
66
  right: theme.spacing(-2)
67
67
  }
68
68
  }
69
69
  }
70
70
  }
71
71
  }
72
+ },
73
+ '& .SCPrivateMessageThread-item': {
74
+ display: 'flex',
75
+ marginBottom: theme.spacing(1),
76
+ '& .SCPrivateMessageThread-avatar': {
77
+ marginRight: theme.spacing(6),
78
+ '& img': {
79
+ height: theme.selfcommunity.group.avatar.sizeMedium,
80
+ width: theme.selfcommunity.group.avatar.sizeMedium
81
+ }
82
+ }
72
83
  }
73
84
  },
74
85
  '& .SCPrivateMessageThread-empty-message': {
@@ -84,7 +95,7 @@ const Component = {
84
95
  height: theme.mixins.toolbar.minHeight,
85
96
  alignItems: 'center',
86
97
  justifyContent: 'center',
87
- backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
98
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
88
99
  '& .SCPrivateMessageThread-new-message-header-content': {
89
100
  display: 'flex',
90
101
  alignItems: 'center',
package/lib/esm/components/SCPrivateMessageThreadItem.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ flexDirection: string;
4
5
  borderRadius: any;
5
6
  padding: any;
6
7
  boxShadow: string;
@@ -19,6 +20,10 @@ declare const Component: {
19
20
  right: any;
20
21
  padding: any;
21
22
  };
23
+ '& .SCPrivateMessageThreadItem-username': {
24
+ marginRight: string;
25
+ marginBottom: any;
26
+ };
22
27
  '& .SCPrivateMessageThreadItem-text': {
23
28
  display: string;
24
29
  alignItems: string;
@@ -83,7 +88,6 @@ declare const Component: {
83
88
  };
84
89
  '& .MuiButtonBase-root': {
85
90
  flexWrap: string;
86
- width: string;
87
91
  position: string;
88
92
  bottom: any;
89
93
  backgroundColor: string;
package/lib/esm/components/SCPrivateMessageThreadItem.js CHANGED
@@ -1,6 +1,7 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
+ flexDirection: 'column',
4
5
  borderRadius: theme.shape.borderRadius,
5
6
  padding: theme.spacing(2, 4, 4, 2),
6
7
  boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
@@ -19,6 +20,10 @@ const Component = {
19
20
  right: theme.spacing(3),
20
21
  padding: theme.spacing(0.5, 0, 0.5, 0)
21
22
  },
23
+ '& .SCPrivateMessageThreadItem-username': {
24
+ marginRight: 'auto',
25
+ marginBottom: theme.spacing(1)
26
+ },
22
27
  '& .SCPrivateMessageThreadItem-text': {
23
28
  display: 'flex',
24
29
  alignItems: 'center',
@@ -83,7 +88,7 @@ const Component = {
83
88
  },
84
89
  '& .MuiButtonBase-root': {
85
90
  flexWrap: 'wrap',
86
- width: 'calc(100% - 24px)',
91
+ //width: 'calc(100% - 24px)',
87
92
  position: 'absolute',
88
93
  bottom: theme.spacing(4),
89
94
  backgroundColor: 'rgba(0,0,0,0.5)',
package/lib/esm/components/SCUser.d.ts CHANGED
@@ -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
  };
package/lib/esm/components/SCUser.js CHANGED
@@ -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
  },
package/lib/esm/components/SCUserProfileHeader.d.ts CHANGED
@@ -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;
@@ -71,7 +71,7 @@ declare const Component: {
71
71
  position: string;
72
72
  '& .SCUserProfileHeader-cover': {
73
73
  [x: number]: {
74
- margin: any;
74
+ borderRadius: any;
75
75
  };
76
76
  height: number;
77
77
  };
package/lib/esm/components/SCUserProfileHeader.js CHANGED
@@ -3,13 +3,13 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCUserProfileHeader-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
- [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': {
@@ -17,7 +17,7 @@ const Component = {
17
17
  justifyContent: 'space-between'
18
18
  },
19
19
  '& .SCUserProfileHeader-avatar': {
20
- top: 150 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
20
+ top: 180,
21
21
  [theme.breakpoints.up('lg')]: {
22
22
  left: theme.selfcommunity.user.avatar.sizeXLarge / 2,
23
23
  marginLeft: 0
@@ -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,
@@ -38,7 +38,7 @@ const Component = {
38
38
  }
39
39
  },
40
40
  '& .SCUserProfileHeader-change-picture': {
41
- top: 180 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
41
+ top: 215,
42
42
  [theme.breakpoints.up('lg')]: {
43
43
  left: 155 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge
44
44
  },
@@ -70,15 +70,15 @@ const Component = {
70
70
  skeletonRoot: ({ theme }) => ({
71
71
  position: 'relative',
72
72
  '& .SCUserProfileHeader-cover': {
73
- [theme.breakpoints.up('lg')]: {
74
- margin: theme.spacing(0, -5, 0, -5)
73
+ [theme.breakpoints.up('md')]: {
74
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
75
75
  },
76
- height: 150
76
+ height: 230
77
77
  },
78
78
  '& .SCUserProfileHeader-avatar': {
79
79
  display: 'block',
80
80
  position: 'absolute',
81
- top: 150 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge - 5,
81
+ top: 230 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge - 5,
82
82
  marginLeft: theme.spacing(4),
83
83
  [`& .MuiSkeleton-root`]: {
84
84
  border: '#FFF solid 5px'
package/lib/esm/components/SCUserSubscribedGroupsWidget.d.ts ADDED
@@ -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;
package/lib/esm/components/SCUserSubscribedGroupsWidget.js ADDED
@@ -0,0 +1,8 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({}),
4
+ skeletonRoot: ({ theme }) => ({}),
5
+ dialogRoot: ({ theme }) => ({})
6
+ }
7
+ };
8
+ export default Component;