@selfcommunity/react-theme-default 0.1.0-alpha.319 → 0.1.0-alpha.320

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/SCCategoryHeader.d.ts +0 -3
  2. package/lib/cjs/components/SCCategoryHeader.js +1 -4
  3. package/lib/cjs/components/SCUserProfileHeader.d.ts +9 -2
  4. package/lib/cjs/components/SCUserProfileHeader.js +19 -12
  5. package/lib/cjs/components/SCUserProfileTemplate.d.ts +4 -4
  6. package/lib/cjs/components/SCUserProfileTemplate.js +5 -5
  7. package/lib/cjs/index.d.ts +13 -9
  8. package/lib/cjs/index.js +1 -1
  9. package/lib/esm/components/SCCategoryHeader.d.ts +0 -3
  10. package/lib/esm/components/SCCategoryHeader.js +1 -4
  11. package/lib/esm/components/SCUserProfileHeader.d.ts +9 -2
  12. package/lib/esm/components/SCUserProfileHeader.js +19 -12
  13. package/lib/esm/components/SCUserProfileTemplate.d.ts +4 -4
  14. package/lib/esm/components/SCUserProfileTemplate.js +5 -5
  15. package/lib/esm/index.d.ts +13 -9
  16. package/lib/esm/index.js +1 -1
  17. package/lib/umd/react-theme-default.js +2 -2
  18. package/package.json +2 -2
