@selfcommunity/react-theme-default 0.1.9-alpha.44 → 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.
- package/lib/cjs/components/SCCategoryHeader.d.ts +3 -0
- package/lib/cjs/components/SCCategoryHeader.js +5 -2
- package/lib/cjs/components/SCGroupHeader.d.ts +0 -4
- package/lib/cjs/components/SCGroupHeader.js +1 -4
- package/lib/cjs/components/SCPrivateMessageSnippets.d.ts +1 -0
- package/lib/cjs/components/SCPrivateMessageSnippets.js +1 -0
- package/lib/cjs/components/SCPrivateMessageThread.js +2 -2
- package/lib/cjs/components/SCUserProfileHeader.d.ts +1 -1
- package/lib/cjs/components/SCUserProfileHeader.js +4 -4
- package/lib/cjs/index.d.ts +5 -5
- package/lib/esm/components/SCCategoryHeader.d.ts +3 -0
- package/lib/esm/components/SCCategoryHeader.js +5 -2
- package/lib/esm/components/SCGroupHeader.d.ts +0 -4
- package/lib/esm/components/SCGroupHeader.js +1 -4
- package/lib/esm/components/SCPrivateMessageSnippets.d.ts +1 -0
- package/lib/esm/components/SCPrivateMessageSnippets.js +1 -0
- package/lib/esm/components/SCPrivateMessageThread.js +2 -2
- package/lib/esm/components/SCUserProfileHeader.d.ts +1 -1
- package/lib/esm/components/SCUserProfileHeader.js +4 -4
- package/lib/esm/index.d.ts +5 -5
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +3 -3
|
@@ -13,11 +13,14 @@ const Component = {
|
|
|
13
13
|
flexDirection: 'column',
|
|
14
14
|
justifyContent: 'center',
|
|
15
15
|
alignItems: 'center',
|
|
16
|
-
minHeight:
|
|
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),
|
|
@@ -5,16 +5,13 @@ const Component = {
|
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
'& .SCGroupHeader-cover': {
|
|
7
7
|
position: 'relative',
|
|
8
|
-
height:
|
|
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': {
|
|
@@ -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,
|
|
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.
|
|
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',
|
|
@@ -6,12 +6,12 @@ const Component = {
|
|
|
6
6
|
'& .SCUserProfileHeader-cover': {
|
|
7
7
|
position: 'relative',
|
|
8
8
|
height: 230,
|
|
9
|
-
minHeight:
|
|
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('
|
|
14
|
-
|
|
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,
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -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;
|
|
@@ -4179,7 +4182,7 @@ declare const theme: {
|
|
|
4179
4182
|
root: ({ theme }: any) => {
|
|
4180
4183
|
'& .SCUserProfileHeader-cover': {
|
|
4181
4184
|
[x: number]: {
|
|
4182
|
-
|
|
4185
|
+
borderRadius: any;
|
|
4183
4186
|
};
|
|
4184
4187
|
position: string;
|
|
4185
4188
|
height: number;
|
|
@@ -4584,6 +4587,7 @@ declare const theme: {
|
|
|
4584
4587
|
root: ({ theme }: any) => {
|
|
4585
4588
|
height: string;
|
|
4586
4589
|
width: string;
|
|
4590
|
+
borderRadius: number;
|
|
4587
4591
|
'& .MuiCardContent-root': {
|
|
4588
4592
|
display: string;
|
|
4589
4593
|
flexDirection: string;
|
|
@@ -5590,10 +5594,6 @@ declare const theme: {
|
|
|
5590
5594
|
'& .SCGroupHeader-cover': {
|
|
5591
5595
|
[x: number]: {
|
|
5592
5596
|
borderRadius: any;
|
|
5593
|
-
margin?: undefined;
|
|
5594
|
-
} | {
|
|
5595
|
-
margin: any;
|
|
5596
|
-
borderRadius?: undefined;
|
|
5597
5597
|
};
|
|
5598
5598
|
position: string;
|
|
5599
5599
|
height: number;
|
|
@@ -11,11 +11,14 @@ const Component = {
|
|
|
11
11
|
flexDirection: 'column',
|
|
12
12
|
justifyContent: 'center',
|
|
13
13
|
alignItems: 'center',
|
|
14
|
-
minHeight:
|
|
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),
|
|
@@ -3,16 +3,13 @@ const Component = {
|
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
'& .SCGroupHeader-cover': {
|
|
5
5
|
position: 'relative',
|
|
6
|
-
height:
|
|
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': {
|
|
@@ -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,
|
|
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.
|
|
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',
|
|
@@ -4,12 +4,12 @@ const Component = {
|
|
|
4
4
|
'& .SCUserProfileHeader-cover': {
|
|
5
5
|
position: 'relative',
|
|
6
6
|
height: 230,
|
|
7
|
-
minHeight:
|
|
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('
|
|
12
|
-
|
|
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,
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -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;
|
|
@@ -4179,7 +4182,7 @@ declare const theme: {
|
|
|
4179
4182
|
root: ({ theme }: any) => {
|
|
4180
4183
|
'& .SCUserProfileHeader-cover': {
|
|
4181
4184
|
[x: number]: {
|
|
4182
|
-
|
|
4185
|
+
borderRadius: any;
|
|
4183
4186
|
};
|
|
4184
4187
|
position: string;
|
|
4185
4188
|
height: number;
|
|
@@ -4584,6 +4587,7 @@ declare const theme: {
|
|
|
4584
4587
|
root: ({ theme }: any) => {
|
|
4585
4588
|
height: string;
|
|
4586
4589
|
width: string;
|
|
4590
|
+
borderRadius: number;
|
|
4587
4591
|
'& .MuiCardContent-root': {
|
|
4588
4592
|
display: string;
|
|
4589
4593
|
flexDirection: string;
|
|
@@ -5590,10 +5594,6 @@ declare const theme: {
|
|
|
5590
5594
|
'& .SCGroupHeader-cover': {
|
|
5591
5595
|
[x: number]: {
|
|
5592
5596
|
borderRadius: any;
|
|
5593
|
-
margin?: undefined;
|
|
5594
|
-
} | {
|
|
5595
|
-
margin: any;
|
|
5596
|
-
borderRadius?: undefined;
|
|
5597
5597
|
};
|
|
5598
5598
|
position: string;
|
|
5599
5599
|
height: number;
|