@selfcommunity/react-theme-default 0.1.50-event.28 → 0.1.50-event.30
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 +14 -9
- package/lib/cjs/components/SCEvent.js +14 -9
- package/lib/cjs/components/SCEventInviteButton.d.ts +54 -0
- package/lib/cjs/components/SCEventInviteButton.js +57 -0
- package/lib/cjs/components/SCEvents.d.ts +55 -0
- package/lib/cjs/components/SCEvents.js +57 -0
- package/lib/cjs/index.d.ts +121 -9
- package/lib/cjs/index.js +5 -1
- package/lib/esm/components/SCEvent.d.ts +14 -9
- package/lib/esm/components/SCEvent.js +14 -9
- package/lib/esm/components/SCEventInviteButton.d.ts +54 -0
- package/lib/esm/components/SCEventInviteButton.js +55 -0
- package/lib/esm/components/SCEvents.d.ts +55 -0
- package/lib/esm/components/SCEvents.js +55 -0
- package/lib/esm/index.d.ts +121 -9
- package/lib/esm/index.js +5 -1
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
[x: number]: {
|
|
5
|
-
borderRadius: any;
|
|
6
|
-
};
|
|
7
|
-
borderRadius: number;
|
|
8
|
-
paddingBottom: number;
|
|
9
4
|
overflow: string;
|
|
10
|
-
'& .
|
|
11
|
-
marginRight: any;
|
|
5
|
+
'& .SCBaseItem-image': {
|
|
12
6
|
'& .MuiAvatar-root': {
|
|
13
7
|
width: number;
|
|
14
8
|
height: number;
|
|
@@ -17,7 +11,7 @@ declare const Component: {
|
|
|
17
11
|
};
|
|
18
12
|
};
|
|
19
13
|
};
|
|
20
|
-
'& .
|
|
14
|
+
'& .SCBaseItem-text': {
|
|
21
15
|
fontSize: any;
|
|
22
16
|
'& .SCEvent-primary': {
|
|
23
17
|
'& p': {
|
|
@@ -29,7 +23,18 @@ declare const Component: {
|
|
|
29
23
|
};
|
|
30
24
|
};
|
|
31
25
|
};
|
|
32
|
-
skeletonRoot: ({ theme }: any) => {
|
|
26
|
+
skeletonRoot: ({ theme }: any) => {
|
|
27
|
+
'& .SCEvent-skeleton-image': {
|
|
28
|
+
position: string;
|
|
29
|
+
'& .MuiIcon-root': {
|
|
30
|
+
color: any;
|
|
31
|
+
position: string;
|
|
32
|
+
top: string;
|
|
33
|
+
left: string;
|
|
34
|
+
transform: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
33
38
|
};
|
|
34
39
|
};
|
|
35
40
|
export default Component;
|
|
@@ -3,14 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
-
borderRadius: 0,
|
|
7
|
-
paddingBottom: 0,
|
|
8
6
|
overflow: 'visible',
|
|
9
|
-
|
|
10
|
-
borderRadius: theme.shape.borderRadiusSm
|
|
11
|
-
},
|
|
12
|
-
'& .SCBaseItemButton-image': {
|
|
13
|
-
marginRight: theme.spacing(1.25),
|
|
7
|
+
'& .SCBaseItem-image': {
|
|
14
8
|
'& .MuiAvatar-root': {
|
|
15
9
|
width: 100,
|
|
16
10
|
height: 60,
|
|
@@ -19,7 +13,7 @@ const Component = {
|
|
|
19
13
|
}
|
|
20
14
|
}
|
|
21
15
|
},
|
|
22
|
-
'& .
|
|
16
|
+
'& .SCBaseItem-text': {
|
|
23
17
|
fontSize: theme.typography.fontSize,
|
|
24
18
|
'& .SCEvent-primary': {
|
|
25
19
|
'& p': {
|
|
@@ -31,7 +25,18 @@ const Component = {
|
|
|
31
25
|
}
|
|
32
26
|
}
|
|
33
27
|
}),
|
|
34
|
-
skeletonRoot: ({ theme }) => ({
|
|
28
|
+
skeletonRoot: ({ theme }) => ({
|
|
29
|
+
'& .SCEvent-skeleton-image': {
|
|
30
|
+
position: 'relative',
|
|
31
|
+
'& .MuiIcon-root': {
|
|
32
|
+
color: theme.palette.common.white,
|
|
33
|
+
position: 'absolute',
|
|
34
|
+
top: '50%',
|
|
35
|
+
left: '50%',
|
|
36
|
+
transform: 'translate(-50%, -50%)'
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
})
|
|
35
40
|
}
|
|
36
41
|
};
|
|
37
42
|
exports.default = Component;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .MuiButton-startIcon': {
|
|
5
|
+
marginRight: any;
|
|
6
|
+
'& .MuiIcon-root': {
|
|
7
|
+
fontSize: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
dialogRoot: ({ theme }: any) => {
|
|
12
|
+
'& .SCBaseDialog-title-root span ': {
|
|
13
|
+
width: string;
|
|
14
|
+
display: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
justifyContent: string;
|
|
17
|
+
'& .SCEventInviteButton-dialog-title': {
|
|
18
|
+
fontWeight: any;
|
|
19
|
+
fontSize: any;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'& .SCEventInviteButton-input': {
|
|
23
|
+
backgroundColor: string;
|
|
24
|
+
borderRadius: any;
|
|
25
|
+
height: any;
|
|
26
|
+
padding: any;
|
|
27
|
+
'& .SCEventInviteButton-icon ': {
|
|
28
|
+
marginLeft: any;
|
|
29
|
+
};
|
|
30
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
31
|
+
border: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
'& .SCEventInviteButton-invited-box': {
|
|
35
|
+
marginTop: any;
|
|
36
|
+
marginBottom: any;
|
|
37
|
+
'& .MuiChip-root': {
|
|
38
|
+
marginBottom: any;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
'& .SCEventInviteButton-suggested': {
|
|
42
|
+
'& h4': {
|
|
43
|
+
marginBottom: any;
|
|
44
|
+
};
|
|
45
|
+
'& .SCUser-root': {
|
|
46
|
+
'&:hover': {
|
|
47
|
+
backgroundColor: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export default Component;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const system_1 = require("@mui/system");
|
|
4
|
+
const Component = {
|
|
5
|
+
styleOverrides: {
|
|
6
|
+
root: ({ theme }) => ({
|
|
7
|
+
'& .MuiButton-startIcon': {
|
|
8
|
+
marginRight: theme.spacing(0.5),
|
|
9
|
+
'& .MuiIcon-root': {
|
|
10
|
+
fontSize: '0.75rem !important'
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}),
|
|
14
|
+
dialogRoot: ({ theme }) => ({
|
|
15
|
+
'& .SCBaseDialog-title-root span ': {
|
|
16
|
+
width: '100%',
|
|
17
|
+
display: 'flex',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
justifyContent: 'space-between',
|
|
20
|
+
'& .SCEventInviteButton-dialog-title': {
|
|
21
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
22
|
+
fontSize: theme.typography.h4.fontSize
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
'& .SCEventInviteButton-input': {
|
|
26
|
+
backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
|
|
27
|
+
borderRadius: theme.shape.borderRadius,
|
|
28
|
+
height: theme.spacing(3.75),
|
|
29
|
+
padding: theme.spacing(0.5, 1),
|
|
30
|
+
'& .SCEventInviteButton-icon ': {
|
|
31
|
+
marginLeft: theme.spacing(1)
|
|
32
|
+
},
|
|
33
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
34
|
+
border: '1px solid'
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
'& .SCEventInviteButton-invited-box': {
|
|
38
|
+
marginTop: theme.spacing(2),
|
|
39
|
+
marginBottom: theme.spacing(3),
|
|
40
|
+
'& .MuiChip-root': {
|
|
41
|
+
marginBottom: theme.spacing(1)
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
'& .SCEventInviteButton-suggested': {
|
|
45
|
+
'& h4': {
|
|
46
|
+
marginBottom: theme.spacing(1)
|
|
47
|
+
},
|
|
48
|
+
'& .SCUser-root': {
|
|
49
|
+
'&:hover': {
|
|
50
|
+
backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
})
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
exports.default = Component;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCEvents-filters': {
|
|
5
|
+
alignItems: string;
|
|
6
|
+
marginTop: any;
|
|
7
|
+
marginBottom: any;
|
|
8
|
+
};
|
|
9
|
+
'& .SCEvents-events': {
|
|
10
|
+
marginTop: any;
|
|
11
|
+
'& .SCEvents-item': {};
|
|
12
|
+
'& .SCEvent-skeleton-root': {
|
|
13
|
+
padding: any;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
'& .SCEvents-no-results': {
|
|
17
|
+
maxWidth: string;
|
|
18
|
+
marginTop: any;
|
|
19
|
+
display: string;
|
|
20
|
+
flexDirection: string;
|
|
21
|
+
alignItems: string;
|
|
22
|
+
'& .SCEvent-skeleton-root': {
|
|
23
|
+
marginBottom: any;
|
|
24
|
+
};
|
|
25
|
+
'& .MuiTypography-body1': {
|
|
26
|
+
fontWeight: any;
|
|
27
|
+
fontSize: string;
|
|
28
|
+
whiteSpace: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
'& .SCEvents-show-more': {
|
|
32
|
+
paddingLeft: any;
|
|
33
|
+
'&.Mui-selected, &:hover': {
|
|
34
|
+
backgroundColor: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
skeletonRoot: ({ theme }: any) => {
|
|
39
|
+
'& .SCEvents-events': {
|
|
40
|
+
justifyContent: string;
|
|
41
|
+
marginTop: any;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
chipRoot: ({ theme, selected }: any) => {
|
|
45
|
+
height: any;
|
|
46
|
+
borderRadius: any;
|
|
47
|
+
color: any;
|
|
48
|
+
'& .MuiIcon-root': {
|
|
49
|
+
fontSize: string;
|
|
50
|
+
color: any;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
export default Component;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCEvents-filters': {
|
|
7
|
+
alignItems: 'center',
|
|
8
|
+
marginTop: theme.spacing(),
|
|
9
|
+
marginBottom: theme.spacing(2)
|
|
10
|
+
},
|
|
11
|
+
'& .SCEvents-events': {
|
|
12
|
+
marginTop: theme.spacing(2),
|
|
13
|
+
'& .SCEvents-item': {},
|
|
14
|
+
'& .SCEvent-skeleton-root': {
|
|
15
|
+
padding: theme.spacing(0.5, 0, 0.5, 0)
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
'& .SCEvents-no-results': {
|
|
19
|
+
maxWidth: '50%',
|
|
20
|
+
marginTop: theme.spacing(3),
|
|
21
|
+
display: 'flex',
|
|
22
|
+
flexDirection: 'column',
|
|
23
|
+
alignItems: 'flex-start',
|
|
24
|
+
'& .SCEvent-skeleton-root': {
|
|
25
|
+
marginBottom: theme.spacing(2)
|
|
26
|
+
},
|
|
27
|
+
'& .MuiTypography-body1': {
|
|
28
|
+
fontWeight: theme.typography.fontWeightMedium,
|
|
29
|
+
fontSize: '16px',
|
|
30
|
+
whiteSpace: 'pre-line'
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
'& .SCEvents-show-more': {
|
|
34
|
+
paddingLeft: theme.spacing(1),
|
|
35
|
+
'&.Mui-selected, &:hover': {
|
|
36
|
+
backgroundColor: 'transparent'
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}),
|
|
40
|
+
skeletonRoot: ({ theme }) => ({
|
|
41
|
+
'& .SCEvents-events': {
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
marginTop: theme.spacing(3)
|
|
44
|
+
}
|
|
45
|
+
}),
|
|
46
|
+
chipRoot: ({ theme, selected }) => ({
|
|
47
|
+
height: theme.spacing(4.75),
|
|
48
|
+
borderRadius: theme.spacing(0.5),
|
|
49
|
+
color: selected ? theme.palette.common.white : theme.palette.text.primary,
|
|
50
|
+
'& .MuiIcon-root': {
|
|
51
|
+
fontSize: '1rem',
|
|
52
|
+
color: theme.palette.common.white
|
|
53
|
+
}
|
|
54
|
+
})
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
exports.default = Component;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -6426,14 +6426,8 @@ declare const theme: {
|
|
|
6426
6426
|
SCEvent: {
|
|
6427
6427
|
styleOverrides: {
|
|
6428
6428
|
root: ({ theme }: any) => {
|
|
6429
|
-
[x: number]: {
|
|
6430
|
-
borderRadius: any;
|
|
6431
|
-
};
|
|
6432
|
-
borderRadius: number;
|
|
6433
|
-
paddingBottom: number;
|
|
6434
6429
|
overflow: string;
|
|
6435
|
-
'& .
|
|
6436
|
-
marginRight: any;
|
|
6430
|
+
'& .SCBaseItem-image': {
|
|
6437
6431
|
'& .MuiAvatar-root': {
|
|
6438
6432
|
width: number;
|
|
6439
6433
|
height: number;
|
|
@@ -6442,7 +6436,7 @@ declare const theme: {
|
|
|
6442
6436
|
};
|
|
6443
6437
|
};
|
|
6444
6438
|
};
|
|
6445
|
-
'& .
|
|
6439
|
+
'& .SCBaseItem-text': {
|
|
6446
6440
|
fontSize: any;
|
|
6447
6441
|
'& .SCEvent-primary': {
|
|
6448
6442
|
'& p': {
|
|
@@ -6454,7 +6448,125 @@ declare const theme: {
|
|
|
6454
6448
|
};
|
|
6455
6449
|
};
|
|
6456
6450
|
};
|
|
6457
|
-
skeletonRoot: ({ theme }: any) => {
|
|
6451
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6452
|
+
'& .SCEvent-skeleton-image': {
|
|
6453
|
+
position: string;
|
|
6454
|
+
'& .MuiIcon-root': {
|
|
6455
|
+
color: any;
|
|
6456
|
+
position: string;
|
|
6457
|
+
top: string;
|
|
6458
|
+
left: string;
|
|
6459
|
+
transform: string;
|
|
6460
|
+
};
|
|
6461
|
+
};
|
|
6462
|
+
};
|
|
6463
|
+
};
|
|
6464
|
+
};
|
|
6465
|
+
SCEvents: {
|
|
6466
|
+
styleOverrides: {
|
|
6467
|
+
root: ({ theme }: any) => {
|
|
6468
|
+
'& .SCEvents-filters': {
|
|
6469
|
+
alignItems: string;
|
|
6470
|
+
marginTop: any;
|
|
6471
|
+
marginBottom: any;
|
|
6472
|
+
};
|
|
6473
|
+
'& .SCEvents-events': {
|
|
6474
|
+
marginTop: any;
|
|
6475
|
+
'& .SCEvents-item': {};
|
|
6476
|
+
'& .SCEvent-skeleton-root': {
|
|
6477
|
+
padding: any;
|
|
6478
|
+
};
|
|
6479
|
+
};
|
|
6480
|
+
'& .SCEvents-no-results': {
|
|
6481
|
+
maxWidth: string;
|
|
6482
|
+
marginTop: any;
|
|
6483
|
+
display: string;
|
|
6484
|
+
flexDirection: string;
|
|
6485
|
+
alignItems: string;
|
|
6486
|
+
'& .SCEvent-skeleton-root': {
|
|
6487
|
+
marginBottom: any;
|
|
6488
|
+
};
|
|
6489
|
+
'& .MuiTypography-body1': {
|
|
6490
|
+
fontWeight: any;
|
|
6491
|
+
fontSize: string;
|
|
6492
|
+
whiteSpace: string;
|
|
6493
|
+
};
|
|
6494
|
+
};
|
|
6495
|
+
'& .SCEvents-show-more': {
|
|
6496
|
+
paddingLeft: any;
|
|
6497
|
+
'&.Mui-selected, &:hover': {
|
|
6498
|
+
backgroundColor: string;
|
|
6499
|
+
};
|
|
6500
|
+
};
|
|
6501
|
+
};
|
|
6502
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6503
|
+
'& .SCEvents-events': {
|
|
6504
|
+
justifyContent: string;
|
|
6505
|
+
marginTop: any;
|
|
6506
|
+
};
|
|
6507
|
+
};
|
|
6508
|
+
chipRoot: ({ theme, selected }: any) => {
|
|
6509
|
+
height: any;
|
|
6510
|
+
borderRadius: any;
|
|
6511
|
+
color: any;
|
|
6512
|
+
'& .MuiIcon-root': {
|
|
6513
|
+
fontSize: string;
|
|
6514
|
+
color: any;
|
|
6515
|
+
};
|
|
6516
|
+
};
|
|
6517
|
+
};
|
|
6518
|
+
};
|
|
6519
|
+
SCEventInviteButton: {
|
|
6520
|
+
styleOverrides: {
|
|
6521
|
+
root: ({ theme }: any) => {
|
|
6522
|
+
'& .MuiButton-startIcon': {
|
|
6523
|
+
marginRight: any;
|
|
6524
|
+
'& .MuiIcon-root': {
|
|
6525
|
+
fontSize: string;
|
|
6526
|
+
};
|
|
6527
|
+
};
|
|
6528
|
+
};
|
|
6529
|
+
dialogRoot: ({ theme }: any) => {
|
|
6530
|
+
'& .SCBaseDialog-title-root span ': {
|
|
6531
|
+
width: string;
|
|
6532
|
+
display: string;
|
|
6533
|
+
alignItems: string;
|
|
6534
|
+
justifyContent: string;
|
|
6535
|
+
'& .SCEventInviteButton-dialog-title': {
|
|
6536
|
+
fontWeight: any;
|
|
6537
|
+
fontSize: any;
|
|
6538
|
+
};
|
|
6539
|
+
};
|
|
6540
|
+
'& .SCEventInviteButton-input': {
|
|
6541
|
+
backgroundColor: string;
|
|
6542
|
+
borderRadius: any;
|
|
6543
|
+
height: any;
|
|
6544
|
+
padding: any;
|
|
6545
|
+
'& .SCEventInviteButton-icon ': {
|
|
6546
|
+
marginLeft: any;
|
|
6547
|
+
};
|
|
6548
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
6549
|
+
border: string;
|
|
6550
|
+
};
|
|
6551
|
+
};
|
|
6552
|
+
'& .SCEventInviteButton-invited-box': {
|
|
6553
|
+
marginTop: any;
|
|
6554
|
+
marginBottom: any;
|
|
6555
|
+
'& .MuiChip-root': {
|
|
6556
|
+
marginBottom: any;
|
|
6557
|
+
};
|
|
6558
|
+
};
|
|
6559
|
+
'& .SCEventInviteButton-suggested': {
|
|
6560
|
+
'& h4': {
|
|
6561
|
+
marginBottom: any;
|
|
6562
|
+
};
|
|
6563
|
+
'& .SCUser-root': {
|
|
6564
|
+
'&:hover': {
|
|
6565
|
+
backgroundColor: string;
|
|
6566
|
+
};
|
|
6567
|
+
};
|
|
6568
|
+
};
|
|
6569
|
+
};
|
|
6458
6570
|
};
|
|
6459
6571
|
};
|
|
6460
6572
|
};
|
package/lib/cjs/index.js
CHANGED
|
@@ -143,6 +143,8 @@ const SCEventForm_1 = tslib_1.__importDefault(require("./components/SCEventForm"
|
|
|
143
143
|
const SCCreateEventButton_1 = tslib_1.__importDefault(require("./components/SCCreateEventButton"));
|
|
144
144
|
const SCEventLocationWidget_1 = tslib_1.__importDefault(require("./components/SCEventLocationWidget"));
|
|
145
145
|
const SCEvent_1 = tslib_1.__importDefault(require("./components/SCEvent"));
|
|
146
|
+
const SCEvents_1 = tslib_1.__importDefault(require("./components/SCEvents"));
|
|
147
|
+
const SCEventInviteButton_1 = tslib_1.__importDefault(require("./components/SCEventInviteButton"));
|
|
146
148
|
/**
|
|
147
149
|
* Style fragments - Imports - End
|
|
148
150
|
*/
|
|
@@ -349,7 +351,9 @@ const theme = {
|
|
|
349
351
|
SCEventForm: SCEventForm_1.default,
|
|
350
352
|
SCCreateEventButton: SCCreateEventButton_1.default,
|
|
351
353
|
SCEventLocationWidget: SCEventLocationWidget_1.default,
|
|
352
|
-
SCEvent: SCEvent_1.default
|
|
354
|
+
SCEvent: SCEvent_1.default,
|
|
355
|
+
SCEvents: SCEvents_1.default,
|
|
356
|
+
SCEventInviteButton: SCEventInviteButton_1.default
|
|
353
357
|
},
|
|
354
358
|
selfcommunity: {
|
|
355
359
|
user: {
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
[x: number]: {
|
|
5
|
-
borderRadius: any;
|
|
6
|
-
};
|
|
7
|
-
borderRadius: number;
|
|
8
|
-
paddingBottom: number;
|
|
9
4
|
overflow: string;
|
|
10
|
-
'& .
|
|
11
|
-
marginRight: any;
|
|
5
|
+
'& .SCBaseItem-image': {
|
|
12
6
|
'& .MuiAvatar-root': {
|
|
13
7
|
width: number;
|
|
14
8
|
height: number;
|
|
@@ -17,7 +11,7 @@ declare const Component: {
|
|
|
17
11
|
};
|
|
18
12
|
};
|
|
19
13
|
};
|
|
20
|
-
'& .
|
|
14
|
+
'& .SCBaseItem-text': {
|
|
21
15
|
fontSize: any;
|
|
22
16
|
'& .SCEvent-primary': {
|
|
23
17
|
'& p': {
|
|
@@ -29,7 +23,18 @@ declare const Component: {
|
|
|
29
23
|
};
|
|
30
24
|
};
|
|
31
25
|
};
|
|
32
|
-
skeletonRoot: ({ theme }: any) => {
|
|
26
|
+
skeletonRoot: ({ theme }: any) => {
|
|
27
|
+
'& .SCEvent-skeleton-image': {
|
|
28
|
+
position: string;
|
|
29
|
+
'& .MuiIcon-root': {
|
|
30
|
+
color: any;
|
|
31
|
+
position: string;
|
|
32
|
+
top: string;
|
|
33
|
+
left: string;
|
|
34
|
+
transform: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
33
38
|
};
|
|
34
39
|
};
|
|
35
40
|
export default Component;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
const Component = {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
|
-
borderRadius: 0,
|
|
5
|
-
paddingBottom: 0,
|
|
6
4
|
overflow: 'visible',
|
|
7
|
-
|
|
8
|
-
borderRadius: theme.shape.borderRadiusSm
|
|
9
|
-
},
|
|
10
|
-
'& .SCBaseItemButton-image': {
|
|
11
|
-
marginRight: theme.spacing(1.25),
|
|
5
|
+
'& .SCBaseItem-image': {
|
|
12
6
|
'& .MuiAvatar-root': {
|
|
13
7
|
width: 100,
|
|
14
8
|
height: 60,
|
|
@@ -17,7 +11,7 @@ const Component = {
|
|
|
17
11
|
}
|
|
18
12
|
}
|
|
19
13
|
},
|
|
20
|
-
'& .
|
|
14
|
+
'& .SCBaseItem-text': {
|
|
21
15
|
fontSize: theme.typography.fontSize,
|
|
22
16
|
'& .SCEvent-primary': {
|
|
23
17
|
'& p': {
|
|
@@ -29,7 +23,18 @@ const Component = {
|
|
|
29
23
|
}
|
|
30
24
|
}
|
|
31
25
|
}),
|
|
32
|
-
skeletonRoot: ({ theme }) => ({
|
|
26
|
+
skeletonRoot: ({ theme }) => ({
|
|
27
|
+
'& .SCEvent-skeleton-image': {
|
|
28
|
+
position: 'relative',
|
|
29
|
+
'& .MuiIcon-root': {
|
|
30
|
+
color: theme.palette.common.white,
|
|
31
|
+
position: 'absolute',
|
|
32
|
+
top: '50%',
|
|
33
|
+
left: '50%',
|
|
34
|
+
transform: 'translate(-50%, -50%)'
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
})
|
|
33
38
|
}
|
|
34
39
|
};
|
|
35
40
|
export default Component;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .MuiButton-startIcon': {
|
|
5
|
+
marginRight: any;
|
|
6
|
+
'& .MuiIcon-root': {
|
|
7
|
+
fontSize: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
dialogRoot: ({ theme }: any) => {
|
|
12
|
+
'& .SCBaseDialog-title-root span ': {
|
|
13
|
+
width: string;
|
|
14
|
+
display: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
justifyContent: string;
|
|
17
|
+
'& .SCEventInviteButton-dialog-title': {
|
|
18
|
+
fontWeight: any;
|
|
19
|
+
fontSize: any;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'& .SCEventInviteButton-input': {
|
|
23
|
+
backgroundColor: string;
|
|
24
|
+
borderRadius: any;
|
|
25
|
+
height: any;
|
|
26
|
+
padding: any;
|
|
27
|
+
'& .SCEventInviteButton-icon ': {
|
|
28
|
+
marginLeft: any;
|
|
29
|
+
};
|
|
30
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
31
|
+
border: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
'& .SCEventInviteButton-invited-box': {
|
|
35
|
+
marginTop: any;
|
|
36
|
+
marginBottom: any;
|
|
37
|
+
'& .MuiChip-root': {
|
|
38
|
+
marginBottom: any;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
'& .SCEventInviteButton-suggested': {
|
|
42
|
+
'& h4': {
|
|
43
|
+
marginBottom: any;
|
|
44
|
+
};
|
|
45
|
+
'& .SCUser-root': {
|
|
46
|
+
'&:hover': {
|
|
47
|
+
backgroundColor: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export default Component;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { alpha } from '@mui/system';
|
|
2
|
+
const Component = {
|
|
3
|
+
styleOverrides: {
|
|
4
|
+
root: ({ theme }) => ({
|
|
5
|
+
'& .MuiButton-startIcon': {
|
|
6
|
+
marginRight: theme.spacing(0.5),
|
|
7
|
+
'& .MuiIcon-root': {
|
|
8
|
+
fontSize: '0.75rem !important'
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}),
|
|
12
|
+
dialogRoot: ({ theme }) => ({
|
|
13
|
+
'& .SCBaseDialog-title-root span ': {
|
|
14
|
+
width: '100%',
|
|
15
|
+
display: 'flex',
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
justifyContent: 'space-between',
|
|
18
|
+
'& .SCEventInviteButton-dialog-title': {
|
|
19
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
20
|
+
fontSize: theme.typography.h4.fontSize
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
'& .SCEventInviteButton-input': {
|
|
24
|
+
backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
|
|
25
|
+
borderRadius: theme.shape.borderRadius,
|
|
26
|
+
height: theme.spacing(3.75),
|
|
27
|
+
padding: theme.spacing(0.5, 1),
|
|
28
|
+
'& .SCEventInviteButton-icon ': {
|
|
29
|
+
marginLeft: theme.spacing(1)
|
|
30
|
+
},
|
|
31
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
32
|
+
border: '1px solid'
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
'& .SCEventInviteButton-invited-box': {
|
|
36
|
+
marginTop: theme.spacing(2),
|
|
37
|
+
marginBottom: theme.spacing(3),
|
|
38
|
+
'& .MuiChip-root': {
|
|
39
|
+
marginBottom: theme.spacing(1)
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
'& .SCEventInviteButton-suggested': {
|
|
43
|
+
'& h4': {
|
|
44
|
+
marginBottom: theme.spacing(1)
|
|
45
|
+
},
|
|
46
|
+
'& .SCUser-root': {
|
|
47
|
+
'&:hover': {
|
|
48
|
+
backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
})
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
export default Component;
|