@selfcommunity/react-theme-default 0.1.50-events.85 → 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 +12 -8
- package/lib/cjs/components/SCOnBoardingWidget.js +14 -10
- package/lib/cjs/index.d.ts +48 -9
- 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 +12 -8
- package/lib/esm/components/SCOnBoardingWidget.js +14 -10
- package/lib/esm/index.d.ts +48 -9
- 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
|
};
|
|
@@ -227,7 +226,9 @@ declare const Component: {
|
|
|
227
226
|
padding: any;
|
|
228
227
|
};
|
|
229
228
|
'& .MuiTabs-root': {
|
|
230
|
-
|
|
229
|
+
[x: number]: {
|
|
230
|
+
padding: any;
|
|
231
|
+
};
|
|
231
232
|
marginBottom: any;
|
|
232
233
|
'& .MuiTab-root ': {
|
|
233
234
|
textTransform: string;
|
|
@@ -407,6 +408,9 @@ declare const Component: {
|
|
|
407
408
|
display: string;
|
|
408
409
|
flexDirection: string;
|
|
409
410
|
alignItems: string;
|
|
411
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
412
|
+
width: string;
|
|
413
|
+
};
|
|
410
414
|
};
|
|
411
415
|
'& .SCOnBoardingWidget-app-step': {
|
|
412
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
|
},
|
|
@@ -229,7 +228,9 @@ const Component = {
|
|
|
229
228
|
padding: theme.spacing(1)
|
|
230
229
|
},
|
|
231
230
|
'& .MuiTabs-root': {
|
|
232
|
-
|
|
231
|
+
[theme.breakpoints.down('md')]: {
|
|
232
|
+
padding: theme.spacing(1)
|
|
233
|
+
},
|
|
233
234
|
marginBottom: theme.spacing(2),
|
|
234
235
|
'& .MuiTab-root ': {
|
|
235
236
|
textTransform: 'none'
|
|
@@ -404,7 +405,10 @@ const Component = {
|
|
|
404
405
|
'& .SCOnBoardingWidget-app-tab-content': {
|
|
405
406
|
display: 'flex',
|
|
406
407
|
flexDirection: 'column',
|
|
407
|
-
alignItems: 'center'
|
|
408
|
+
alignItems: 'center',
|
|
409
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
410
|
+
width: 'auto'
|
|
411
|
+
}
|
|
408
412
|
},
|
|
409
413
|
'& .SCOnBoardingWidget-app-step': {
|
|
410
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
|
};
|
|
@@ -5110,7 +5109,9 @@ declare const theme: {
|
|
|
5110
5109
|
padding: any;
|
|
5111
5110
|
};
|
|
5112
5111
|
'& .MuiTabs-root': {
|
|
5113
|
-
|
|
5112
|
+
[x: number]: {
|
|
5113
|
+
padding: any;
|
|
5114
|
+
};
|
|
5114
5115
|
marginBottom: any;
|
|
5115
5116
|
'& .MuiTab-root ': {
|
|
5116
5117
|
textTransform: string;
|
|
@@ -5290,6 +5291,9 @@ declare const theme: {
|
|
|
5290
5291
|
display: string;
|
|
5291
5292
|
flexDirection: string;
|
|
5292
5293
|
alignItems: string;
|
|
5294
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
5295
|
+
width: string;
|
|
5296
|
+
};
|
|
5293
5297
|
};
|
|
5294
5298
|
'& .SCOnBoardingWidget-app-step': {
|
|
5295
5299
|
marginBottom: any;
|
|
@@ -7071,7 +7075,7 @@ declare const theme: {
|
|
|
7071
7075
|
};
|
|
7072
7076
|
SCEventHeader: {
|
|
7073
7077
|
styleOverrides: {
|
|
7074
|
-
root: ({ theme, isEventAdmin }: any) => {
|
|
7078
|
+
root: ({ theme, isEventAdmin, isEventFinished }: any) => {
|
|
7075
7079
|
'& .SCEventHeader-cover': {
|
|
7076
7080
|
[x: number]: {
|
|
7077
7081
|
borderRadius: any;
|
|
@@ -7082,6 +7086,36 @@ declare const theme: {
|
|
|
7082
7086
|
height: number;
|
|
7083
7087
|
borderRadius: number;
|
|
7084
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
|
+
};
|
|
7085
7119
|
'& .SCEventHeader-time': {
|
|
7086
7120
|
textTransform: string;
|
|
7087
7121
|
fontSize: string;
|
|
@@ -7095,6 +7129,7 @@ declare const theme: {
|
|
|
7095
7129
|
fontSize: string;
|
|
7096
7130
|
fontWeight: any;
|
|
7097
7131
|
paddingLeft: any;
|
|
7132
|
+
color: any;
|
|
7098
7133
|
};
|
|
7099
7134
|
'& .SCEventHeader-visibility': {
|
|
7100
7135
|
display: string;
|
|
@@ -7102,6 +7137,7 @@ declare const theme: {
|
|
|
7102
7137
|
alignItems: string;
|
|
7103
7138
|
gap: any;
|
|
7104
7139
|
paddingLeft: any;
|
|
7140
|
+
color: any;
|
|
7105
7141
|
'& .SCEventHeader-visibility-item': {
|
|
7106
7142
|
fontSize: any;
|
|
7107
7143
|
fontWeight: any;
|
|
@@ -7218,6 +7254,9 @@ declare const theme: {
|
|
|
7218
7254
|
flexDirection: string;
|
|
7219
7255
|
alignItems: string;
|
|
7220
7256
|
gap: any;
|
|
7257
|
+
'& p': {
|
|
7258
|
+
textTransform: string;
|
|
7259
|
+
};
|
|
7221
7260
|
'& .SCEventInfoDetails-link': {
|
|
7222
7261
|
textDecoration: string;
|
|
7223
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
|
};
|
|
@@ -227,7 +226,9 @@ declare const Component: {
|
|
|
227
226
|
padding: any;
|
|
228
227
|
};
|
|
229
228
|
'& .MuiTabs-root': {
|
|
230
|
-
|
|
229
|
+
[x: number]: {
|
|
230
|
+
padding: any;
|
|
231
|
+
};
|
|
231
232
|
marginBottom: any;
|
|
232
233
|
'& .MuiTab-root ': {
|
|
233
234
|
textTransform: string;
|
|
@@ -407,6 +408,9 @@ declare const Component: {
|
|
|
407
408
|
display: string;
|
|
408
409
|
flexDirection: string;
|
|
409
410
|
alignItems: string;
|
|
411
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
412
|
+
width: string;
|
|
413
|
+
};
|
|
410
414
|
};
|
|
411
415
|
'& .SCOnBoardingWidget-app-step': {
|
|
412
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
|
},
|
|
@@ -227,7 +226,9 @@ const Component = {
|
|
|
227
226
|
padding: theme.spacing(1)
|
|
228
227
|
},
|
|
229
228
|
'& .MuiTabs-root': {
|
|
230
|
-
|
|
229
|
+
[theme.breakpoints.down('md')]: {
|
|
230
|
+
padding: theme.spacing(1)
|
|
231
|
+
},
|
|
231
232
|
marginBottom: theme.spacing(2),
|
|
232
233
|
'& .MuiTab-root ': {
|
|
233
234
|
textTransform: 'none'
|
|
@@ -402,7 +403,10 @@ const Component = {
|
|
|
402
403
|
'& .SCOnBoardingWidget-app-tab-content': {
|
|
403
404
|
display: 'flex',
|
|
404
405
|
flexDirection: 'column',
|
|
405
|
-
alignItems: 'center'
|
|
406
|
+
alignItems: 'center',
|
|
407
|
+
'& .SCOnBoardingWidget-app-image': {
|
|
408
|
+
width: 'auto'
|
|
409
|
+
}
|
|
406
410
|
},
|
|
407
411
|
'& .SCOnBoardingWidget-app-step': {
|
|
408
412
|
marginBottom: theme.spacing(2),
|