@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/cjs/components/SCCategoryHeader.d.ts CHANGED
@@ -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;
@@ -54,7 +57,13 @@ declare const Component: {
54
57
  };
55
58
  };
56
59
  };
57
- skeletonRoot: ({ theme }: any) => {};
60
+ skeletonRoot: ({ theme }: any) => {
61
+ '& .SCCategoryHeader-skeleton-cover': {
62
+ [x: number]: {
63
+ borderRadius: any;
64
+ };
65
+ };
66
+ };
58
67
  };
59
68
  };
60
69
  export default Component;
package/lib/cjs/components/SCCategoryHeader.js CHANGED
@@ -16,8 +16,11 @@ const Component = {
16
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
- height: 150,
20
- borderRadius: 0
19
+ height: 230,
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),
@@ -56,7 +59,13 @@ const Component = {
56
59
  }
57
60
  }
58
61
  }),
59
- skeletonRoot: ({ theme }) => ({})
62
+ skeletonRoot: ({ theme }) => ({
63
+ '& .SCCategoryHeader-skeleton-cover': {
64
+ [theme.breakpoints.up('md')]: {
65
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
66
+ }
67
+ }
68
+ })
60
69
  }
61
70
  };
62
71
  exports.default = Component;
package/lib/cjs/components/SCFeedObject.d.ts CHANGED
@@ -59,6 +59,25 @@ declare const Component: {
59
59
  fontWeight: any;
60
60
  };
61
61
  };
62
+ '& .SCFeedObject-group': {
63
+ marginRight: string;
64
+ };
65
+ };
66
+ '& .SCFeedObject-group': {
67
+ justifyContent: string;
68
+ padding: any;
69
+ '& a': {
70
+ padding: any;
71
+ marginBottom: any;
72
+ color: any;
73
+ '&:hover': {
74
+ backgroundColor: any;
75
+ };
76
+ '& span': {
77
+ color: any;
78
+ textTransform: string;
79
+ };
80
+ };
62
81
  };