package/lib/cjs/components/SCCategoryHeader.d.ts CHANGED
@@ -7,9 +7,6 @@ declare const Component: {
7
7
  styleOverrides: {
8
8
  root: ({ theme }: any) => {
9
9
  '& .SCCategoryHeader-cover': {
10
- [x: number]: {
11
- borderRadius: any;
12
- };
13
10
  display: string;
14
11
  flexDirection: string;
15
12
  justifyContent: string;
package/lib/cjs/components/SCCategoryHeader.js CHANGED
@@ -17,10 +17,7 @@ const Component = {
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: 200,
20
- borderRadius: 0,
21
- [theme.breakpoints.up('md')]: {
22
- borderRadius: theme.shape.borderRadius
23
- }
20
+ borderRadius: 0
24
21
  },
25
22
  '& .SCCategoryHeader-info': {
26
23
  paddingLeft: theme.spacing(2),
package/lib/cjs/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
- borderRadius: any;
6
+ margin: any;
7
7
  };
8
8
  position: string;
9
9
  height: number;
@@ -17,17 +17,24 @@ declare const Component: {
17
17
  justifyContent: string;
18
18
  };
19
19
  '& .SCUserProfileHeader-avatar': {
20
+ [x: number]: {
21
+ left: number;
22
+ marginLeft: number;
23
+ };
20
24
  height: any;
21
25
  width: any;
22
26
  top: number;
23
27
  display: string;
24
28
  position: string;
25
- marginLeft: any;
26
29
  borderRadius: string;
27
30
  border: string;
28
31
  objectFit: string;
32
+ marginLeft: any;
29
33
  };
30
34
  '& .SCUserProfileHeader-change-picture': {
35
+ [x: number]: {
36
+ left: number;
37
+ };
31
38
  top: number;
32
39
  left: number;
33
40
  position: string;
package/lib/cjs/components/SCUserProfileHeader.js CHANGED
@@ -10,8 +10,8 @@ const Component = {
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('md')]: {
14
- borderRadius: theme.shape.borderRadius
13
+ [theme.breakpoints.up('lg')]: {
14
+ margin: theme.spacing(0, -5, 0, -5)
15
15
  }
16
16
  },
17
17
  '& .SCUserProfileHeader-infops-section': {
@@ -19,25 +19,32 @@ const Component = {
19
19
  justifyContent: 'space-between'
20
20
  },
21
21
  '& .SCUserProfileHeader-avatar': {
22
- height: theme.selfcommunity.user.avatar.sizeLarge,
23
- width: theme.selfcommunity.user.avatar.sizeLarge,
24
- top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
22
+ height: theme.selfcommunity.user.avatar.sizeXLarge,
23
+ width: theme.selfcommunity.user.avatar.sizeXLarge,
24
+ top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
25
+ [theme.breakpoints.up('lg')]: {
26
+ left: theme.selfcommunity.user.avatar.sizeXLarge / 2,
27
+ marginLeft: 0
28
+ },
25
29
  display: 'block',
26
30
  position: 'absolute',
27
- marginLeft: theme.spacing(2),
28
31
  borderRadius: '50%',
29
32
  border: `#FFF solid ${theme.spacing(0.5)}`,
30
- objectFit: 'cover'
33
+ objectFit: 'cover',
34
+ marginLeft: theme.spacing(1)
31
35
  },
32
36
  '& .SCUserProfileHeader-change-picture': {
33
- top: 270 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
34
- left: theme.selfcommunity.user.avatar.sizeLarge - 10,
37
+ top: 280 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
38
+ [theme.breakpoints.up('lg')]: {
39
+ left: 155 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge
40
+ },
41
+ left: 70,
35
42
  position: 'relative',
36
43
  display: 'flex',
37
44
  marginLeft: theme.spacing(2)
38
45
  },
39
46
  '& .SCUserProfileHeader-username': {
40
- marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge + 16,
47
+ marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge + 16,
41
48
  marginLeft: theme.spacing(2),
42
49
  fontWeight: theme.typography.fontWeightBold,
43
50
  fontSize: '1.429rem',
@@ -61,14 +68,14 @@ const Component = {
61
68
  '& .SCUserProfileHeader-avatar': {
62
69
  display: 'block',
63
70
  position: 'absolute',
64
- top: 270,
71
+ top: 300,
65
72
  marginLeft: theme.spacing(4),
66
73
  [`& .MuiSkeleton-root`]: {
67
74
  border: '#FFF solid 5px'
68
75
  }
69
76
  },
70
77
  '& .SCUserProfileHeader-username': {
71
- marginTop: 100,
78
+ marginTop: 80,
72
79
  textAlign: 'start',
73
80
  [`& .MuiSkeleton-root`]: {
74
81
  position: 'absolute',
package/lib/cjs/components/SCUserProfileTemplate.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- [x: number]: {
5
- marginTop: any;
6
- };
7
4
  marginTop: number;
8
5
  '& .SCUserProfileTemplate-tags': {
9
6
  marginTop: any;
@@ -26,8 +23,11 @@ declare const Component: {
26
23
  marginTop: any;
27
24
  };
28
25
  '& .SCUserProfileTemplate-actions': {
29
- margin: any;
26
+ [x: number]: {
27
+ margin: any;
28
+ };
30
29
  height: string;
30
+ marginTop: any;
31
31
  };
32
32
  };
33
33
  skeletonRoot: ({ theme }: any) => {
package/lib/cjs/components/SCUserProfileTemplate.js CHANGED
@@ -4,9 +4,6 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  marginTop: 0,
7
- [theme.breakpoints.up('md')]: {
8
- marginTop: theme.spacing(4)
9
- },
10
7
  '& .SCUserProfileTemplate-tags': {
11
8
  marginTop: theme.spacing(2),
12
9
  marginLeft: theme.spacing(2),
@@ -28,8 +25,11 @@ const Component = {
28
25
  marginTop: theme.spacing(2)
29
26
  },
30
27
  '& .SCUserProfileTemplate-actions': {
31
- margin: theme.spacing(1, 2, 2, 2),
32
- height: 'fit-content'
28
+ [theme.breakpoints.up('md')]: {
29
+ margin: theme.spacing(1, 2, 2, 2)
30
+ },
31
+ height: 'fit-content',
32
+ marginTop: theme.spacing(1)
33
33
  }
34
34
  }),
35
35
  skeletonRoot: ({ theme }) => ({
package/lib/cjs/index.d.ts CHANGED
@@ -676,9 +676,6 @@ declare const theme: {
676
676
  styleOverrides: {
677
677
  root: ({ theme }: any) => {
678
678
  '& .SCCategoryHeader-cover': {
679
- [x: number]: {
680
- borderRadius: any;
681
- };
682
679
  display: string;
683
680
  flexDirection: string;
684
681
  justifyContent: string;
@@ -4113,7 +4110,7 @@ declare const theme: {
4113
4110
  root: ({ theme }: any) => {
4114
4111
  '& .SCUserProfileHeader-cover': {
4115
4112
  [x: number]: {
4116
- borderRadius: any;
4113
+ margin: any;
4117
4114
  };
4118
4115
  position: string;
4119
4116
  height: number;
@@ -4127,17 +4124,24 @@ declare const theme: {
4127
4124
  justifyContent: string;
4128
4125
  };
4129
4126
  '& .SCUserProfileHeader-avatar': {
4127
+ [x: number]: {
4128
+ left: number;
4129
+ marginLeft: number;
4130
+ };
4130
4131
  height: any;
4131
4132
  width: any;
4132
4133
  top: number;
4133
4134
  display: string;
4134
4135
  position: string;
4135
- marginLeft: any;
4136
4136
  borderRadius: string;
4137
4137
  border: string;
4138
4138
  objectFit: string;
4139
+ marginLeft: any;
4139
4140
  };
4140
4141
  '& .SCUserProfileHeader-change-picture': {
4142
+ [x: number]: {
4143
+ left: number;
4144
+ };
4141
4145
  top: number;
4142
4146
  left: number;
4143
4147
  position: string;
@@ -4258,9 +4262,6 @@ declare const theme: {
4258
4262
  SCUserProfileTemplate: {
4259
4263
  styleOverrides: {
4260
4264
  root: ({ theme }: any) => {
4261
- [x: number]: {
4262
- marginTop: any;
4263
- };
4264
4265
  marginTop: number;
4265
4266
  '& .SCUserProfileTemplate-tags': {
4266
4267
  marginTop: any;
@@ -4283,8 +4284,11 @@ declare const theme: {
4283
4284
  marginTop: any;
4284
4285
  };
4285
4286
  '& .SCUserProfileTemplate-actions': {
4286
- margin: any;
4287
+ [x: number]: {
4288
+ margin: any;
4289
+ };
4287
4290
  height: string;
4291
+ marginTop: any;
4288
4292
  };
4289
4293
  };
4290
4294
  skeletonRoot: ({ theme }: any) => {
package/lib/cjs/index.js CHANGED
@@ -283,7 +283,7 @@ const theme = {
283
283
  sizeSmall: 21,
284
284
  sizeMedium: 30,
285
285
  sizeLarge: 60,
286
- sizeXLarge: 140
286
+ sizeXLarge: 90
287
287
  }
288
288
  },
289
289
  category: {
package/lib/esm/components/SCCategoryHeader.d.ts CHANGED
@@ -7,9 +7,6 @@ declare const Component: {
7
7
  styleOverrides: {
8
8
  root: ({ theme }: any) => {
9
9
  '& .SCCategoryHeader-cover': {
10
- [x: number]: {
11
- borderRadius: any;
12
- };
13
10
  display: string;
14
11
  flexDirection: string;
15
12
  justifyContent: string;
package/lib/esm/components/SCCategoryHeader.js CHANGED
@@ -15,10 +15,7 @@ const Component = {
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: 200,
18
- borderRadius: 0,
19
- [theme.breakpoints.up('md')]: {
20
- borderRadius: theme.shape.borderRadius
21
- }
18
+ borderRadius: 0
22
19
  },
23
20
  '& .SCCategoryHeader-info': {
24
21
  paddingLeft: theme.spacing(2),
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
- borderRadius: any;
6
+ margin: any;
7
7
  };
8
8
  position: string;
9
9
  height: number;
@@ -17,17 +17,24 @@ declare const Component: {
17
17
  justifyContent: string;
18
18
  };
19
19
  '& .SCUserProfileHeader-avatar': {
20
+ [x: number]: {
21
+ left: number;
22
+ marginLeft: number;
23
+ };
20
24
  height: any;
21
25
  width: any;
22
26
  top: number;
23
27
  display: string;
24
28
  position: string;
25
- marginLeft: any;
26
29
  borderRadius: string;
27
30
  border: string;
28
31
  objectFit: string;
32
+ marginLeft: any;
29
33
  };
30
34
  '& .SCUserProfileHeader-change-picture': {
35
+ [x: number]: {
36
+ left: number;
37
+ };
31
38
  top: number;
32
39
  left: number;
33
40
  position: string;
package/lib/esm/components/SCUserProfileHeader.js CHANGED
@@ -8,8 +8,8 @@ const Component = {
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('md')]: {
12
- borderRadius: theme.shape.borderRadius
11
+ [theme.breakpoints.up('lg')]: {
12
+ margin: theme.spacing(0, -5, 0, -5)
13
13
  }
14
14
  },
15
15
  '& .SCUserProfileHeader-infops-section': {
@@ -17,25 +17,32 @@ const Component = {
17
17
  justifyContent: 'space-between'
18
18
  },
19
19
  '& .SCUserProfileHeader-avatar': {
20
- height: theme.selfcommunity.user.avatar.sizeLarge,
21
- width: theme.selfcommunity.user.avatar.sizeLarge,
22
- top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
20
+ height: theme.selfcommunity.user.avatar.sizeXLarge,
21
+ width: theme.selfcommunity.user.avatar.sizeXLarge,
22
+ top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
23
+ [theme.breakpoints.up('lg')]: {
24
+ left: theme.selfcommunity.user.avatar.sizeXLarge / 2,
25
+ marginLeft: 0
26
+ },
23
27
  display: 'block',
24
28
  position: 'absolute',
25
- marginLeft: theme.spacing(2),
26
29
  borderRadius: '50%',
27
30
  border: `#FFF solid ${theme.spacing(0.5)}`,
28
- objectFit: 'cover'
31
+ objectFit: 'cover',
32
+ marginLeft: theme.spacing(1)
29
33
  },
30
34
  '& .SCUserProfileHeader-change-picture': {
31
- top: 270 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
32
- left: theme.selfcommunity.user.avatar.sizeLarge - 10,
35
+ top: 280 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge,
36
+ [theme.breakpoints.up('lg')]: {
37
+ left: 155 - 0.5 * theme.selfcommunity.user.avatar.sizeXLarge
38
+ },
39
+ left: 70,
33
40
  position: 'relative',
34
41
  display: 'flex',
35
42
  marginLeft: theme.spacing(2)
36
43
  },
37
44
  '& .SCUserProfileHeader-username': {
38
- marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge + 16,
45
+ marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeXLarge + 16,
39
46
  marginLeft: theme.spacing(2),
40
47
  fontWeight: theme.typography.fontWeightBold,
41
48
  fontSize: '1.429rem',
@@ -59,14 +66,14 @@ const Component = {
59
66
  '& .SCUserProfileHeader-avatar': {
60
67
  display: 'block',
61
68
  position: 'absolute',
62
- top: 270,
69
+ top: 300,
63
70
  marginLeft: theme.spacing(4),
64
71
  [`& .MuiSkeleton-root`]: {
65
72
  border: '#FFF solid 5px'
66
73
  }
67
74
  },
68
75
  '& .SCUserProfileHeader-username': {
69
- marginTop: 100,
76
+ marginTop: 80,
70
77
  textAlign: 'start',
71
78
  [`& .MuiSkeleton-root`]: {
72
79
  position: 'absolute',
package/lib/esm/components/SCUserProfileTemplate.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- [x: number]: {
5
- marginTop: any;
6
- };
7
4
  marginTop: number;
8
5
  '& .SCUserProfileTemplate-tags': {
9
6
  marginTop: any;
@@ -26,8 +23,11 @@ declare const Component: {
26
23
  marginTop: any;
27
24
  };
28
25
  '& .SCUserProfileTemplate-actions': {
29
- margin: any;
26
+ [x: number]: {
27
+ margin: any;
28
+ };
30
29
  height: string;
30
+ marginTop: any;
31
31
  };
32
32
  };
33
33
  skeletonRoot: ({ theme }: any) => {
package/lib/esm/components/SCUserProfileTemplate.js CHANGED
@@ -2,9 +2,6 @@ const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
4
  marginTop: 0,
5
- [theme.breakpoints.up('md')]: {
6
- marginTop: theme.spacing(4)
7
- },
8
5
  '& .SCUserProfileTemplate-tags': {
9
6
  marginTop: theme.spacing(2),
10
7
  marginLeft: theme.spacing(2),
@@ -26,8 +23,11 @@ const Component = {
26
23
  marginTop: theme.spacing(2)
27
24
  },
28
25
  '& .SCUserProfileTemplate-actions': {
29
- margin: theme.spacing(1, 2, 2, 2),
30
- height: 'fit-content'
26
+ [theme.breakpoints.up('md')]: {
27
+ margin: theme.spacing(1, 2, 2, 2)
28
+ },
29
+ height: 'fit-content',
30
+ marginTop: theme.spacing(1)
31
31
  }
32
32
  }),
33
33
  skeletonRoot: ({ theme }) => ({
package/lib/esm/index.d.ts CHANGED
@@ -676,9 +676,6 @@ declare const theme: {
676
676
  styleOverrides: {
677
677
  root: ({ theme }: any) => {
678
678
  '& .SCCategoryHeader-cover': {
679
- [x: number]: {
680
- borderRadius: any;
681
- };
682
679
  display: string;
683
680
  flexDirection: string;
684
681
  justifyContent: string;
@@ -4113,7 +4110,7 @@ declare const theme: {
4113
4110
  root: ({ theme }: any) => {
4114
4111
  '& .SCUserProfileHeader-cover': {
4115
4112
  [x: number]: {
4116
- borderRadius: any;
4113
+ margin: any;
4117
4114
  };
4118
4115
  position: string;
4119
4116
  height: number;
@@ -4127,17 +4124,24 @@ declare const theme: {
4127
4124
  justifyContent: string;
4128
4125
  };
4129
4126
  '& .SCUserProfileHeader-avatar': {
4127
+ [x: number]: {
4128
+ left: number;
4129
+ marginLeft: number;
4130
+ };
4130
4131
  height: any;
4131
4132
  width: any;
4132
4133
  top: number;
4133
4134
  display: string;
4134
4135
  position: string;
4135
- marginLeft: any;
4136
4136
  borderRadius: string;
4137
4137
  border: string;
4138
4138
  objectFit: string;
4139
+ marginLeft: any;
4139
4140
  };
4140
4141
  '& .SCUserProfileHeader-change-picture': {
4142
+ [x: number]: {
4143
+ left: number;
4144
+ };
4141
4145
  top: number;
4142
4146
  left: number;
4143
4147
  position: string;
@@ -4258,9 +4262,6 @@ declare const theme: {
4258
4262
  SCUserProfileTemplate: {
4259
4263
  styleOverrides: {
4260
4264
  root: ({ theme }: any) => {
4261
- [x: number]: {
4262
- marginTop: any;
4263
- };
4264
4265
  marginTop: number;
4265
4266
  '& .SCUserProfileTemplate-tags': {
4266
4267
  marginTop: any;
@@ -4283,8 +4284,11 @@ declare const theme: {
4283
4284
  marginTop: any;
4284
4285
  };
4285
4286
  '& .SCUserProfileTemplate-actions': {
4286
- margin: any;
4287
+ [x: number]: {
4288
+ margin: any;
4289
+ };
4287
4290
  height: string;
4291
+ marginTop: any;
4288
4292
  };
4289
4293
  };
4290
4294
  skeletonRoot: ({ theme }: any) => {
package/lib/esm/index.js CHANGED
@@ -280,7 +280,7 @@ const theme = {
280
280
  sizeSmall: 21,
281
281
  sizeMedium: 30,
282
282
  sizeLarge: 60,
283
- sizeXLarge: 140
283
+ sizeXLarge: 90
284
284
  }
285
285
  },
286
286
  category: {