@selfcommunity/react-theme-default 0.1.50-events.36 → 0.1.50-events.39
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/SCEvent.d.ts +11 -1
- package/lib/cjs/components/SCEvent.js +11 -1
- package/lib/cjs/components/SCEventHeader.d.ts +92 -0
- package/lib/cjs/components/SCEventHeader.js +109 -0
- package/lib/cjs/components/SCEventSubscribeButton.d.ts +74 -0
- package/lib/cjs/components/SCEventSubscribeButton.js +76 -0
- package/lib/cjs/components/SCFeedObject.d.ts +1 -1
- package/lib/cjs/components/SCFeedObject.js +1 -1
- package/lib/cjs/index.d.ts +182 -2
- package/lib/cjs/index.js +5 -1
- package/lib/esm/components/SCEvent.d.ts +11 -1
- package/lib/esm/components/SCEvent.js +11 -1
- package/lib/esm/components/SCEventHeader.d.ts +92 -0
- package/lib/esm/components/SCEventHeader.js +107 -0
- package/lib/esm/components/SCEventSubscribeButton.d.ts +74 -0
- package/lib/esm/components/SCEventSubscribeButton.js +74 -0
- package/lib/esm/components/SCFeedObject.d.ts +1 -1
- package/lib/esm/components/SCFeedObject.js +1 -1
- package/lib/esm/index.d.ts +182 -2
- package/lib/esm/index.js +5 -1
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -7,7 +7,7 @@ declare const Component: {
|
|
|
7
7
|
width: number;
|
|
8
8
|
height: number;
|
|
9
9
|
'& img': {
|
|
10
|
-
borderRadius:
|
|
10
|
+
borderRadius: string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
13
|
};
|
|
@@ -24,8 +24,15 @@ declare const Component: {
|
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
26
|
skeletonRoot: ({ theme }: any) => {
|
|
27
|
+
gap: string;
|
|
28
|
+
'& .SCBaseItem-content': {
|
|
29
|
+
flex: number;
|
|
30
|
+
};
|
|
27
31
|
'& .SCEvent-skeleton-image': {
|
|
28
32
|
position: string;
|
|
33
|
+
'& .MuiSkeleton-root': {
|
|
34
|
+
borderRadius: string;
|
|
35
|
+
};
|
|
29
36
|
'& .MuiIcon-root': {
|
|
30
37
|
color: any;
|
|
31
38
|
position: string;
|
|
@@ -34,6 +41,9 @@ declare const Component: {
|
|
|
34
41
|
transform: string;
|
|
35
42
|
};
|
|
36
43
|
};
|
|
44
|
+
'& .SCBaseItem-actions': {
|
|
45
|
+
maxWidth: string;
|
|
46
|
+
};
|
|
37
47
|
};
|
|
38
48
|
};
|
|
39
49
|
};
|
|
@@ -7,7 +7,7 @@ const Component = {
|
|
|
7
7
|
width: 100,
|
|
8
8
|
height: 60,
|
|
9
9
|
'& img': {
|
|
10
|
-
borderRadius:
|
|
10
|
+
borderRadius: '5px'
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
},
|
|
@@ -24,8 +24,15 @@ const Component = {
|
|
|
24
24
|
}
|
|
25
25
|
}),
|
|
26
26
|
skeletonRoot: ({ theme }) => ({
|
|
27
|
+
gap: '10%',
|
|
28
|
+
'& .SCBaseItem-content': {
|
|
29
|
+
flex: 0
|
|
30
|
+
},
|
|
27
31
|
'& .SCEvent-skeleton-image': {
|
|
28
32
|
position: 'relative',
|
|
33
|
+
'& .MuiSkeleton-root': {
|
|
34
|
+
borderRadius: '5px'
|
|
35
|
+
},
|
|
29
36
|
'& .MuiIcon-root': {
|
|
30
37
|
color: theme.palette.common.white,
|
|
31
38
|
position: 'absolute',
|
|
@@ -33,6 +40,9 @@ const Component = {
|
|
|
33
40
|
left: '50%',
|
|
34
41
|
transform: 'translate(-50%, -50%)'
|
|
35
42
|
}
|
|
43
|
+
},
|
|
44
|
+
'& .SCBaseItem-actions': {
|
|
45
|
+
maxWidth: 'none !important'
|
|
36
46
|
}
|
|
37
47
|
})
|
|
38
48
|
}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCEventHeader-cover': {
|
|
5
|
+
[x: number]: {
|
|
6
|
+
borderRadius: any;
|
|
7
|
+
};
|
|
8
|
+
position: string;
|
|
9
|
+
minHeight: number;
|
|
10
|
+
background: string;
|
|
11
|
+
height: number;
|
|
12
|
+
borderRadius: number;
|
|
13
|
+
};
|
|
14
|
+
'& .SCEventHeader-time': {
|
|
15
|
+
textTransform: string;
|
|
16
|
+
fontSize: string;
|
|
17
|
+
fontWeight: any;
|
|
18
|
+
color: any;
|
|
19
|
+
};
|
|
20
|
+
'& .SCEventHeader-info': {
|
|
21
|
+
marginTop: any;
|
|
22
|
+
'& .SCEventHeader-name': {
|
|
23
|
+
fontSize: string;
|
|
24
|
+
fontWeight: any;
|
|
25
|
+
};
|
|
26
|
+
'& .SCEventHeader-visibility': {
|
|
27
|
+
display: string;
|
|
28
|
+
justifyContent: string;
|
|
29
|
+
alignItems: string;
|
|
30
|
+
gap: any;
|
|
31
|
+
'& .SCEventHeader-visibility-item': {
|
|
32
|
+
fontSize: any;
|
|
33
|
+
fontWeight: any;
|
|
34
|
+
color: any;
|
|
35
|
+
display: string;
|
|
36
|
+
justifyContent: string;
|
|
37
|
+
alignItems: string;
|
|
38
|
+
gap: any;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
'& .SCEditEvenButton-root': {
|
|
42
|
+
marginLeft: string;
|
|
43
|
+
marginTop: any;
|
|
44
|
+
marginRight: any;
|
|
45
|
+
};
|
|
46
|
+
'& .SCEvenSubscribeButton-root': {
|
|
47
|
+
marginTop: any;
|
|
48
|
+
};
|
|
49
|
+
'& .SCUser-root': {
|
|
50
|
+
borderTop: string;
|
|
51
|
+
borderBottom: string;
|
|
52
|
+
padding: string;
|
|
53
|
+
marginTop: any;
|
|
54
|
+
'& .SCBaseItemButton-actions': {
|
|
55
|
+
maxWidth: string;
|
|
56
|
+
width: string;
|
|
57
|
+
'& .SCEventHeader-multi-actions': {
|
|
58
|
+
display: string;
|
|
59
|
+
justifyContent: string;
|
|
60
|
+
};
|
|
61
|
+
'& .SCEventSubscribeButton-select-root': {
|
|
62
|
+
float: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
'& .SCEventHeader-name': {
|
|
68
|
+
fontWeight: any;
|
|
69
|
+
fontSize: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
skeletonRoot: ({ theme }: any) => {
|
|
73
|
+
position: string;
|
|
74
|
+
'& .SCEventHeader-cover': {
|
|
75
|
+
height: number;
|
|
76
|
+
};
|
|
77
|
+
'& .SCEventHeader-avatar': {
|
|
78
|
+
top: number;
|
|
79
|
+
display: string;
|
|
80
|
+
position: string;
|
|
81
|
+
marginLeft: any;
|
|
82
|
+
"& .MuiSkeleton-root": {
|
|
83
|
+
border: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
'& .SCEventHeader-info': {
|
|
87
|
+
marginTop: number;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
export default Component;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { alpha } from '@mui/system';
|
|
2
|
+
const Component = {
|
|
3
|
+
styleOverrides: {
|
|
4
|
+
root: ({ theme }) => ({
|
|
5
|
+
'& .SCEventHeader-cover': {
|
|
6
|
+
position: 'relative',
|
|
7
|
+
minHeight: 150,
|
|
8
|
+
background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
|
|
9
|
+
height: 230,
|
|
10
|
+
borderRadius: 0,
|
|
11
|
+
[theme.breakpoints.up('md')]: {
|
|
12
|
+
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
'& .SCEventHeader-time': {
|
|
16
|
+
textTransform: 'uppercase',
|
|
17
|
+
fontSize: '1.143rem',
|
|
18
|
+
fontWeight: theme.typography.fontWeightLight,
|
|
19
|
+
color: theme.palette.text.secondary
|
|
20
|
+
},
|
|
21
|
+
'& .SCEventHeader-info': {
|
|
22
|
+
marginTop: theme.spacing(6),
|
|
23
|
+
'& .SCEventHeader-name': {
|
|
24
|
+
fontSize: '1.857rem',
|
|
25
|
+
fontWeight: theme.typography.fontWeightBold
|
|
26
|
+
},
|
|
27
|
+
'& .SCEventHeader-visibility': {
|
|
28
|
+
display: 'flex',
|
|
29
|
+
justifyContent: 'flex-start',
|
|
30
|
+
alignItems: 'center',
|
|
31
|
+
gap: theme.spacing(0.5),
|
|
32
|
+
'& .SCEventHeader-visibility-item': {
|
|
33
|
+
fontSize: theme.typography.fontSize,
|
|
34
|
+
fontWeight: theme.typography.fontWeightLight,
|
|
35
|
+
color: theme.palette.text.secondary,
|
|
36
|
+
display: 'flex',
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
gap: theme.spacing(0.5)
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
'& .SCEditEvenButton-root': {
|
|
43
|
+
marginLeft: 'auto',
|
|
44
|
+
marginTop: theme.spacing(-4.25),
|
|
45
|
+
marginRight: theme.spacing(1)
|
|
46
|
+
},
|
|
47
|
+
'& .SCEvenSubscribeButton-root': {
|
|
48
|
+
marginTop: theme.spacing(1)
|
|
49
|
+
},
|
|
50
|
+
'& .SCUser-root': {
|
|
51
|
+
borderTop: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
52
|
+
borderBottom: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
53
|
+
padding: `${theme.spacing(0.5)} !important`,
|
|
54
|
+
marginTop: theme.spacing(1),
|
|
55
|
+
'& .SCBaseItemButton-actions': {
|
|
56
|
+
maxWidth: 'none',
|
|
57
|
+
width: '60%',
|
|
58
|
+
'& .SCEventHeader-multi-actions': {
|
|
59
|
+
display: 'flex',
|
|
60
|
+
justifyContent: 'space-between'
|
|
61
|
+
},
|
|
62
|
+
'& .SCEventSubscribeButton-select-root': {
|
|
63
|
+
float: 'right'
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
// '& .SCEventHeader-avatar': {
|
|
69
|
+
// top: 230,
|
|
70
|
+
// display: 'block',
|
|
71
|
+
// position: 'absolute',
|
|
72
|
+
// transform: 'translate(-50%, -50%)',
|
|
73
|
+
// left: '50%',
|
|
74
|
+
// '& .MuiAvatar-root': {
|
|
75
|
+
// height: theme.selfcommunity.group.avatar.sizeLarge,
|
|
76
|
+
// width: theme.selfcommunity.group.avatar.sizeLarge,
|
|
77
|
+
// borderRadius: '50%',
|
|
78
|
+
// border: `#FFF solid ${theme.spacing(0.5)}`,
|
|
79
|
+
// objectFit: 'cover'
|
|
80
|
+
// }
|
|
81
|
+
// },
|
|
82
|
+
'& .SCEventHeader-name': {
|
|
83
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
84
|
+
fontSize: '1.429rem'
|
|
85
|
+
}
|
|
86
|
+
}),
|
|
87
|
+
skeletonRoot: ({ theme }) => ({
|
|
88
|
+
position: 'relative',
|
|
89
|
+
'& .SCEventHeader-cover': {
|
|
90
|
+
height: 190
|
|
91
|
+
},
|
|
92
|
+
'& .SCEventHeader-avatar': {
|
|
93
|
+
top: 140,
|
|
94
|
+
display: 'block',
|
|
95
|
+
position: 'absolute',
|
|
96
|
+
marginLeft: theme.spacing(2),
|
|
97
|
+
[`& .MuiSkeleton-root`]: {
|
|
98
|
+
border: '#FFF solid 5px'
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
'& .SCEventHeader-info': {
|
|
102
|
+
marginTop: 60
|
|
103
|
+
}
|
|
104
|
+
})
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
export default Component;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
selectRoot: ({ theme }: any) => {
|
|
4
|
+
backgroundColor: any;
|
|
5
|
+
justifyContent: string;
|
|
6
|
+
height: number;
|
|
7
|
+
width: number;
|
|
8
|
+
borderRadius: string;
|
|
9
|
+
'&:hover, &:active': {
|
|
10
|
+
backgroundColor: any;
|
|
11
|
+
color: any;
|
|
12
|
+
'& .MuiIcon-root': {
|
|
13
|
+
color: any;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
'&.SCEventSubscribeButton-going': {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
color: any;
|
|
19
|
+
'& .MuiIcon-root': {
|
|
20
|
+
color: any;
|
|
21
|
+
};
|
|
22
|
+
'&:hover': {
|
|
23
|
+
backgroundColor: any;
|
|
24
|
+
color: any;
|
|
25
|
+
'& .MuiIcon-root': {
|
|
26
|
+
color: any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
'&.SCEventSubscribeButton-not-going': {
|
|
31
|
+
backgroundColor: any;
|
|
32
|
+
color: any;
|
|
33
|
+
'& .MuiIcon-root': {
|
|
34
|
+
color: any;
|
|
35
|
+
};
|
|
36
|
+
'&:hover': {
|
|
37
|
+
backgroundColor: any;
|
|
38
|
+
color: any;
|
|
39
|
+
'& .MuiIcon-root': {
|
|
40
|
+
color: any;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
requestRoot: ({ theme }: any) => {};
|
|
46
|
+
menuRoot: ({ theme }: any) => {
|
|
47
|
+
'& .MuiPaper-root': {
|
|
48
|
+
width: number;
|
|
49
|
+
borderRadius: string;
|
|
50
|
+
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
51
|
+
justifyContent: string;
|
|
52
|
+
paddingTop: number;
|
|
53
|
+
paddingBottom: number;
|
|
54
|
+
'& .Mui-checked .MuiSvgIcon-root': {
|
|
55
|
+
color: any;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
drawerRoot: ({ theme }: any) => {
|
|
61
|
+
'& .MuiPaper-root': {
|
|
62
|
+
'& .SCEventSubscribeButton-item': {
|
|
63
|
+
justifyContent: string;
|
|
64
|
+
paddingTop: number;
|
|
65
|
+
paddingBottom: number;
|
|
66
|
+
'& .Mui-checked .MuiSvgIcon-root': {
|
|
67
|
+
color: any;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
export default Component;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
selectRoot: ({ theme }) => ({
|
|
4
|
+
backgroundColor: theme.palette.grey['A200'],
|
|
5
|
+
justifyContent: 'space-between',
|
|
6
|
+
height: 33,
|
|
7
|
+
width: 195,
|
|
8
|
+
borderRadius: '5px',
|
|
9
|
+
'&:hover, &:active': {
|
|
10
|
+
backgroundColor: theme.palette.common.black,
|
|
11
|
+
color: theme.palette.common.white,
|
|
12
|
+
'& .MuiIcon-root': {
|
|
13
|
+
color: theme.palette.common.white
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
'&.SCEventSubscribeButton-going': {
|
|
17
|
+
backgroundColor: `${theme.palette.success.dark} !important`,
|
|
18
|
+
color: theme.palette.common.white,
|
|
19
|
+
'& .MuiIcon-root': {
|
|
20
|
+
color: theme.palette.common.white
|
|
21
|
+
},
|
|
22
|
+
'&:hover': {
|
|
23
|
+
backgroundColor: theme.palette.success.dark,
|
|
24
|
+
color: theme.palette.common.white,
|
|
25
|
+
'& .MuiIcon-root': {
|
|
26
|
+
color: theme.palette.common.white
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
'&.SCEventSubscribeButton-not-going': {
|
|
31
|
+
backgroundColor: theme.palette.error.dark,
|
|
32
|
+
color: theme.palette.common.white,
|
|
33
|
+
'& .MuiIcon-root': {
|
|
34
|
+
color: theme.palette.common.white
|
|
35
|
+
},
|
|
36
|
+
'&:hover': {
|
|
37
|
+
backgroundColor: theme.palette.error.dark,
|
|
38
|
+
color: theme.palette.common.white,
|
|
39
|
+
'& .MuiIcon-root': {
|
|
40
|
+
color: theme.palette.common.white
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}),
|
|
45
|
+
requestRoot: ({ theme }) => ({}),
|
|
46
|
+
menuRoot: ({ theme }) => ({
|
|
47
|
+
'& .MuiPaper-root': {
|
|
48
|
+
width: 195,
|
|
49
|
+
borderRadius: '5px',
|
|
50
|
+
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
51
|
+
justifyContent: 'space-between',
|
|
52
|
+
paddingTop: 0,
|
|
53
|
+
paddingBottom: 0,
|
|
54
|
+
'& .Mui-checked .MuiSvgIcon-root': {
|
|
55
|
+
color: theme.palette.success.main
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}),
|
|
60
|
+
drawerRoot: ({ theme }) => ({
|
|
61
|
+
'& .MuiPaper-root': {
|
|
62
|
+
'& .SCEventSubscribeButton-item': {
|
|
63
|
+
justifyContent: 'space-between',
|
|
64
|
+
paddingTop: 0,
|
|
65
|
+
paddingBottom: 0,
|
|
66
|
+
'& .Mui-checked .MuiSvgIcon-root': {
|
|
67
|
+
color: theme.palette.success.main
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
})
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
export default Component;
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -1841,7 +1841,7 @@ declare const theme: {
|
|
|
1841
1841
|
'&::-webkit-scrollbar': {
|
|
1842
1842
|
display: string;
|
|
1843
1843
|
};
|
|
1844
|
-
'& a': {
|
|
1844
|
+
'& a:not(.MuiChip-clickable)': {
|
|
1845
1845
|
color: string;
|
|
1846
1846
|
textDecoration: string;
|
|
1847
1847
|
'&::after': {
|
|
@@ -2105,6 +2105,12 @@ declare const theme: {
|
|
|
2105
2105
|
fontSize: any;
|
|
2106
2106
|
fontWeight: any;
|
|
2107
2107
|
padding: any;
|
|
2108
|
+
/**
|
|
2109
|
+
* Style fragments - Imports - End
|
|
2110
|
+
*/
|
|
2111
|
+
/**
|
|
2112
|
+
* Export default theme
|
|
2113
|
+
*/
|
|
2108
2114
|
justifyContent: string;
|
|
2109
2115
|
'&:hover': {
|
|
2110
2116
|
backgroundColor: string;
|
|
@@ -6432,7 +6438,7 @@ declare const theme: {
|
|
|
6432
6438
|
width: number;
|
|
6433
6439
|
height: number;
|
|
6434
6440
|
'& img': {
|
|
6435
|
-
borderRadius:
|
|
6441
|
+
borderRadius: string;
|
|
6436
6442
|
};
|
|
6437
6443
|
};
|
|
6438
6444
|
};
|
|
@@ -6449,8 +6455,15 @@ declare const theme: {
|
|
|
6449
6455
|
};
|
|
6450
6456
|
};
|
|
6451
6457
|
skeletonRoot: ({ theme }: any) => {
|
|
6458
|
+
gap: string;
|
|
6459
|
+
'& .SCBaseItem-content': {
|
|
6460
|
+
flex: number;
|
|
6461
|
+
};
|
|
6452
6462
|
'& .SCEvent-skeleton-image': {
|
|
6453
6463
|
position: string;
|
|
6464
|
+
'& .MuiSkeleton-root': {
|
|
6465
|
+
borderRadius: string;
|
|
6466
|
+
};
|
|
6454
6467
|
'& .MuiIcon-root': {
|
|
6455
6468
|
color: any;
|
|
6456
6469
|
position: string;
|
|
@@ -6459,6 +6472,9 @@ declare const theme: {
|
|
|
6459
6472
|
transform: string;
|
|
6460
6473
|
};
|
|
6461
6474
|
};
|
|
6475
|
+
'& .SCBaseItem-actions': {
|
|
6476
|
+
maxWidth: string;
|
|
6477
|
+
};
|
|
6462
6478
|
};
|
|
6463
6479
|
};
|
|
6464
6480
|
};
|
|
@@ -6569,6 +6585,170 @@ declare const theme: {
|
|
|
6569
6585
|
};
|
|
6570
6586
|
};
|
|
6571
6587
|
};
|
|
6588
|
+
SCEventHeader: {
|
|
6589
|
+
styleOverrides: {
|
|
6590
|
+
root: ({ theme }: any) => {
|
|
6591
|
+
'& .SCEventHeader-cover': {
|
|
6592
|
+
[x: number]: {
|
|
6593
|
+
borderRadius: any;
|
|
6594
|
+
};
|
|
6595
|
+
position: string;
|
|
6596
|
+
minHeight: number;
|
|
6597
|
+
background: string;
|
|
6598
|
+
height: number;
|
|
6599
|
+
borderRadius: number;
|
|
6600
|
+
};
|
|
6601
|
+
'& .SCEventHeader-time': {
|
|
6602
|
+
textTransform: string;
|
|
6603
|
+
fontSize: string;
|
|
6604
|
+
fontWeight: any;
|
|
6605
|
+
color: any;
|
|
6606
|
+
};
|
|
6607
|
+
'& .SCEventHeader-info': {
|
|
6608
|
+
marginTop: any;
|
|
6609
|
+
'& .SCEventHeader-name': {
|
|
6610
|
+
fontSize: string;
|
|
6611
|
+
fontWeight: any;
|
|
6612
|
+
};
|
|
6613
|
+
'& .SCEventHeader-visibility': {
|
|
6614
|
+
display: string;
|
|
6615
|
+
justifyContent: string;
|
|
6616
|
+
alignItems: string;
|
|
6617
|
+
gap: any;
|
|
6618
|
+
'& .SCEventHeader-visibility-item': {
|
|
6619
|
+
fontSize: any;
|
|
6620
|
+
fontWeight: any;
|
|
6621
|
+
color: any;
|
|
6622
|
+
display: string;
|
|
6623
|
+
justifyContent: string;
|
|
6624
|
+
alignItems: string;
|
|
6625
|
+
gap: any;
|
|
6626
|
+
};
|
|
6627
|
+
};
|
|
6628
|
+
'& .SCEditEvenButton-root': {
|
|
6629
|
+
marginLeft: string;
|
|
6630
|
+
marginTop: any;
|
|
6631
|
+
marginRight: any;
|
|
6632
|
+
};
|
|
6633
|
+
'& .SCEvenSubscribeButton-root': {
|
|
6634
|
+
marginTop: any;
|
|
6635
|
+
};
|
|
6636
|
+
'& .SCUser-root': {
|
|
6637
|
+
borderTop: string;
|
|
6638
|
+
borderBottom: string;
|
|
6639
|
+
padding: string;
|
|
6640
|
+
marginTop: any;
|
|
6641
|
+
'& .SCBaseItemButton-actions': {
|
|
6642
|
+
maxWidth: string;
|
|
6643
|
+
width: string;
|
|
6644
|
+
'& .SCEventHeader-multi-actions': {
|
|
6645
|
+
display: string;
|
|
6646
|
+
justifyContent: string;
|
|
6647
|
+
};
|
|
6648
|
+
'& .SCEventSubscribeButton-select-root': {
|
|
6649
|
+
float: string;
|
|
6650
|
+
};
|
|
6651
|
+
};
|
|
6652
|
+
};
|
|
6653
|
+
};
|
|
6654
|
+
'& .SCEventHeader-name': {
|
|
6655
|
+
fontWeight: any;
|
|
6656
|
+
fontSize: string;
|
|
6657
|
+
};
|
|
6658
|
+
};
|
|
6659
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6660
|
+
position: string;
|
|
6661
|
+
'& .SCEventHeader-cover': {
|
|
6662
|
+
height: number;
|
|
6663
|
+
};
|
|
6664
|
+
'& .SCEventHeader-avatar': {
|
|
6665
|
+
top: number;
|
|
6666
|
+
display: string;
|
|
6667
|
+
position: string;
|
|
6668
|
+
marginLeft: any;
|
|
6669
|
+
"& .MuiSkeleton-root": {
|
|
6670
|
+
border: string;
|
|
6671
|
+
};
|
|
6672
|
+
};
|
|
6673
|
+
'& .SCEventHeader-info': {
|
|
6674
|
+
marginTop: number;
|
|
6675
|
+
};
|
|
6676
|
+
};
|
|
6677
|
+
};
|
|
6678
|
+
};
|
|
6679
|
+
SCEventSubscribeButton: {
|
|
6680
|
+
styleOverrides: {
|
|
6681
|
+
selectRoot: ({ theme }: any) => {
|
|
6682
|
+
backgroundColor: any;
|
|
6683
|
+
justifyContent: string;
|
|
6684
|
+
height: number;
|
|
6685
|
+
width: number;
|
|
6686
|
+
borderRadius: string;
|
|
6687
|
+
'&:hover, &:active': {
|
|
6688
|
+
backgroundColor: any;
|
|
6689
|
+
color: any;
|
|
6690
|
+
'& .MuiIcon-root': {
|
|
6691
|
+
color: any;
|
|
6692
|
+
};
|
|
6693
|
+
};
|
|
6694
|
+
'&.SCEventSubscribeButton-going': {
|
|
6695
|
+
backgroundColor: string;
|
|
6696
|
+
color: any;
|
|
6697
|
+
'& .MuiIcon-root': {
|
|
6698
|
+
color: any;
|
|
6699
|
+
};
|
|
6700
|
+
'&:hover': {
|
|
6701
|
+
backgroundColor: any;
|
|
6702
|
+
color: any;
|
|
6703
|
+
'& .MuiIcon-root': {
|
|
6704
|
+
color: any;
|
|
6705
|
+
};
|
|
6706
|
+
};
|
|
6707
|
+
};
|
|
6708
|
+
'&.SCEventSubscribeButton-not-going': {
|
|
6709
|
+
backgroundColor: any;
|
|
6710
|
+
color: any;
|
|
6711
|
+
'& .MuiIcon-root': {
|
|
6712
|
+
color: any;
|
|
6713
|
+
};
|
|
6714
|
+
'&:hover': {
|
|
6715
|
+
backgroundColor: any;
|
|
6716
|
+
color: any;
|
|
6717
|
+
'& .MuiIcon-root': {
|
|
6718
|
+
color: any;
|
|
6719
|
+
};
|
|
6720
|
+
};
|
|
6721
|
+
};
|
|
6722
|
+
};
|
|
6723
|
+
requestRoot: ({ theme }: any) => {};
|
|
6724
|
+
menuRoot: ({ theme }: any) => {
|
|
6725
|
+
'& .MuiPaper-root': {
|
|
6726
|
+
width: number;
|
|
6727
|
+
borderRadius: string;
|
|
6728
|
+
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
6729
|
+
justifyContent: string;
|
|
6730
|
+
paddingTop: number;
|
|
6731
|
+
paddingBottom: number;
|
|
6732
|
+
'& .Mui-checked .MuiSvgIcon-root': {
|
|
6733
|
+
color: any;
|
|
6734
|
+
};
|
|
6735
|
+
};
|
|
6736
|
+
};
|
|
6737
|
+
};
|
|
6738
|
+
drawerRoot: ({ theme }: any) => {
|
|
6739
|
+
'& .MuiPaper-root': {
|
|
6740
|
+
'& .SCEventSubscribeButton-item': {
|
|
6741
|
+
justifyContent: string;
|
|
6742
|
+
paddingTop: number;
|
|
6743
|
+
paddingBottom: number;
|
|
6744
|
+
'& .Mui-checked .MuiSvgIcon-root': {
|
|
6745
|
+
color: any;
|
|
6746
|
+
};
|
|
6747
|
+
};
|
|
6748
|
+
};
|
|
6749
|
+
};
|
|
6750
|
+
};
|
|
6751
|
+
};
|
|
6572
6752
|
};
|
|
6573
6753
|
selfcommunity: {
|
|
6574
6754
|
user: {
|
package/lib/esm/index.js
CHANGED
|
@@ -142,6 +142,8 @@ import SCEventLocationWidget from './components/SCEventLocationWidget';
|
|
|
142
142
|
import SCEvent from './components/SCEvent';
|
|
143
143
|
import SCEvents from './components/SCEvents';
|
|
144
144
|
import SCEventInviteButton from './components/SCEventInviteButton';
|
|
145
|
+
import SCEventSubscribeButton from './components/SCEventSubscribeButton';
|
|
146
|
+
import SCEventHeader from './components/SCEventHeader';
|
|
145
147
|
/**
|
|
146
148
|
* Style fragments - Imports - End
|
|
147
149
|
*/
|
|
@@ -350,7 +352,9 @@ const theme = {
|
|
|
350
352
|
SCEventLocationWidget,
|
|
351
353
|
SCEvent,
|
|
352
354
|
SCEvents,
|
|
353
|
-
SCEventInviteButton
|
|
355
|
+
SCEventInviteButton,
|
|
356
|
+
SCEventHeader,
|
|
357
|
+
SCEventSubscribeButton
|
|
354
358
|
},
|
|
355
359
|
selfcommunity: {
|
|
356
360
|
user: {
|