@selfcommunity/react-theme-default 0.1.50-events.86 → 0.1.50-events.87
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/SCEventHeader.d.ts +33 -1
- package/lib/cjs/components/SCEventHeader.js +35 -3
- package/lib/cjs/components/SCEventInfoDetails.d.ts +3 -0
- package/lib/cjs/components/SCEventInfoDetails.js +3 -0
- package/lib/cjs/components/SCOnBoardingWidget.d.ts +9 -7
- package/lib/cjs/components/SCOnBoardingWidget.js +11 -9
- package/lib/cjs/index.d.ts +45 -11
- package/lib/esm/components/SCEventHeader.d.ts +33 -1
- package/lib/esm/components/SCEventHeader.js +35 -3
- package/lib/esm/components/SCEventInfoDetails.d.ts +3 -0
- package/lib/esm/components/SCEventInfoDetails.js +3 -0
- package/lib/esm/components/SCOnBoardingWidget.d.ts +9 -7
- package/lib/esm/components/SCOnBoardingWidget.js +11 -9
- package/lib/esm/index.d.ts +45 -11
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: ({ theme, isEventAdmin }: any) => {
|
|
3
|
+
root: ({ theme, isEventAdmin, isEventFinished }: any) => {
|
|
4
4
|
'& .SCEventHeader-cover': {
|
|
5
5
|
[x: number]: {
|
|
6
6
|
borderRadius: any;
|
|
@@ -11,6 +11,36 @@ declare const Component: {
|
|
|
11
11
|
height: number;
|
|
12
12
|
borderRadius: number;
|
|
13
13
|
};
|
|
14
|
+
'& .SCEventHeader-in-progress': {
|
|
15
|
+
color: any;
|
|
16
|
+
paddingLeft: any;
|
|
17
|
+
display: string;
|
|
18
|
+
alignItems: string;
|
|
19
|
+
gap: string;
|
|
20
|
+
'&:before': {
|
|
21
|
+
content: string;
|
|
22
|
+
width: string;
|
|
23
|
+
height: string;
|
|
24
|
+
borderRadius: string;
|
|
25
|
+
backgroundColor: any;
|
|
26
|
+
animation: string;
|
|
27
|
+
'@keyframes pulse-animation': {
|
|
28
|
+
'0%': {
|
|
29
|
+
opacity: number;
|
|
30
|
+
};
|
|
31
|
+
'50%': {
|
|
32
|
+
opacity: number;
|
|
33
|
+
};
|
|
34
|
+
'100%': {
|
|
35
|
+
opacity: number;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
'& .SCEventHeader-chip': {
|
|
41
|
+
marginLeft: any;
|
|
42
|
+
color: any;
|
|
43
|
+
};
|
|
14
44
|
'& .SCEventHeader-time': {
|
|
15
45
|
textTransform: string;
|
|
16
46
|
fontSize: string;
|
|
@@ -24,6 +54,7 @@ declare const Component: {
|
|
|
24
54
|
fontSize: string;
|
|
25
55
|
fontWeight: any;
|
|
26
56
|
paddingLeft: any;
|
|
57
|
+
color: any;
|
|
27
58
|
};
|
|
28
59
|
'& .SCEventHeader-visibility': {
|
|
29
60
|
display: string;
|
|
@@ -31,6 +62,7 @@ declare const Component: {
|
|
|
31
62
|
alignItems: string;
|
|
32
63
|
gap: any;
|
|
33
64
|
paddingLeft: any;
|
|
65
|
+
color: any;
|
|
34
66
|
'& .SCEventHeader-visibility-item': {
|
|
35
67
|
fontSize: any;
|
|
36
68
|
fontWeight: any;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const system_1 = require("@mui/system");
|
|
4
4
|
const Component = {
|
|
5
5
|
styleOverrides: {
|
|
6
|
-
root: ({ theme, isEventAdmin }) => ({
|
|
6
|
+
root: ({ theme, isEventAdmin, isEventFinished }) => ({
|
|
7
7
|
'& .SCEventHeader-cover': {
|
|
8
8
|
position: 'relative',
|
|
9
9
|
minHeight: 150,
|
|
@@ -14,11 +14,41 @@ const Component = {
|
|
|
14
14
|
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
|
+
'& .SCEventHeader-in-progress': {
|
|
18
|
+
color: theme.palette.secondary.main,
|
|
19
|
+
paddingLeft: theme.spacing(2),
|
|
20
|
+
display: 'inline-flex',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
gap: '4px',
|
|
23
|
+
'&:before': {
|
|
24
|
+
content: '""',
|
|
25
|
+
width: '8px',
|
|
26
|
+
height: '8px',
|
|
27
|
+
borderRadius: '9999px',
|
|
28
|
+
backgroundColor: theme.palette.secondary.main,
|
|
29
|
+
animation: 'pulse-animation 2s linear infinite',
|
|
30
|
+
'@keyframes pulse-animation': {
|
|
31
|
+
'0%': {
|
|
32
|
+
opacity: 1
|
|
33
|
+
},
|
|
34
|
+
'50%': {
|
|
35
|
+
opacity: 0
|
|
36
|
+
},
|
|
37
|
+
'100%': {
|
|
38
|
+
opacity: 1
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
'& .SCEventHeader-chip': {
|
|
44
|
+
marginLeft: theme.spacing(2),
|
|
45
|
+
color: theme.palette.grey[500]
|
|
46
|
+
},
|
|
17
47
|
'& .SCEventHeader-time': {
|
|
18
48
|
textTransform: 'uppercase',
|
|
19
49
|
fontSize: '1.143rem',
|
|
20
50
|
fontWeight: theme.typography.fontWeightLight,
|
|
21
|
-
color: theme.palette.text.secondary,
|
|
51
|
+
color: isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary,
|
|
22
52
|
paddingLeft: theme.spacing(2)
|
|
23
53
|
},
|
|
24
54
|
'& .SCEventHeader-info': {
|
|
@@ -26,7 +56,8 @@ const Component = {
|
|
|
26
56
|
'& .SCEventHeader-name': {
|
|
27
57
|
fontSize: '1.857rem',
|
|
28
58
|
fontWeight: theme.typography.fontWeightBold,
|
|
29
|
-
paddingLeft: theme.spacing(2)
|
|
59
|
+
paddingLeft: theme.spacing(2),
|
|
60
|
+
color: isEventFinished ? theme.palette.grey[500] : 'inherit'
|
|
30
61
|
},
|
|
31
62
|
'& .SCEventHeader-visibility': {
|
|
32
63
|
display: 'flex',
|
|
@@ -34,6 +65,7 @@ const Component = {
|
|
|
34
65
|
alignItems: 'center',
|
|
35
66
|
gap: theme.spacing(0.5),
|
|
36
67
|
paddingLeft: theme.spacing(2),
|
|
68
|
+
color: isEventFinished ? theme.palette.grey[500] : 'inherit',
|
|
37
69
|
'& .SCEventHeader-visibility-item': {
|
|
38
70
|
fontSize: theme.typography.fontSize,
|
|
39
71
|
fontWeight: theme.typography.fontWeightLight,
|
|
@@ -8,6 +8,9 @@ declare const Component: {
|
|
|
8
8
|
};
|
|
9
9
|
padding: any;
|
|
10
10
|
};
|
|
11
|
+
'& .SCOnBoardingWidget-logo': {
|
|
12
|
+
width: string;
|
|
13
|
+
};
|
|
11
14
|
'& .MuiCardContent-root': {
|
|
12
15
|
[x: number]: {
|
|
13
16
|
display: string;
|
|
@@ -107,17 +110,14 @@ declare const Component: {
|
|
|
107
110
|
color: any;
|
|
108
111
|
};
|
|
109
112
|
'& .SCOnBoardingWidget-intro': {
|
|
110
|
-
[x: number]: {
|
|
111
|
-
'& .MuiTypography-body1': {
|
|
112
|
-
marginTop: any;
|
|
113
|
-
};
|
|
114
|
-
};
|
|
115
113
|
marginLeft: any;
|
|
116
114
|
'& h5': {
|
|
117
115
|
marginBottom: any;
|
|
118
116
|
};
|
|
119
117
|
'& .MuiTypography-subtitle1': {
|
|
120
|
-
|
|
118
|
+
[x: number]: {
|
|
119
|
+
fontSize: string;
|
|
120
|
+
};
|
|
121
121
|
};
|
|
122
122
|
};
|
|
123
123
|
'& .MuiTypography-body1': {
|
|
@@ -129,7 +129,6 @@ declare const Component: {
|
|
|
129
129
|
fontSize: string;
|
|
130
130
|
flexWrap: string;
|
|
131
131
|
strong: {
|
|
132
|
-
fontSize: string;
|
|
133
132
|
marginRight: any;
|
|
134
133
|
marginLeft: any;
|
|
135
134
|
};
|
|
@@ -409,6 +408,9 @@ declare const Component: {
|
|
|
409
408
|
display: string;
|
|
410
409
|
flexDirection: string;
|
|
411
410
|
alignItems: string;
|
|
411
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
412
|
+
width: string;
|
|
413
|
+
};
|
|
412
414
|
};
|
|
413
415
|
'& .SCOnBoardingWidget-app-step': {
|
|
414
416
|
marginBottom: any;
|
|
@@ -10,6 +10,9 @@ const Component = {
|
|
|
10
10
|
},
|
|
11
11
|
padding: theme.spacing(0, 2, 2, 2)
|
|
12
12
|
},
|
|
13
|
+
'& .SCOnBoardingWidget-logo': {
|
|
14
|
+
width: 'auto'
|
|
15
|
+
},
|
|
13
16
|
'& .MuiCardContent-root': {
|
|
14
17
|
'& .MuiList-root': {
|
|
15
18
|
paddingTop: 0,
|
|
@@ -108,14 +111,11 @@ const Component = {
|
|
|
108
111
|
'& .SCOnBoardingWidget-intro': {
|
|
109
112
|
marginLeft: theme.spacing(2),
|
|
110
113
|
'& h5': {
|
|
111
|
-
marginBottom: theme.spacing(
|
|
114
|
+
marginBottom: theme.spacing(1)
|
|
112
115
|
},
|
|
113
116
|
'& .MuiTypography-subtitle1': {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
[theme.breakpoints.down('md')]: {
|
|
117
|
-
'& .MuiTypography-body1': {
|
|
118
|
-
marginTop: theme.spacing(1)
|
|
117
|
+
[theme.breakpoints.down('md')]: {
|
|
118
|
+
fontSize: '14px'
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
},
|
|
@@ -125,10 +125,9 @@ const Component = {
|
|
|
125
125
|
'& .MuiTypography-body1': {
|
|
126
126
|
display: expanded ? 'inherit' : 'flex',
|
|
127
127
|
alignItems: 'center',
|
|
128
|
-
fontSize: '16px',
|
|
128
|
+
fontSize: expanded ? '14px' : '16px',
|
|
129
129
|
flexWrap: 'wrap',
|
|
130
130
|
strong: {
|
|
131
|
-
fontSize: '18px',
|
|
132
131
|
marginRight: expanded ? 'inherit' : theme.spacing(1),
|
|
133
132
|
marginLeft: expanded ? 'inherit' : theme.spacing(1)
|
|
134
133
|
},
|
|
@@ -406,7 +405,10 @@ const Component = {
|
|
|
406
405
|
'& .SCOnBoardingWidget-app-tab-content': {
|
|
407
406
|
display: 'flex',
|
|
408
407
|
flexDirection: 'column',
|
|
409
|
-
alignItems: 'center'
|
|
408
|
+
alignItems: 'center',
|
|
409
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
410
|
+
width: 'auto'
|
|
411
|
+
}
|
|
410
412
|
},
|
|
411
413
|
'& .SCOnBoardingWidget-app-step': {
|
|
412
414
|
marginBottom: theme.spacing(2),
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4891,6 +4891,9 @@ declare const theme: {
|
|
|
4891
4891
|
};
|
|
4892
4892
|
padding: any;
|
|
4893
4893
|
};
|
|
4894
|
+
'& .SCOnBoardingWidget-logo': {
|
|
4895
|
+
width: string;
|
|
4896
|
+
};
|
|
4894
4897
|
'& .MuiCardContent-root': {
|
|
4895
4898
|
[x: number]: {
|
|
4896
4899
|
display: string;
|
|
@@ -4990,17 +4993,14 @@ declare const theme: {
|
|
|
4990
4993
|
color: any;
|
|
4991
4994
|
};
|
|
4992
4995
|
'& .SCOnBoardingWidget-intro': {
|
|
4993
|
-
[x: number]: {
|
|
4994
|
-
'& .MuiTypography-body1': {
|
|
4995
|
-
marginTop: any;
|
|
4996
|
-
};
|
|
4997
|
-
};
|
|
4998
4996
|
marginLeft: any;
|
|
4999
4997
|
'& h5': {
|
|
5000
4998
|
marginBottom: any;
|
|
5001
4999
|
};
|
|
5002
5000
|
'& .MuiTypography-subtitle1': {
|
|
5003
|
-
|
|
5001
|
+
[x: number]: {
|
|
5002
|
+
fontSize: string;
|
|
5003
|
+
};
|
|
5004
5004
|
};
|
|
5005
5005
|
};
|
|
5006
5006
|
'& .MuiTypography-body1': {
|
|
@@ -5012,7 +5012,6 @@ declare const theme: {
|
|
|
5012
5012
|
fontSize: string;
|
|
5013
5013
|
flexWrap: string;
|
|
5014
5014
|
strong: {
|
|
5015
|
-
fontSize: string;
|
|
5016
5015
|
marginRight: any;
|
|
5017
5016
|
marginLeft: any;
|
|
5018
5017
|
};
|
|
@@ -5227,9 +5226,6 @@ declare const theme: {
|
|
|
5227
5226
|
};
|
|
5228
5227
|
'& .SCOnBoardingWidget-profile-public-info': {
|
|
5229
5228
|
marginTop: any;
|
|
5230
|
-
/**
|
|
5231
|
-
* Export default theme
|
|
5232
|
-
*/
|
|
5233
5229
|
padding: any;
|
|
5234
5230
|
'& .SCUserProfileEdit-public-info-root': {
|
|
5235
5231
|
display: string;
|
|
@@ -5295,6 +5291,9 @@ declare const theme: {
|
|
|
5295
5291
|
display: string;
|
|
5296
5292
|
flexDirection: string;
|
|
5297
5293
|
alignItems: string;
|
|
5294
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
5295
|
+
width: string;
|
|
5296
|
+
};
|
|
5298
5297
|
};
|
|
5299
5298
|
'& .SCOnBoardingWidget-app-step': {
|
|
5300
5299
|
marginBottom: any;
|
|
@@ -7076,7 +7075,7 @@ declare const theme: {
|
|
|
7076
7075
|
};
|
|
7077
7076
|
SCEventHeader: {
|
|
7078
7077
|
styleOverrides: {
|
|
7079
|
-
root: ({ theme, isEventAdmin }: any) => {
|
|
7078
|
+
root: ({ theme, isEventAdmin, isEventFinished }: any) => {
|
|
7080
7079
|
'& .SCEventHeader-cover': {
|
|
7081
7080
|
[x: number]: {
|
|
7082
7081
|
borderRadius: any;
|
|
@@ -7087,6 +7086,36 @@ declare const theme: {
|
|
|
7087
7086
|
height: number;
|
|
7088
7087
|
borderRadius: number;
|
|
7089
7088
|
};
|
|
7089
|
+
'& .SCEventHeader-in-progress': {
|
|
7090
|
+
color: any;
|
|
7091
|
+
paddingLeft: any;
|
|
7092
|
+
display: string;
|
|
7093
|
+
alignItems: string;
|
|
7094
|
+
gap: string;
|
|
7095
|
+
'&:before': {
|
|
7096
|
+
content: string;
|
|
7097
|
+
width: string;
|
|
7098
|
+
height: string;
|
|
7099
|
+
borderRadius: string;
|
|
7100
|
+
backgroundColor: any;
|
|
7101
|
+
animation: string;
|
|
7102
|
+
'@keyframes pulse-animation': {
|
|
7103
|
+
'0%': {
|
|
7104
|
+
opacity: number;
|
|
7105
|
+
};
|
|
7106
|
+
'50%': {
|
|
7107
|
+
opacity: number;
|
|
7108
|
+
};
|
|
7109
|
+
'100%': {
|
|
7110
|
+
opacity: number;
|
|
7111
|
+
};
|
|
7112
|
+
};
|
|
7113
|
+
};
|
|
7114
|
+
};
|
|
7115
|
+
'& .SCEventHeader-chip': {
|
|
7116
|
+
marginLeft: any;
|
|
7117
|
+
color: any;
|
|
7118
|
+
};
|
|
7090
7119
|
'& .SCEventHeader-time': {
|
|
7091
7120
|
textTransform: string;
|
|
7092
7121
|
fontSize: string;
|
|
@@ -7100,6 +7129,7 @@ declare const theme: {
|
|
|
7100
7129
|
fontSize: string;
|
|
7101
7130
|
fontWeight: any;
|
|
7102
7131
|
paddingLeft: any;
|
|
7132
|
+
color: any;
|
|
7103
7133
|
};
|
|
7104
7134
|
'& .SCEventHeader-visibility': {
|
|
7105
7135
|
display: string;
|
|
@@ -7107,6 +7137,7 @@ declare const theme: {
|
|
|
7107
7137
|
alignItems: string;
|
|
7108
7138
|
gap: any;
|
|
7109
7139
|
paddingLeft: any;
|
|
7140
|
+
color: any;
|
|
7110
7141
|
'& .SCEventHeader-visibility-item': {
|
|
7111
7142
|
fontSize: any;
|
|
7112
7143
|
fontWeight: any;
|
|
@@ -7223,6 +7254,9 @@ declare const theme: {
|
|
|
7223
7254
|
flexDirection: string;
|
|
7224
7255
|
alignItems: string;
|
|
7225
7256
|
gap: any;
|
|
7257
|
+
'& p': {
|
|
7258
|
+
textTransform: string;
|
|
7259
|
+
};
|
|
7226
7260
|
'& .SCEventInfoDetails-link': {
|
|
7227
7261
|
textDecoration: string;
|
|
7228
7262
|
color: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: ({ theme, isEventAdmin }: any) => {
|
|
3
|
+
root: ({ theme, isEventAdmin, isEventFinished }: any) => {
|
|
4
4
|
'& .SCEventHeader-cover': {
|
|
5
5
|
[x: number]: {
|
|
6
6
|
borderRadius: any;
|
|
@@ -11,6 +11,36 @@ declare const Component: {
|
|
|
11
11
|
height: number;
|
|
12
12
|
borderRadius: number;
|
|
13
13
|
};
|
|
14
|
+
'& .SCEventHeader-in-progress': {
|
|
15
|
+
color: any;
|
|
16
|
+
paddingLeft: any;
|
|
17
|
+
display: string;
|
|
18
|
+
alignItems: string;
|
|
19
|
+
gap: string;
|
|
20
|
+
'&:before': {
|
|
21
|
+
content: string;
|
|
22
|
+
width: string;
|
|
23
|
+
height: string;
|
|
24
|
+
borderRadius: string;
|
|
25
|
+
backgroundColor: any;
|
|
26
|
+
animation: string;
|
|
27
|
+
'@keyframes pulse-animation': {
|
|
28
|
+
'0%': {
|
|
29
|
+
opacity: number;
|
|
30
|
+
};
|
|
31
|
+
'50%': {
|
|
32
|
+
opacity: number;
|
|
33
|
+
};
|
|
34
|
+
'100%': {
|
|
35
|
+
opacity: number;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
'& .SCEventHeader-chip': {
|
|
41
|
+
marginLeft: any;
|
|
42
|
+
color: any;
|
|
43
|
+
};
|
|
14
44
|
'& .SCEventHeader-time': {
|
|
15
45
|
textTransform: string;
|
|
16
46
|
fontSize: string;
|
|
@@ -24,6 +54,7 @@ declare const Component: {
|
|
|
24
54
|
fontSize: string;
|
|
25
55
|
fontWeight: any;
|
|
26
56
|
paddingLeft: any;
|
|
57
|
+
color: any;
|
|
27
58
|
};
|
|
28
59
|
'& .SCEventHeader-visibility': {
|
|
29
60
|
display: string;
|
|
@@ -31,6 +62,7 @@ declare const Component: {
|
|
|
31
62
|
alignItems: string;
|
|
32
63
|
gap: any;
|
|
33
64
|
paddingLeft: any;
|
|
65
|
+
color: any;
|
|
34
66
|
'& .SCEventHeader-visibility-item': {
|
|
35
67
|
fontSize: any;
|
|
36
68
|
fontWeight: any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { alpha } from '@mui/system';
|
|
2
2
|
const Component = {
|
|
3
3
|
styleOverrides: {
|
|
4
|
-
root: ({ theme, isEventAdmin }) => ({
|
|
4
|
+
root: ({ theme, isEventAdmin, isEventFinished }) => ({
|
|
5
5
|
'& .SCEventHeader-cover': {
|
|
6
6
|
position: 'relative',
|
|
7
7
|
minHeight: 150,
|
|
@@ -12,11 +12,41 @@ const Component = {
|
|
|
12
12
|
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
|
+
'& .SCEventHeader-in-progress': {
|
|
16
|
+
color: theme.palette.secondary.main,
|
|
17
|
+
paddingLeft: theme.spacing(2),
|
|
18
|
+
display: 'inline-flex',
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
gap: '4px',
|
|
21
|
+
'&:before': {
|
|
22
|
+
content: '""',
|
|
23
|
+
width: '8px',
|
|
24
|
+
height: '8px',
|
|
25
|
+
borderRadius: '9999px',
|
|
26
|
+
backgroundColor: theme.palette.secondary.main,
|
|
27
|
+
animation: 'pulse-animation 2s linear infinite',
|
|
28
|
+
'@keyframes pulse-animation': {
|
|
29
|
+
'0%': {
|
|
30
|
+
opacity: 1
|
|
31
|
+
},
|
|
32
|
+
'50%': {
|
|
33
|
+
opacity: 0
|
|
34
|
+
},
|
|
35
|
+
'100%': {
|
|
36
|
+
opacity: 1
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
'& .SCEventHeader-chip': {
|
|
42
|
+
marginLeft: theme.spacing(2),
|
|
43
|
+
color: theme.palette.grey[500]
|
|
44
|
+
},
|
|
15
45
|
'& .SCEventHeader-time': {
|
|
16
46
|
textTransform: 'uppercase',
|
|
17
47
|
fontSize: '1.143rem',
|
|
18
48
|
fontWeight: theme.typography.fontWeightLight,
|
|
19
|
-
color: theme.palette.text.secondary,
|
|
49
|
+
color: isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary,
|
|
20
50
|
paddingLeft: theme.spacing(2)
|
|
21
51
|
},
|
|
22
52
|
'& .SCEventHeader-info': {
|
|
@@ -24,7 +54,8 @@ const Component = {
|
|
|
24
54
|
'& .SCEventHeader-name': {
|
|
25
55
|
fontSize: '1.857rem',
|
|
26
56
|
fontWeight: theme.typography.fontWeightBold,
|
|
27
|
-
paddingLeft: theme.spacing(2)
|
|
57
|
+
paddingLeft: theme.spacing(2),
|
|
58
|
+
color: isEventFinished ? theme.palette.grey[500] : 'inherit'
|
|
28
59
|
},
|
|
29
60
|
'& .SCEventHeader-visibility': {
|
|
30
61
|
display: 'flex',
|
|
@@ -32,6 +63,7 @@ const Component = {
|
|
|
32
63
|
alignItems: 'center',
|
|
33
64
|
gap: theme.spacing(0.5),
|
|
34
65
|
paddingLeft: theme.spacing(2),
|
|
66
|
+
color: isEventFinished ? theme.palette.grey[500] : 'inherit',
|
|
35
67
|
'& .SCEventHeader-visibility-item': {
|
|
36
68
|
fontSize: theme.typography.fontSize,
|
|
37
69
|
fontWeight: theme.typography.fontWeightLight,
|
|
@@ -8,6 +8,9 @@ declare const Component: {
|
|
|
8
8
|
};
|
|
9
9
|
padding: any;
|
|
10
10
|
};
|
|
11
|
+
'& .SCOnBoardingWidget-logo': {
|
|
12
|
+
width: string;
|
|
13
|
+
};
|
|
11
14
|
'& .MuiCardContent-root': {
|
|
12
15
|
[x: number]: {
|
|
13
16
|
display: string;
|
|
@@ -107,17 +110,14 @@ declare const Component: {
|
|
|
107
110
|
color: any;
|
|
108
111
|
};
|
|
109
112
|
'& .SCOnBoardingWidget-intro': {
|
|
110
|
-
[x: number]: {
|
|
111
|
-
'& .MuiTypography-body1': {
|
|
112
|
-
marginTop: any;
|
|
113
|
-
};
|
|
114
|
-
};
|
|
115
113
|
marginLeft: any;
|
|
116
114
|
'& h5': {
|
|
117
115
|
marginBottom: any;
|
|
118
116
|
};
|
|
119
117
|
'& .MuiTypography-subtitle1': {
|
|
120
|
-
|
|
118
|
+
[x: number]: {
|
|
119
|
+
fontSize: string;
|
|
120
|
+
};
|
|
121
121
|
};
|
|
122
122
|
};
|
|
123
123
|
'& .MuiTypography-body1': {
|
|
@@ -129,7 +129,6 @@ declare const Component: {
|
|
|
129
129
|
fontSize: string;
|
|
130
130
|
flexWrap: string;
|
|
131
131
|
strong: {
|
|
132
|
-
fontSize: string;
|
|
133
132
|
marginRight: any;
|
|
134
133
|
marginLeft: any;
|
|
135
134
|
};
|
|
@@ -409,6 +408,9 @@ declare const Component: {
|
|
|
409
408
|
display: string;
|
|
410
409
|
flexDirection: string;
|
|
411
410
|
alignItems: string;
|
|
411
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
412
|
+
width: string;
|
|
413
|
+
};
|
|
412
414
|
};
|
|
413
415
|
'& .SCOnBoardingWidget-app-step': {
|
|
414
416
|
marginBottom: any;
|
|
@@ -8,6 +8,9 @@ const Component = {
|
|
|
8
8
|
},
|
|
9
9
|
padding: theme.spacing(0, 2, 2, 2)
|
|
10
10
|
},
|
|
11
|
+
'& .SCOnBoardingWidget-logo': {
|
|
12
|
+
width: 'auto'
|
|
13
|
+
},
|
|
11
14
|
'& .MuiCardContent-root': {
|
|
12
15
|
'& .MuiList-root': {
|
|
13
16
|
paddingTop: 0,
|
|
@@ -106,14 +109,11 @@ const Component = {
|
|
|
106
109
|
'& .SCOnBoardingWidget-intro': {
|
|
107
110
|
marginLeft: theme.spacing(2),
|
|
108
111
|
'& h5': {
|
|
109
|
-
marginBottom: theme.spacing(
|
|
112
|
+
marginBottom: theme.spacing(1)
|
|
110
113
|
},
|
|
111
114
|
'& .MuiTypography-subtitle1': {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
[theme.breakpoints.down('md')]: {
|
|
115
|
-
'& .MuiTypography-body1': {
|
|
116
|
-
marginTop: theme.spacing(1)
|
|
115
|
+
[theme.breakpoints.down('md')]: {
|
|
116
|
+
fontSize: '14px'
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
},
|
|
@@ -123,10 +123,9 @@ const Component = {
|
|
|
123
123
|
'& .MuiTypography-body1': {
|
|
124
124
|
display: expanded ? 'inherit' : 'flex',
|
|
125
125
|
alignItems: 'center',
|
|
126
|
-
fontSize: '16px',
|
|
126
|
+
fontSize: expanded ? '14px' : '16px',
|
|
127
127
|
flexWrap: 'wrap',
|
|
128
128
|
strong: {
|
|
129
|
-
fontSize: '18px',
|
|
130
129
|
marginRight: expanded ? 'inherit' : theme.spacing(1),
|
|
131
130
|
marginLeft: expanded ? 'inherit' : theme.spacing(1)
|
|
132
131
|
},
|
|
@@ -404,7 +403,10 @@ const Component = {
|
|
|
404
403
|
'& .SCOnBoardingWidget-app-tab-content': {
|
|
405
404
|
display: 'flex',
|
|
406
405
|
flexDirection: 'column',
|
|
407
|
-
alignItems: 'center'
|
|
406
|
+
alignItems: 'center',
|
|
407
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
408
|
+
width: 'auto'
|
|
409
|
+
}
|
|
408
410
|
},
|
|
409
411
|
'& .SCOnBoardingWidget-app-step': {
|
|
410
412
|
marginBottom: theme.spacing(2),
|