63
82
  '& .SCFeedObject-content': {
64
83
  padding: any;
@@ -120,6 +139,19 @@ declare const Component: {
120
139
  '& .SCFeedObject-category': {
121
140
  borderBottom: string;
122
141
  margin: any;
142
+ '& .SCFeedObject-group': {
143
+ borderBottom: string;
144
+ margin: any;
145
+ '& .MuiChip-icon': {
146
+ marginLeft: any;
147
+ marginRight: any;
148
+ fontWeight: any;
149
+ };
150
+ };
151
+ };
152
+ '& .SCFeedObject-group': {
153
+ borderBottom: string;
154
+ margin: any;
123
155
  };
124
156
  '& .SCFeedObject-header': {
125
157
  '& .MuiCardHeader-avatar': {
package/lib/cjs/components/SCFeedObject.js CHANGED
@@ -61,6 +61,25 @@ const Component = {
61
61
  textTransform: 'initial',
62
62
  fontWeight: theme.typography.fontWeightBold
63
63
  }
64
+ },
65
+ '& .SCFeedObject-group': {
66
+ marginRight: `${theme.spacing(1)} !important`
67
+ }
68
+ },
69
+ '& .SCFeedObject-group': {
70
+ justifyContent: 'flex-start',
71
+ padding: theme.spacing(0.5),
72
+ '& a': {
73
+ padding: theme.spacing(0.5),
74
+ marginBottom: theme.spacing(0.5),
75
+ color: theme.palette.common.white,
76
+ '&:hover': {
77
+ backgroundColor: theme.palette.common.black
78
+ },
79
+ '& span': {
80
+ color: theme.palette.common.white,
81
+ textTransform: 'initial'
82
+ }
64
83
  }
65
84
  },
66
85
  '& .SCFeedObject-content': {
@@ -122,7 +141,20 @@ const Component = {
122
141
  },
123
142
  '& .SCFeedObject-category': {
124
143
  borderBottom: '1px solid rgba(221, 221, 221, 1)',
125
- margin: theme.spacing(0, 2)
144
+ margin: theme.spacing(0, 2),
145
+ '& .SCFeedObject-group': {
146
+ borderBottom: 'none',
147
+ margin: theme.spacing(0),
148
+ '& .MuiChip-icon': {
149
+ marginLeft: theme.spacing(1),
150
+ marginRight: theme.spacing(-1),
151
+ fontWeight: theme.typography.fontWeightRegular
152
+ }
153
+ }
154
+ },
155
+ '& .SCFeedObject-group': {
156
+ borderBottom: '1px solid rgba(221, 221, 221, 1)',
157
+ margin: theme.spacing(1, 2, 0, 2)
126
158
  },
127
159
  '& .SCFeedObject-header': {
128
160
  '& .MuiCardHeader-avatar': {
package/lib/cjs/components/SCGroup.d.ts CHANGED
@@ -18,7 +18,12 @@ declare const Component: {
18
18
  };
19
19
  };
20
20
  '& .SCBaseItemButton-primary': {
21
+ display: string;
22
+ alignItems: string;
21
23
  fontWeight: any;
24
+ '& .SCGroup-icon': {
25
+ marginLeft: any;
26
+ };
22
27
  };
23
28
  '& .SCBaseItemButton-secondary': {
24
29
  fontSize: string;
package/lib/cjs/components/SCGroup.js CHANGED
@@ -20,7 +20,12 @@ const Component = {
20
20
  }
21
21
  },
22
22
  '& .SCBaseItemButton-primary': {
23
- fontWeight: theme.typography.fontWeightBold
23
+ display: 'flex',
24
+ alignItems: 'center',
25
+ fontWeight: theme.typography.fontWeightBold,
26
+ '& .SCGroup-icon': {
27
+ marginLeft: theme.spacing(0.5)
28
+ }
24
29
  },
25
30
  '& .SCBaseItemButton-secondary': {
26
31
  fontSize: '0.857rem'
package/lib/cjs/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/cjs/components/SCGroupFeedTemplate.js CHANGED
@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
- marginTop: 0
6
+ marginTop: 0,
7
+ '& .SCGroupInfoWidget-root': {
8
+ padding: theme.spacing(1)
9
+ }
7
10
  }),
8
11
  skeletonRoot: ({ theme }) => ({
9
12
  marginTop: 0,
package/lib/cjs/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/cjs/components/SCGroupHeader.js CHANGED
@@ -5,20 +5,17 @@ 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': {
21
- marginTop: 50,
18
+ marginTop: theme.spacing(6.5),
22
19
  display: 'flex',
23
20
  flexDirection: 'column',
24
21
  justifyContent: 'center',
@@ -47,14 +44,15 @@ const Component = {
47
44
  },
48
45
  '& .SCEditGroupButton-root': {
49
46
  marginLeft: 'auto',
50
- marginTop: theme.spacing(2)
47
+ marginTop: theme.spacing(-4.25),
48
+ marginRight: theme.spacing(1)
51
49
  },
52
50
  '& .SCGroupSubscribeButton-root': {
53
51
  marginTop: theme.spacing(1)
54
52
  }
55
53
  },
56
54
  '& .SCGroupHeader-avatar': {
57
- top: 150,
55
+ top: 230,
58
56
  display: 'block',
59
57
  position: 'absolute',
60
58
  transform: 'translate(-50%, -50%)',
@@ -68,7 +66,7 @@ const Component = {
68
66
  }
69
67
  },
70
68
  '& .SCGroupHeader-change-picture': {
71
- top: 150,
69
+ top: 230,
72
70
  left: '50%',
73
71
  transform: 'translate(90%, -50%)',
74
72
  position: 'relative',
@@ -89,13 +87,13 @@ const Component = {
89
87
  skeletonRoot: ({ theme }) => ({
90
88
  position: 'relative',
91
89
  '& .SCGroupHeader-cover': {
92
- [theme.breakpoints.up('lg')]: {
93
- margin: theme.spacing(0, -5, 0, -5)
90
+ [theme.breakpoints.up('md')]: {
91
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
94
92
  },
95
- height: 150
93
+ height: 230
96
94
  },
97
95
  '& .SCGroupHeader-avatar': {
98
- top: 150,
96
+ top: 230,
99
97
  display: 'block',
100
98
  position: 'absolute',
101
99
  transform: 'translate(-50%, -50%)',
package/lib/cjs/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/cjs/components/SCGroupInfoWidget.js CHANGED
@@ -26,6 +26,11 @@ const Component = {
26
26
  display: 'flex',
27
27
  alignItems: 'center',
28
28
  gap: theme.spacing(0.5)
29
+ },
30
+ '& .SCGroupInfoWidget-admin': {
31
+ '& .SCUser-root': {
32
+ marginTop: theme.spacing(1)
33
+ }
29
34
  }
30
35
  }),
31
36
  skeletonRoot: ({ theme }) => ({})
package/lib/cjs/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/cjs/components/SCGroupInviteButton.js CHANGED
@@ -36,7 +36,10 @@ const Component = {
36
36
  },
37
37
  '& .SCGroupInviteButton-invited-box': {
38
38
  marginTop: theme.spacing(2),
39
- marginBottom: theme.spacing(3)
39
+ marginBottom: theme.spacing(3),
40
+ '& .MuiChip-root': {
41
+ marginBottom: theme.spacing(1)
42
+ }
40
43
  },
41
44
  '& .SCGroupInviteButton-suggested': {
42
45
  '& h4': {
package/lib/cjs/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/cjs/components/SCGroupInvitedWidget.js ADDED
@@ -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;
package/lib/cjs/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/cjs/components/SCGroupTemplate.js CHANGED
@@ -6,6 +6,9 @@ const Component = {
6
6
  marginTop: 0,
7
7
  '& .SCCategoryTemplate-feed': {
8
8
  marginTop: theme.spacing(2)
9
+ },
10
+ '& .SCGroupInfoWidget-root': {
11
+ marginTop: theme.spacing(2)
9
12
  }
10
13
  }),
11
14
  skeletonRoot: ({ theme }) => ({
package/lib/cjs/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/cjs/components/SCGroups.js CHANGED
@@ -3,10 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
+ '& .SCGroups-skeleton-root ': {
7
+ '& .MuiGrid-item': {
8
+ paddingTop: 0
9
+ }
10
+ },
11
+ '& .MuiGrid-container': {
12
+ justifyContent: 'center'
13
+ },
14
+ '& .SCGroups-filters': {
15
+ marginTop: theme.spacing(),
16
+ marginBottom: theme.spacing(2)
17
+ },
6
18
  '& .SCGroups-groups': {
7
- marginTop: theme.spacing(3),
19
+ marginTop: theme.spacing(2),
8
20
  '& .SCGroups-item': {
9
- padding: theme.spacing(2),
21
+ [theme.breakpoints.up('md')]: {
22
+ padding: theme.spacing(2)
23
+ },
10
24
  width: 'auto',
11
25
  '& > div': {
12
26
  cursor: 'default',
@@ -15,6 +29,7 @@ const Component = {
15
29
  }
16
30
  },
17
31
  '& .SCGroups-no-results': {
32
+ marginTop: theme.spacing(3),
18
33
  display: 'flex',
19
34
  flexDirection: 'column',
20
35
  justifyContent: 'center',
@@ -27,13 +42,25 @@ const Component = {
27
42
  fontWeight: theme.typography.fontWeightMedium,
28
43
  fontSize: theme.typography.body1.fontSize
29
44
  }
45
+ },
46
+ '& .SCGroups-end-message': {
47
+ display: 'flex',
48
+ alignItems: 'center',
49
+ justifyContent: 'center',
50
+ '& .MuiButtonBase-root': {
51
+ paddingLeft: theme.spacing(1),
52
+ '&.Mui-selected, &:hover': {
53
+ backgroundColor: 'transparent'
54
+ }
55
+ }
30
56
  }
31
57
  }),
32
58
  skeletonRoot: ({ theme }) => ({
33
59
  '& .SCGroups-groups': {
60
+ justifyContent: 'center',
34
61
  marginTop: theme.spacing(3),
35
62
  '& .SCGroup-skeleton-root': {
36
- padding: theme.spacing(1.5),
63
+ padding: theme.spacing(1),
37
64
  width: 'auto'
38
65
  }
39
66
  }
package/lib/cjs/components/SCNavigationToolbarMobile.js CHANGED
@@ -5,7 +5,7 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  padding: theme.spacing(0, 1, 0, 1),
7
7
  '& .SCNavigationToolbarMobile-logo': {
8
- margin: theme.spacing(0.5, 2, 0.5, 2),
8
+ margin: theme.spacing(0.5, 2, 0.5, 0.5),
9
9
  flexGrow: 1,
10
10
  '& img': {
11
11
  verticalAlign: 'middle',
package/lib/cjs/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/cjs/components/SCNotification.js CHANGED
@@ -282,6 +282,7 @@ const Component = {
282
282
  maxWidth: '40%'
283
283
  }
284
284
  }),
285
+ groupRoot: ({ theme }) => ({}),
285
286
  undeletedForRoot: ({ theme }) => ({
286
287
  '& .SCNotification-undeleted-icon': {
287
288
  backgroundColor: colors_1.red[500],
package/lib/cjs/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/cjs/components/SCPrivateMessageSnippets.js CHANGED
@@ -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',
package/lib/cjs/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/cjs/components/SCPrivateMessageThread.js CHANGED
@@ -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',
@@ -50,7 +50,7 @@ const Component = {
50
50
  position: 'absolute',
51
51
  border: `${theme.spacing(3)} solid transparent`,
52
52
  borderTop: `${theme.spacing(3)} solid ${theme.palette.common.white}`,
53
- top: theme.spacing(1),
53
+ top: theme.spacing(0),
54
54
  left: theme.spacing(-2)
55
55
  }
56
56
  },
@@ -64,13 +64,24 @@ const Component = {
64
64
  position: 'absolute',
65
65
  border: `${theme.spacing(3)} solid transparent`,
66
66
  borderTop: `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
67
- top: theme.spacing(1),
67
+ top: theme.spacing(0),
68
68
  right: theme.spacing(-2)
69
69
  }
70
70
  }
71
71
  }
72
72
  }
73
73
  }
74
+ },
75
+ '& .SCPrivateMessageThread-item': {
76
+ display: 'flex',
77
+ marginBottom: theme.spacing(1),
78
+ '& .SCPrivateMessageThread-avatar': {
79
+ marginRight: theme.spacing(6),
80
+ '& img': {
81
+ height: theme.selfcommunity.group.avatar.sizeMedium,
82
+ width: theme.selfcommunity.group.avatar.sizeMedium
83
+ }
84
+ }
74
85
  }
75
86
  },
76
87
  '& .SCPrivateMessageThread-empty-message': {
@@ -86,7 +97,7 @@ const Component = {
86
97
  height: theme.mixins.toolbar.minHeight,
87
98
  alignItems: 'center',
88
99
  justifyContent: 'center',
89
- 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),
90
101
  '& .SCPrivateMessageThread-new-message-header-content': {
91
102
  display: 'flex',
92
103
  alignItems: 'center',
package/lib/cjs/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;