@selfcommunity/react-theme-default 0.1.0-alpha.316 → 0.1.0-alpha.318

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 (18) hide show
  1. package/lib/cjs/components/SCChangeCoverButton.d.ts +18 -0
  2. package/lib/cjs/components/SCChangeCoverButton.js +20 -0
  3. package/lib/cjs/components/SCUserProfileHeader.d.ts +10 -3
  4. package/lib/cjs/components/SCUserProfileHeader.js +19 -12
  5. package/lib/cjs/components/SCUserProfileTemplate.d.ts +4 -2
  6. package/lib/cjs/components/SCUserProfileTemplate.js +8 -6
  7. package/lib/cjs/index.d.ts +31 -5
  8. package/lib/cjs/index.js +3 -1
  9. package/lib/esm/components/SCChangeCoverButton.d.ts +18 -0
  10. package/lib/esm/components/SCChangeCoverButton.js +18 -0
  11. package/lib/esm/components/SCUserProfileHeader.d.ts +10 -3
  12. package/lib/esm/components/SCUserProfileHeader.js +19 -12
  13. package/lib/esm/components/SCUserProfileTemplate.d.ts +4 -2
  14. package/lib/esm/components/SCUserProfileTemplate.js +8 -6
  15. package/lib/esm/index.d.ts +31 -5
  16. package/lib/esm/index.js +3 -1
  17. package/lib/umd/react-theme-default.js +2 -2
  18. package/package.json +4 -4
package/lib/cjs/components/SCChangeCoverButton.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ display: string;
5
+ alignItems: string;
6
+ flexWrap: string;
7
+ '& .MuiButtonBase-root': {
8
+ padding: number;
9
+ borderRadius: number;
10
+ minWidth: string;
11
+ };
12
+ '& .SCChangeCoverButton-help-popover': {
13
+ marginLeft: any;
14
+ };
15
+ };
16
+ };
17
+ };
18
+ export default Component;
package/lib/cjs/components/SCChangeCoverButton.js ADDED
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ display: 'flex',
7
+ alignItems: 'center',
8
+ flexWrap: 'wrap',
9
+ '& .MuiButtonBase-root': {
10
+ padding: 6,
11
+ borderRadius: 50,
12
+ minWidth: 'auto'
13
+ },
14
+ '& .SCChangeCoverButton-help-popover': {
15
+ marginLeft: theme.spacing(1)
16
+ }
17
+ })
18
+ }
19
+ };
20
+ exports.default = Component;
package/lib/cjs/components/SCUserProfileHeader.d.ts CHANGED
@@ -12,26 +12,31 @@ declare const Component: {
12
12
  background: string;
13
13
  boxShadow: string;
14
14
  };
15
+ '& .SCUserProfileHeader-infops-section': {
16
+ display: string;
17
+ justifyContent: string;
18
+ };
15
19
  '& .SCUserProfileHeader-avatar': {
16
20
  height: any;
17
21
  width: any;
18
22
  top: number;
19
23
  display: string;
20
24
  position: string;
21
- margin: string;
25
+ marginLeft: any;
22
26
  borderRadius: string;
23
27
  border: string;
24
28
  objectFit: string;
25
29
  };
26
30
  '& .SCUserProfileHeader-change-picture': {
27
- top: any;
31
+ top: number;
28
32
  left: number;
29
33
  position: string;
30
34
  display: string;
31
- margin: string;
35
+ marginLeft: any;
32
36
  };
