@selfcommunity/react-theme-default 0.2.0-live.67 → 0.2.0-live.69
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/SCLiveStream.d.ts +1 -3
- package/lib/cjs/components/SCLiveStream.js +1 -3
- package/lib/cjs/components/SCLiveStreamSelector.d.ts +1 -1
- package/lib/cjs/components/SCLiveStreamSelector.js +1 -1
- package/lib/cjs/components/SCNotification.d.ts +27 -0
- package/lib/cjs/components/SCNotification.js +27 -0
- package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
- package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
- package/lib/cjs/index.d.ts +130 -7
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/SCLiveStream.d.ts +1 -3
- package/lib/esm/components/SCLiveStream.js +1 -3
- package/lib/esm/components/SCLiveStreamSelector.d.ts +1 -1
- package/lib/esm/components/SCLiveStreamSelector.js +1 -1
- package/lib/esm/components/SCNotification.d.ts +27 -0
- package/lib/esm/components/SCNotification.js +27 -0
- package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
- package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
- package/lib/esm/index.d.ts +130 -7
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +4 -4
|
@@ -305,6 +305,33 @@ declare const Component: {
|
|
|
305
305
|
backgroundColor: string;
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
|
+
liveStreamRoot: ({ theme }: any) => {
|
|
309
|
+
'& .SCNotification-username, & a': {
|
|
310
|
+
fontWeight: any;
|
|
311
|
+
};
|
|
312
|
+
'& .SCNotificationItem-primary': {
|
|
313
|
+
'& .MuiIcon-root': {
|
|
314
|
+
float: string;
|
|
315
|
+
fontSize: string;
|
|
316
|
+
marginLeft: any;
|
|
317
|
+
};
|
|
318
|
+
'& .SCEvent-root': {
|
|
319
|
+
width: string;
|
|
320
|
+
'& .SCEvent-snippet-root': {
|
|
321
|
+
paddingLeft: string;
|
|
322
|
+
};
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
'& .SCNotificationItem-secondary': {
|
|
326
|
+
textTransform: string;
|
|
327
|
+
};
|
|
328
|
+
'& .SCNotification-snippet-time': {
|
|
329
|
+
paddingLeft: any;
|
|
330
|
+
};
|
|
331
|
+
'& .SCEvent-snippet-root': {
|
|
332
|
+
backgroundColor: string;
|
|
333
|
+
};
|
|
334
|
+
};
|
|
308
335
|
groupRoot: ({ theme }: any) => {};
|
|
309
336
|
undeletedForRoot: ({ theme }: any) => {
|
|
310
337
|
'& .SCNotification-undeleted-icon': {
|
|
@@ -309,6 +309,33 @@ const Component = {
|
|
|
309
309
|
backgroundColor: 'transparent !important'
|
|
310
310
|
}
|
|
311
311
|
}),
|
|
312
|
+
liveStreamRoot: ({ theme }) => ({
|
|
313
|
+
'& .SCNotification-username, & a': {
|
|
314
|
+
fontWeight: theme.typography.fontWeightBold
|
|
315
|
+
},
|
|
316
|
+
'& .SCNotificationItem-primary': {
|
|
317
|
+
'& .MuiIcon-root': {
|
|
318
|
+
float: 'right',
|
|
319
|
+
fontSize: '20px',
|
|
320
|
+
marginLeft: theme.spacing(0.5)
|
|
321
|
+
},
|
|
322
|
+
'& .SCEvent-root': {
|
|
323
|
+
width: '100%',
|
|
324
|
+
'& .SCEvent-snippet-root': {
|
|
325
|
+
paddingLeft: '0 !important'
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
'& .SCNotificationItem-secondary': {
|
|
330
|
+
textTransform: 'capitalize'
|
|
331
|
+
},
|
|
332
|
+
'& .SCNotification-snippet-time': {
|
|
333
|
+
paddingLeft: theme.spacing(5)
|
|
334
|
+
},
|
|
335
|
+
'& .SCEvent-snippet-root': {
|
|
336
|
+
backgroundColor: 'transparent !important'
|
|
337
|
+
}
|
|
338
|
+
}),
|
|
312
339
|
groupRoot: ({ theme }) => ({}),
|
|
313
340
|
undeletedForRoot: ({ theme }) => ({
|
|
314
341
|
'& .SCNotification-undeleted-icon': {
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
9
|
+
flexDirection: string;
|
|
10
|
+
justifyContent: string;
|
|
11
|
+
alignItems: string;
|
|
12
|
+
marginBottom: any;
|
|
13
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
color: string;
|
|
17
|
+
padding: number;
|
|
18
|
+
minWidth: string;
|
|
19
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
20
|
+
width: any;
|
|
21
|
+
height: any;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: number;
|
|
26
|
+
lineHeight: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
30
|
+
gap: any;
|
|
31
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
32
|
+
'& > div': {
|
|
33
|
+
padding: string;
|
|
34
|
+
'& > .SCBaseItem-content': {
|
|
35
|
+
'& > .SCBaseItem-text': {
|
|
36
|
+
margin: number;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
44
|
+
padding: string;
|
|
45
|
+
justifyContent: string;
|
|
46
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
47
|
+
color: any;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
skeletonRoot: ({ theme }: {
|
|
52
|
+
theme: any;
|
|
53
|
+
}) => {
|
|
54
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
55
|
+
padding: string;
|
|
56
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
57
|
+
marginBottom: any;
|
|
58
|
+
'& > .SCBaseItem-content': {
|
|
59
|
+
'& > .SCBaseItem-text': {
|
|
60
|
+
margin: number;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
'& > .SCBaseItem-actions': {
|
|
64
|
+
display: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
68
|
+
gap: any;
|
|
69
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
70
|
+
'& > div': {
|
|
71
|
+
padding: string;
|
|
72
|
+
'& > .SCBaseItem-content': {
|
|
73
|
+
'& > .SCBaseItem-text': {
|
|
74
|
+
margin: number;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
82
|
+
padding: string;
|
|
83
|
+
justifyContent: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
dialogRoot: ({ theme }: {
|
|
87
|
+
theme: any;
|
|
88
|
+
}) => {
|
|
89
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
90
|
+
[x: number]: {
|
|
91
|
+
height: string;
|
|
92
|
+
};
|
|
93
|
+
height: string;
|
|
94
|
+
'& .SCEvent-root': {
|
|
95
|
+
width: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
export default Component;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
7
|
+
padding: `10px ${theme.spacing(2)} 12px`,
|
|
8
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
justifyContent: 'flex-start',
|
|
11
|
+
alignItems: 'flex-start',
|
|
12
|
+
marginBottom: theme.spacing(2),
|
|
13
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
color: 'inherit',
|
|
17
|
+
padding: 0,
|
|
18
|
+
minWidth: 'auto',
|
|
19
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
20
|
+
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
21
|
+
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: 7,
|
|
26
|
+
lineHeight: '28px'
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
30
|
+
gap: theme.spacing(2),
|
|
31
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
32
|
+
'& > div': {
|
|
33
|
+
padding: '0 !important',
|
|
34
|
+
'& > .SCBaseItem-content': {
|
|
35
|
+
'& > .SCBaseItem-text': {
|
|
36
|
+
margin: 0
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
44
|
+
padding: `0 ${theme.spacing(2)} 15px`,
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
47
|
+
color: theme.palette.primary.main
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}),
|
|
51
|
+
skeletonRoot: ({ theme }) => ({
|
|
52
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
53
|
+
padding: `10px ${theme.spacing(2)} 12px`,
|
|
54
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
55
|
+
marginBottom: theme.spacing(2),
|
|
56
|
+
'& > .SCBaseItem-content': {
|
|
57
|
+
'& > .SCBaseItem-text': {
|
|
58
|
+
margin: 0
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
'& > .SCBaseItem-actions': {
|
|
62
|
+
display: 'none'
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
66
|
+
gap: theme.spacing(2),
|
|
67
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
68
|
+
'& > div': {
|
|
69
|
+
padding: '0 !important',
|
|
70
|
+
'& > .SCBaseItem-content': {
|
|
71
|
+
'& > .SCBaseItem-text': {
|
|
72
|
+
margin: 0
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
80
|
+
padding: `0 ${theme.spacing(2)} 15px`,
|
|
81
|
+
justifyContent: 'center'
|
|
82
|
+
}
|
|
83
|
+
}),
|
|
84
|
+
dialogRoot: ({ theme }) => ({
|
|
85
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
86
|
+
height: '400px',
|
|
87
|
+
[theme.breakpoints.down('md')]: {
|
|
88
|
+
height: '100%'
|
|
89
|
+
},
|
|
90
|
+
'& .SCEvent-root': {
|
|
91
|
+
width: '100%'
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
})
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
exports.default = Component;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4858,6 +4858,33 @@ declare const theme: {
|
|
|
4858
4858
|
backgroundColor: string;
|
|
4859
4859
|
};
|
|
4860
4860
|
};
|
|
4861
|
+
liveStreamRoot: ({ theme }: any) => {
|
|
4862
|
+
'& .SCNotification-username, & a': {
|
|
4863
|
+
fontWeight: any;
|
|
4864
|
+
};
|
|
4865
|
+
'& .SCNotificationItem-primary': {
|
|
4866
|
+
'& .MuiIcon-root': {
|
|
4867
|
+
float: string;
|
|
4868
|
+
fontSize: string;
|
|
4869
|
+
marginLeft: any;
|
|
4870
|
+
};
|
|
4871
|
+
'& .SCEvent-root': {
|
|
4872
|
+
width: string;
|
|
4873
|
+
'& .SCEvent-snippet-root': {
|
|
4874
|
+
paddingLeft: string;
|
|
4875
|
+
};
|
|
4876
|
+
};
|
|
4877
|
+
};
|
|
4878
|
+
'& .SCNotificationItem-secondary': {
|
|
4879
|
+
textTransform: string;
|
|
4880
|
+
};
|
|
4881
|
+
'& .SCNotification-snippet-time': {
|
|
4882
|
+
paddingLeft: any;
|
|
4883
|
+
};
|
|
4884
|
+
'& .SCEvent-snippet-root': {
|
|
4885
|
+
backgroundColor: string;
|
|
4886
|
+
};
|
|
4887
|
+
};
|
|
4861
4888
|
groupRoot: ({ theme }: any) => {};
|
|
4862
4889
|
undeletedForRoot: ({ theme }: any) => {
|
|
4863
4890
|
'& .SCNotification-undeleted-icon': {
|
|
@@ -5381,9 +5408,7 @@ declare const theme: {
|
|
|
5381
5408
|
objectFit: string;
|
|
5382
5409
|
};
|
|
5383
5410
|
'& .MuiBadge-badge': {
|
|
5384
|
-
right: any;
|
|
5385
|
-
* Style fragments - Imports - End
|
|
5386
|
-
*/
|
|
5411
|
+
right: any;
|
|
5387
5412
|
top: any;
|
|
5388
5413
|
'& .SCUserAvatar-badge-content': {
|
|
5389
5414
|
width: number;
|
|
@@ -8473,9 +8498,7 @@ declare const theme: {
|
|
|
8473
8498
|
'& .MuiAvatar-root': {
|
|
8474
8499
|
width: number;
|
|
8475
8500
|
height: number;
|
|
8476
|
-
|
|
8477
|
-
borderRadius: string;
|
|
8478
|
-
};
|
|
8501
|
+
borderRadius: string;
|
|
8479
8502
|
};
|
|
8480
8503
|
};
|
|
8481
8504
|
'& .SCLiveStream-snippet-image': {
|
|
@@ -8636,6 +8659,106 @@ declare const theme: {
|
|
|
8636
8659
|
};
|
|
8637
8660
|
};
|
|
8638
8661
|
};
|
|
8662
|
+
SCUserLiveStreamWidget: {
|
|
8663
|
+
styleOverrides: {
|
|
8664
|
+
root: ({ theme }: {
|
|
8665
|
+
theme: any;
|
|
8666
|
+
}) => {
|
|
8667
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
8668
|
+
padding: string;
|
|
8669
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
8670
|
+
flexDirection: string;
|
|
8671
|
+
justifyContent: string;
|
|
8672
|
+
alignItems: string;
|
|
8673
|
+
marginBottom: any;
|
|
8674
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
8675
|
+
flexDirection: string;
|
|
8676
|
+
alignItems: string;
|
|
8677
|
+
color: string;
|
|
8678
|
+
padding: number;
|
|
8679
|
+
minWidth: string;
|
|
8680
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
8681
|
+
width: any;
|
|
8682
|
+
height: any;
|
|
8683
|
+
};
|
|
8684
|
+
};
|
|
8685
|
+
'& h4': {
|
|
8686
|
+
marginLeft: number;
|
|
8687
|
+
lineHeight: string;
|
|
8688
|
+
};
|
|
8689
|
+
};
|
|
8690
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
8691
|
+
gap: any;
|
|
8692
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
8693
|
+
'& > div': {
|
|
8694
|
+
padding: string;
|
|
8695
|
+
'& > .SCBaseItem-content': {
|
|
8696
|
+
'& > .SCBaseItem-text': {
|
|
8697
|
+
margin: number;
|
|
8698
|
+
};
|
|
8699
|
+
};
|
|
8700
|
+
};
|
|
8701
|
+
};
|
|
8702
|
+
};
|
|
8703
|
+
};
|
|
8704
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
8705
|
+
padding: string;
|
|
8706
|
+
justifyContent: string;
|
|
8707
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
8708
|
+
color: any;
|
|
8709
|
+
};
|
|
8710
|
+
};
|
|
8711
|
+
};
|
|
8712
|
+
skeletonRoot: ({ theme }: {
|
|
8713
|
+
theme: any;
|
|
8714
|
+
}) => {
|
|
8715
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
8716
|
+
padding: string;
|
|
8717
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
8718
|
+
marginBottom: any;
|
|
8719
|
+
'& > .SCBaseItem-content': {
|
|
8720
|
+
'& > .SCBaseItem-text': {
|
|
8721
|
+
margin: number;
|
|
8722
|
+
};
|
|
8723
|
+
};
|
|
8724
|
+
'& > .SCBaseItem-actions': {
|
|
8725
|
+
display: string;
|
|
8726
|
+
};
|
|
8727
|
+
};
|
|
8728
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
8729
|
+
gap: any;
|
|
8730
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
8731
|
+
'& > div': {
|
|
8732
|
+
padding: string;
|
|
8733
|
+
'& > .SCBaseItem-content': {
|
|
8734
|
+
'& > .SCBaseItem-text': {
|
|
8735
|
+
margin: number;
|
|
8736
|
+
};
|
|
8737
|
+
};
|
|
8738
|
+
};
|
|
8739
|
+
};
|
|
8740
|
+
};
|
|
8741
|
+
};
|
|
8742
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
8743
|
+
padding: string;
|
|
8744
|
+
justifyContent: string;
|
|
8745
|
+
};
|
|
8746
|
+
};
|
|
8747
|
+
dialogRoot: ({ theme }: {
|
|
8748
|
+
theme: any;
|
|
8749
|
+
}) => {
|
|
8750
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
8751
|
+
[x: number]: {
|
|
8752
|
+
height: string;
|
|
8753
|
+
};
|
|
8754
|
+
height: string;
|
|
8755
|
+
'& .SCEvent-root': {
|
|
8756
|
+
width: string;
|
|
8757
|
+
};
|
|
8758
|
+
};
|
|
8759
|
+
};
|
|
8760
|
+
};
|
|
8761
|
+
};
|
|
8639
8762
|
SCCreateLiveStreamDialog: {
|
|
8640
8763
|
styleOverrides: {
|
|
8641
8764
|
root: ({ theme }: any) => {
|
|
@@ -8681,7 +8804,7 @@ declare const theme: {
|
|
|
8681
8804
|
};
|
|
8682
8805
|
optionCardRoot: ({ theme, selected }: any) => {
|
|
8683
8806
|
maxWidth: number;
|
|
8684
|
-
height:
|
|
8807
|
+
height: string;
|
|
8685
8808
|
padding: any;
|
|
8686
8809
|
margin: any;
|
|
8687
8810
|
cursor: string;
|
package/lib/cjs/index.js
CHANGED
|
@@ -150,6 +150,7 @@ const SCLiveStreamFormSettings_1 = tslib_1.__importDefault(require("./components
|
|
|
150
150
|
const SCLiveStreamRoom_1 = tslib_1.__importDefault(require("./components/SCLiveStreamRoom"));
|
|
151
151
|
const SCLiveStreamVideoConference_1 = tslib_1.__importDefault(require("./components/SCLiveStreamVideoConference"));
|
|
152
152
|
const SCLiveStreamInfoDetails_1 = tslib_1.__importDefault(require("./components/SCLiveStreamInfoDetails"));
|
|
153
|
+
const SCUserLiveStreamWidget_1 = tslib_1.__importDefault(require("./components/SCUserLiveStreamWidget"));
|
|
153
154
|
const SCToastNotifications_1 = tslib_1.__importDefault(require("./components/SCToastNotifications"));
|
|
154
155
|
const SCUser_1 = tslib_1.__importDefault(require("./components/SCUser"));
|
|
155
156
|
const SCUserActionIconButton_1 = tslib_1.__importDefault(require("./components/SCUserActionIconButton"));
|
|
@@ -402,6 +403,7 @@ const theme = {
|
|
|
402
403
|
SCWidget: SCWidget_1.default,
|
|
403
404
|
SCLiveStream: SCLiveStream_1.default,
|
|
404
405
|
SCLiveStreamInfoDetails: SCLiveStreamInfoDetails_1.default,
|
|
406
|
+
SCUserLiveStreamWidget: SCUserLiveStreamWidget_1.default,
|
|
405
407
|
SCCreateLiveStreamDialog: SCLiveStreamDialog_1.default,
|
|
406
408
|
SCLiveStreamSelector: SCLiveStreamSelector_1.default,
|
|
407
409
|
SCLiveStreamForm: SCLiveStreamForm_1.default,
|
|
@@ -305,6 +305,33 @@ declare const Component: {
|
|
|
305
305
|
backgroundColor: string;
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
|
+
liveStreamRoot: ({ theme }: any) => {
|
|
309
|
+
'& .SCNotification-username, & a': {
|
|
310
|
+
fontWeight: any;
|
|
311
|
+
};
|
|
312
|
+
'& .SCNotificationItem-primary': {
|
|
313
|
+
'& .MuiIcon-root': {
|
|
314
|
+
float: string;
|
|
315
|
+
fontSize: string;
|
|
316
|
+
marginLeft: any;
|
|
317
|
+
};
|
|
318
|
+
'& .SCEvent-root': {
|
|
319
|
+
width: string;
|
|
320
|
+
'& .SCEvent-snippet-root': {
|
|
321
|
+
paddingLeft: string;
|
|
322
|
+
};
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
'& .SCNotificationItem-secondary': {
|
|
326
|
+
textTransform: string;
|
|
327
|
+
};
|
|
328
|
+
'& .SCNotification-snippet-time': {
|
|
329
|
+
paddingLeft: any;
|
|
330
|
+
};
|
|
331
|
+
'& .SCEvent-snippet-root': {
|
|
332
|
+
backgroundColor: string;
|
|
333
|
+
};
|
|
334
|
+
};
|
|
308
335
|
groupRoot: ({ theme }: any) => {};
|
|
309
336
|
undeletedForRoot: ({ theme }: any) => {
|
|
310
337
|
'& .SCNotification-undeleted-icon': {
|
|
@@ -307,6 +307,33 @@ const Component = {
|
|
|
307
307
|
backgroundColor: 'transparent !important'
|
|
308
308
|
}
|
|
309
309
|
}),
|
|
310
|
+
liveStreamRoot: ({ theme }) => ({
|
|
311
|
+
'& .SCNotification-username, & a': {
|
|
312
|
+
fontWeight: theme.typography.fontWeightBold
|
|
313
|
+
},
|
|
314
|
+
'& .SCNotificationItem-primary': {
|
|
315
|
+
'& .MuiIcon-root': {
|
|
316
|
+
float: 'right',
|
|
317
|
+
fontSize: '20px',
|
|
318
|
+
marginLeft: theme.spacing(0.5)
|
|
319
|
+
},
|
|
320
|
+
'& .SCEvent-root': {
|
|
321
|
+
width: '100%',
|
|
322
|
+
'& .SCEvent-snippet-root': {
|
|
323
|
+
paddingLeft: '0 !important'
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
'& .SCNotificationItem-secondary': {
|
|
328
|
+
textTransform: 'capitalize'
|
|
329
|
+
},
|
|
330
|
+
'& .SCNotification-snippet-time': {
|
|
331
|
+
paddingLeft: theme.spacing(5)
|
|
332
|
+
},
|
|
333
|
+
'& .SCEvent-snippet-root': {
|
|
334
|
+
backgroundColor: 'transparent !important'
|
|
335
|
+
}
|
|
336
|
+
}),
|
|
310
337
|
groupRoot: ({ theme }) => ({}),
|
|
311
338
|
undeletedForRoot: ({ theme }) => ({
|
|
312
339
|
'& .SCNotification-undeleted-icon': {
|