33
37
  '& .SCUserProfileHeader-username': {
34
38
  marginTop: number;
39
+ marginLeft: any;
35
40
  fontWeight: any;
36
41
  fontSize: string;
37
42
  textAlign: string;
@@ -40,6 +45,8 @@ declare const Component: {
40
45
  fontSize: string;
41
46
  textAlign: string;
42
47
  paddingBottom: any;
48
+ marginTop: any;
49
+ marginLeft: any;
43
50
  };
44
51
  '& .SCUserProfileHeader-change-cover': {
45
52
  position: string;
package/lib/cjs/components/SCUserProfileHeader.js CHANGED
@@ -14,34 +14,41 @@ const Component = {
14
14
  borderRadius: theme.shape.borderRadius
15
15
  }
16
16
  },
17
+ '& .SCUserProfileHeader-infops-section': {
18
+ display: 'flex',
19
+ justifyContent: 'space-between'
20
+ },
17
21
  '& .SCUserProfileHeader-avatar': {
18
- height: theme.selfcommunity.user.avatar.sizeXLarge,
19
- width: theme.selfcommunity.user.avatar.sizeXLarge,
20
- top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
22
+ height: theme.selfcommunity.user.avatar.sizeLarge,
23
+ width: theme.selfcommunity.user.avatar.sizeLarge,
24
+ top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
21
25
  display: 'block',
22
- position: 'relative',
23
- margin: '0px auto',
26
+ position: 'absolute',
27
+ marginLeft: theme.spacing(2),
24
28
  borderRadius: '50%',
25
29
  border: `#FFF solid ${theme.spacing(0.5)}`,
26
30
  objectFit: 'cover'
27
31
  },
28
32
  '& .SCUserProfileHeader-change-picture': {
29
- top: theme.selfcommunity.user.avatar.sizeXLarge,
30
- left: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
33
+ top: 270 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
34
+ left: theme.selfcommunity.user.avatar.sizeLarge - 10,
31
35
  position: 'relative',
32
36
  display: 'flex',
33
- margin: '0px auto'
37
+ marginLeft: theme.spacing(2)
34
38
  },
35
39
  '& .SCUserProfileHeader-username': {
36
- marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge + 16,
40
+ marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge + 16,
41
+ marginLeft: theme.spacing(2),
37
42
  fontWeight: theme.typography.fontWeightBold,
38
43
  fontSize: '1.429rem',
39
- textAlign: 'center'
44
+ textAlign: 'start'
40
45
  },
41
46
  '& .SCUserProfileHeader-realname': {
42
47
  fontSize: '1rem',
43
- textAlign: 'center',
44
- paddingBottom: theme.spacing()
48
+ textAlign: 'start',
49
+ paddingBottom: theme.spacing(),
50
+ marginTop: theme.spacing(1),
51
+ marginLeft: theme.spacing(2)
45
52
  },
46
53
  '& .SCUserProfileHeader-change-cover': {
47
54
  position: 'absolute',
package/lib/cjs/components/SCUserProfileTemplate.d.ts CHANGED
@@ -7,10 +7,11 @@ declare const Component: {
7
7
  marginTop: number;
8
8
  '& .SCUserProfileTemplate-tags': {
9
9
  marginTop: any;
10
+ marginLeft: any;
10
11
  justifyContent: string;
11
12
  };
12
13
  '& .SCUserProfileTemplate-counters': {
13
- marginTop: any;
14
+ marginLeft: any;
14
15
  justifyContent: string;
15
16
  display: string;
16
17
  alignItems: string;
@@ -18,6 +19,7 @@ declare const Component: {
18
19
  };
19
20
  '& .SCUserProfileTemplate-info': {
20
21
  marginTop: any;
22
+ marginLeft: any;
21
23
  textAlign: string;
22
24
  };
23
25
  '& .SCUserProfileTemplate-feed': {
@@ -25,7 +27,7 @@ declare const Component: {
25
27
  };
26
28
  '& .SCUserProfileTemplate-actions': {
27
29
  margin: any;
28
- justifyContent: string;
30
+ height: string;
29
31
  };
30
32
  };
31
33
  skeletonRoot: ({ theme }: any) => {
package/lib/cjs/components/SCUserProfileTemplate.js CHANGED
@@ -8,26 +8,28 @@ const Component = {
8
8
  marginTop: theme.spacing(4)
9
9
  },
10
10
  '& .SCUserProfileTemplate-tags': {
11
- marginTop: theme.spacing(1),
12
- justifyContent: 'center'
11
+ marginTop: theme.spacing(2),
12
+ marginLeft: theme.spacing(2),
13
+ justifyContent: 'start'
13
14
  },
14
15
  '& .SCUserProfileTemplate-counters': {
15
- marginTop: theme.spacing(2),
16
- justifyContent: 'center',
16
+ marginLeft: theme.spacing(1.25),
17
+ justifyContent: 'start',
17
18
  display: 'flex',
18
19
  alignItems: 'center',
19
20
  flexWrap: 'wrap'
20
21
  },
21
22
  '& .SCUserProfileTemplate-info': {
22
23
  marginTop: theme.spacing(1),
23
- textAlign: 'center'
24
+ marginLeft: theme.spacing(2),
25
+ textAlign: 'start'
24
26
  },
25
27
  '& .SCUserProfileTemplate-feed': {
26
28
  marginTop: theme.spacing(2)
27
29
  },
28
30
  '& .SCUserProfileTemplate-actions': {
29
31
  margin: theme.spacing(1, 2, 2, 2),
30
- justifyContent: 'center'
32
+ height: 'fit-content'
31
33
  }
32
34
  }),
33
35
  skeletonRoot: ({ theme }) => ({
package/lib/cjs/index.d.ts CHANGED
@@ -4122,26 +4122,31 @@ declare const theme: {
4122
4122
  background: string;
4123
4123
  boxShadow: string;
4124
4124
  };
4125
+ '& .SCUserProfileHeader-infops-section': {
4126
+ display: string;
4127
+ justifyContent: string;
4128
+ };
4125
4129
  '& .SCUserProfileHeader-avatar': {
4126
4130
  height: any;
4127
4131
  width: any;
4128
4132
  top: number;
4129
4133
  display: string;
4130
4134
  position: string;
4131
- margin: string;
4135
+ marginLeft: any;
4132
4136
  borderRadius: string;
4133
4137
  border: string;
4134
4138
  objectFit: string;
4135
4139
  };
4136
4140
  '& .SCUserProfileHeader-change-picture': {
4137
- top: any;
4141
+ top: number;
4138
4142
  left: number;
4139
4143
  position: string;
4140
4144
  display: string;
4141
- margin: string;
4145
+ marginLeft: any;
4142
4146
  };
4143
4147
  '& .SCUserProfileHeader-username': {
4144
4148
  marginTop: number;
4149
+ marginLeft: any;
4145
4150
  fontWeight: any;
4146
4151
  fontSize: string;
4147
4152
  textAlign: string;
@@ -4150,6 +4155,8 @@ declare const theme: {
4150
4155
  fontSize: string;
4151
4156
  textAlign: string;
4152
4157
  paddingBottom: any;
4158
+ marginTop: any;
4159
+ marginLeft: any;
4153
4160
  };
4154
4161
  '& .SCUserProfileHeader-change-cover': {
4155
4162
  position: string;
@@ -4253,10 +4260,11 @@ declare const theme: {
4253
4260
  marginTop: number;
4254
4261
  '& .SCUserProfileTemplate-tags': {
4255
4262
  marginTop: any;
4263
+ marginLeft: any;
4256
4264
  justifyContent: string;
4257
4265
  };
4258
4266
  '& .SCUserProfileTemplate-counters': {
4259
- marginTop: any;
4267
+ marginLeft: any;
4260
4268
  justifyContent: string;
4261
4269
  display: string;
4262
4270
  alignItems: string;
@@ -4264,6 +4272,7 @@ declare const theme: {
4264
4272
  };
4265
4273
  '& .SCUserProfileTemplate-info': {
4266
4274
  marginTop: any;
4275
+ marginLeft: any;
4267
4276
  textAlign: string;
4268
4277
  };
4269
4278
  '& .SCUserProfileTemplate-feed': {
@@ -4271,7 +4280,7 @@ declare const theme: {
4271
4280
  };
4272
4281
  '& .SCUserProfileTemplate-actions': {
4273
4282
  margin: any;
4274
- justifyContent: string;
4283
+ height: string;
4275
4284
  };
4276
4285
  };
4277
4286
  skeletonRoot: ({ theme }: any) => {
@@ -5415,6 +5424,23 @@ declare const theme: {
5415
5424
  };
5416
5425
  };
5417
5426
  };
5427
+ SCChangeCoverButton: {
5428
+ styleOverrides: {
5429
+ root: ({ theme }: any) => {
5430
+ display: string;
5431
+ alignItems: string;
5432
+ flexWrap: string;
5433
+ '& .MuiButtonBase-root': {
5434
+ padding: number;
5435
+ borderRadius: number;
5436
+ minWidth: string;
5437
+ };
5438
+ '& .SCChangeCoverButton-help-popover': {
5439
+ marginLeft: any;
5440
+ };
5441
+ };
5442
+ };
5443
+ };
5418
5444
  };
5419
5445
  selfcommunity: {
5420
5446
  user: {
package/lib/cjs/index.js CHANGED
@@ -116,6 +116,7 @@ const SCExploreFeedTemplate_1 = tslib_1.__importDefault(require("./components/SC
116
116
  const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMainFeedTemplate"));
117
117
  const SCNotificationFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCNotificationFeedTemplate"));
118
118
  const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUserFeedTemplate"));
119
+ const SCChangeCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeCoverButton"));
119
120
  /**
120
121
  * Style fragments - Imports - End
121
122
  */
@@ -273,7 +274,8 @@ const theme = {
273
274
  SCExploreFeedTemplate: SCExploreFeedTemplate_1.default,
274
275
  SCMainFeedTemplate: SCMainFeedTemplate_1.default,
275
276
  SCNotificationFeedTemplate: SCNotificationFeedTemplate_1.default,
276
- SCUserFeedTemplate: SCUserFeedTemplate_1.default
277
+ SCUserFeedTemplate: SCUserFeedTemplate_1.default,
278
+ SCChangeCoverButton: SCChangeCoverButton_1.default
277
279
  },
278
280
  selfcommunity: {
279
281
  user: {
package/lib/esm/components/SCChangeCoverButton.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ display: string;
5
+ alignItems: string;
6
+ flexWrap: string;
7
+ '& .MuiButtonBase-root': {
8
+ padding: number;
9
+ borderRadius: number;
10
+ minWidth: string;
11
+ };
12
+ '& .SCChangeCoverButton-help-popover': {
13
+ marginLeft: any;
14
+ };
15
+ };
16
+ };
17
+ };
18
+ export default Component;
package/lib/esm/components/SCChangeCoverButton.js ADDED
@@ -0,0 +1,18 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ display: 'flex',
5
+ alignItems: 'center',
6
+ flexWrap: 'wrap',
7
+ '& .MuiButtonBase-root': {
8
+ padding: 6,
9
+ borderRadius: 50,
10
+ minWidth: 'auto'
11
+ },
12
+ '& .SCChangeCoverButton-help-popover': {
13
+ marginLeft: theme.spacing(1)
14
+ }
15
+ })
16
+ }
17
+ };
18
+ export default Component;
package/lib/esm/components/SCUserProfileHeader.d.ts CHANGED
@@ -12,26 +12,31 @@ declare const Component: {
12
12
  background: string;
13
13
  boxShadow: string;
14
14
  };
15
+ '& .SCUserProfileHeader-infops-section': {
16
+ display: string;
17
+ justifyContent: string;
18
+ };
15
19
  '& .SCUserProfileHeader-avatar': {
16
20
  height: any;
17
21
  width: any;
18
22
  top: number;
19
23
  display: string;
20
24
  position: string;
21
- margin: string;
25
+ marginLeft: any;
22
26
  borderRadius: string;
23
27
  border: string;
24
28
  objectFit: string;
25
29
  };
26
30
  '& .SCUserProfileHeader-change-picture': {
27
- top: any;
31
+ top: number;
28
32
  left: number;
29
33
  position: string;
30
34
  display: string;
31
- margin: string;
35
+ marginLeft: any;
32
36
  };
33
37
  '& .SCUserProfileHeader-username': {
34
38
  marginTop: number;
39
+ marginLeft: any;
35
40
  fontWeight: any;
36
41
  fontSize: string;
37
42
  textAlign: string;
@@ -40,6 +45,8 @@ declare const Component: {
40
45
  fontSize: string;
41
46
  textAlign: string;
42
47
  paddingBottom: any;
48
+ marginTop: any;
49
+ marginLeft: any;
43
50
  };
44
51
  '& .SCUserProfileHeader-change-cover': {
45
52
  position: string;
package/lib/esm/components/SCUserProfileHeader.js CHANGED
@@ -12,34 +12,41 @@ const Component = {
12
12
  borderRadius: theme.shape.borderRadius
13
13
  }
14
14
  },
15
+ '& .SCUserProfileHeader-infops-section': {
16
+ display: 'flex',
17
+ justifyContent: 'space-between'
18
+ },
15
19
  '& .SCUserProfileHeader-avatar': {
16
- height: theme.selfcommunity.user.avatar.sizeXLarge,
17
- width: theme.selfcommunity.user.avatar.sizeXLarge,
18
- top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
20
+ height: theme.selfcommunity.user.avatar.sizeLarge,
21
+ width: theme.selfcommunity.user.avatar.sizeLarge,
22
+ top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
19
23
  display: 'block',
20
- position: 'relative',
21
- margin: '0px auto',
24
+ position: 'absolute',
25
+ marginLeft: theme.spacing(2),
22
26
  borderRadius: '50%',
23
27
  border: `#FFF solid ${theme.spacing(0.5)}`,
24
28
  objectFit: 'cover'
25
29
  },
26
30
  '& .SCUserProfileHeader-change-picture': {
27
- top: theme.selfcommunity.user.avatar.sizeXLarge,
28
- left: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
31
+ top: 270 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
32
+ left: theme.selfcommunity.user.avatar.sizeLarge - 10,
29
33
  position: 'relative',
30
34
  display: 'flex',
31
- margin: '0px auto'
35
+ marginLeft: theme.spacing(2)
32
36
  },
33
37
  '& .SCUserProfileHeader-username': {
34
- marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge + 16,
38
+ marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge + 16,
39
+ marginLeft: theme.spacing(2),
35
40
  fontWeight: theme.typography.fontWeightBold,
36
41
  fontSize: '1.429rem',
37
- textAlign: 'center'
42
+ textAlign: 'start'
38
43
  },
39
44
  '& .SCUserProfileHeader-realname': {
40
45
  fontSize: '1rem',
41
- textAlign: 'center',
42
- paddingBottom: theme.spacing()
46
+ textAlign: 'start',
47
+ paddingBottom: theme.spacing(),
48
+ marginTop: theme.spacing(1),
49
+ marginLeft: theme.spacing(2)
43
50
  },
44
51
  '& .SCUserProfileHeader-change-cover': {
45
52
  position: 'absolute',
package/lib/esm/components/SCUserProfileTemplate.d.ts CHANGED
@@ -7,10 +7,11 @@ declare const Component: {
7
7
  marginTop: number;
8
8
  '& .SCUserProfileTemplate-tags': {
9
9
  marginTop: any;
10
+ marginLeft: any;
10
11
  justifyContent: string;
11
12
  };
12
13
  '& .SCUserProfileTemplate-counters': {
13
- marginTop: any;
14
+ marginLeft: any;
14
15
  justifyContent: string;
15
16
  display: string;
16
17
  alignItems: string;
@@ -18,6 +19,7 @@ declare const Component: {
18
19
  };
19
20
  '& .SCUserProfileTemplate-info': {
20
21
  marginTop: any;
22
+ marginLeft: any;
21
23
  textAlign: string;
22
24
  };
23
25
  '& .SCUserProfileTemplate-feed': {
@@ -25,7 +27,7 @@ declare const Component: {
25
27
  };
26
28
  '& .SCUserProfileTemplate-actions': {
27
29
  margin: any;
28
- justifyContent: string;
30
+ height: string;
29
31
  };
30
32
  };
31
33
  skeletonRoot: ({ theme }: any) => {
package/lib/esm/components/SCUserProfileTemplate.js CHANGED
@@ -6,26 +6,28 @@ const Component = {
6
6
  marginTop: theme.spacing(4)
7
7
  },
8
8
  '& .SCUserProfileTemplate-tags': {
9
- marginTop: theme.spacing(1),
10
- justifyContent: 'center'
9
+ marginTop: theme.spacing(2),
10
+ marginLeft: theme.spacing(2),
11
+ justifyContent: 'start'
11
12
  },
12
13
  '& .SCUserProfileTemplate-counters': {
13
- marginTop: theme.spacing(2),
14
- justifyContent: 'center',
14
+ marginLeft: theme.spacing(1.25),
15
+ justifyContent: 'start',
15
16
  display: 'flex',
16
17
  alignItems: 'center',
17
18
  flexWrap: 'wrap'
18
19
  },
19
20
  '& .SCUserProfileTemplate-info': {
20
21
  marginTop: theme.spacing(1),
21
- textAlign: 'center'
22
+ marginLeft: theme.spacing(2),
23
+ textAlign: 'start'
22
24
  },
23
25
  '& .SCUserProfileTemplate-feed': {
24
26
  marginTop: theme.spacing(2)
25
27
  },
26
28
  '& .SCUserProfileTemplate-actions': {
27
29
  margin: theme.spacing(1, 2, 2, 2),
28
- justifyContent: 'center'
30
+ height: 'fit-content'
29
31
  }
30
32
  }),
31
33
  skeletonRoot: ({ theme }) => ({
package/lib/esm/index.d.ts CHANGED
@@ -4122,26 +4122,31 @@ declare const theme: {
4122
4122
  background: string;
4123
4123
  boxShadow: string;
4124
4124
  };
4125
+ '& .SCUserProfileHeader-infops-section': {
4126
+ display: string;
4127
+ justifyContent: string;
4128
+ };
4125
4129
  '& .SCUserProfileHeader-avatar': {
4126
4130
  height: any;
4127
4131
  width: any;
4128
4132
  top: number;
4129
4133
  display: string;
4130
4134
  position: string;
4131
- margin: string;
4135
+ marginLeft: any;
4132
4136
  borderRadius: string;
4133
4137
  border: string;
4134
4138
  objectFit: string;
4135
4139
  };
4136
4140
  '& .SCUserProfileHeader-change-picture': {
4137
- top: any;
4141
+ top: number;
4138
4142
  left: number;
4139
4143
  position: string;
4140
4144
  display: string;
4141
- margin: string;
4145
+ marginLeft: any;
4142
4146
  };
4143
4147
  '& .SCUserProfileHeader-username': {
4144
4148
  marginTop: number;
4149
+ marginLeft: any;
4145
4150
  fontWeight: any;
4146
4151
  fontSize: string;
4147
4152
  textAlign: string;
@@ -4150,6 +4155,8 @@ declare const theme: {
4150
4155
  fontSize: string;
4151
4156
  textAlign: string;
4152
4157
  paddingBottom: any;
4158
+ marginTop: any;
4159
+ marginLeft: any;
4153
4160
  };
4154
4161
  '& .SCUserProfileHeader-change-cover': {
4155
4162
  position: string;
@@ -4253,10 +4260,11 @@ declare const theme: {
4253
4260
  marginTop: number;
4254
4261
  '& .SCUserProfileTemplate-tags': {
4255
4262
  marginTop: any;
4263
+ marginLeft: any;
4256
4264
  justifyContent: string;
4257
4265
  };
4258
4266
  '& .SCUserProfileTemplate-counters': {
4259
- marginTop: any;
4267
+ marginLeft: any;
4260
4268
  justifyContent: string;
4261
4269
  display: string;
4262
4270
  alignItems: string;
@@ -4264,6 +4272,7 @@ declare const theme: {
4264
4272
  };
4265
4273
  '& .SCUserProfileTemplate-info': {
4266
4274
  marginTop: any;
4275
+ marginLeft: any;
4267
4276
  textAlign: string;
4268
4277
  };
4269
4278
  '& .SCUserProfileTemplate-feed': {
@@ -4271,7 +4280,7 @@ declare const theme: {
4271
4280
  };
4272
4281
  '& .SCUserProfileTemplate-actions': {
4273
4282
  margin: any;
4274
- justifyContent: string;
4283
+ height: string;
4275
4284
  };
4276
4285
  };
4277
4286
  skeletonRoot: ({ theme }: any) => {
@@ -5415,6 +5424,23 @@ declare const theme: {
5415
5424
  };
5416
5425
  };
5417
5426
  };
5427
+ SCChangeCoverButton: {
5428
+ styleOverrides: {
5429
+ root: ({ theme }: any) => {
5430
+ display: string;
5431
+ alignItems: string;
5432
+ flexWrap: string;
5433
+ '& .MuiButtonBase-root': {
5434
+ padding: number;
5435
+ borderRadius: number;
5436
+ minWidth: string;
5437
+ };
5438
+ '& .SCChangeCoverButton-help-popover': {
5439
+ marginLeft: any;
5440
+ };
5441
+ };
5442
+ };
5443
+ };
5418
5444
  };
5419
5445
  selfcommunity: {
5420
5446
  user: {
package/lib/esm/index.js CHANGED
@@ -113,6 +113,7 @@ import SCExploreFeedTemplate from './components/SCExploreFeedTemplate';
113
113
  import SCMainFeedTemplate from './components/SCMainFeedTemplate';
114
114
  import SCNotificationFeedTemplate from './components/SCNotificationFeedTemplate';
115
115
  import SCUserFeedTemplate from './components/SCUserFeedTemplate';
116
+ import SCChangeCoverButton from './components/SCChangeCoverButton';
116
117
  /**
117
118
  * Style fragments - Imports - End
118
119
  */
@@ -270,7 +271,8 @@ const theme = {
270
271
  SCExploreFeedTemplate,
271
272
  SCMainFeedTemplate,
272
273
  SCNotificationFeedTemplate,
273
- SCUserFeedTemplate
274
+ SCUserFeedTemplate,
275
+ SCChangeCoverButton
274
276
  },
275
277
  selfcommunity: {
276
278
  user: {