@selfcommunity/react-theme-default 0.2.0-live.55 → 0.2.0-live.56

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.
@@ -0,0 +1,217 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({}),
4
+ detailRoot: ({ theme }) => ({
5
+ '& .SCLiveStream-detail-image-wrapper': {
6
+ position: 'relative',
7
+ '& .SCLiveStream-detail-image': {
8
+ height: '170px'
9
+ },
10
+ '& .SCLiveStream-detail-in-progress': {
11
+ backgroundColor: theme.palette.secondary.main,
12
+ position: 'absolute',
13
+ top: 10,
14
+ right: 10,
15
+ color: theme.palette.common.white,
16
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
17
+ }
18
+ },
19
+ '& .SCLiveStream-detail-content': {
20
+ padding: `52px ${theme.spacing(3)} 0 !important`,
21
+ '& .SCLiveStream-detail-user': {
22
+ marginTop: '14px',
23
+ '& .SCBaseItemButton-text': {
24
+ margin: 0
25
+ }
26
+ },
27
+ '& .SCLiveStream-detail-name-wrapper': {
28
+ textDecoration: 'none',
29
+ color: 'inherit',
30
+ '& .SCLiveStream-detail-name': {
31
+ marginBottom: '10px'
32
+ }
33
+ },
34
+ '& .SCLiveStream-detail-first-divider': {
35
+ marginTop: '18px',
36
+ marginBottom: theme.spacing()
37
+ },
38
+ '& .SCLiveStream-detail-second-divider': {
39
+ marginTop: theme.spacing(),
40
+ marginBottom: '18px'
41
+ }
42
+ }
43
+ }),
44
+ previewRoot: ({ theme }) => ({
45
+ '& .SCLiveStream-preview-image-wrapper': {
46
+ position: 'relative',
47
+ '& .SCLiveStream-preview-image': {
48
+ height: '80px'
49
+ },
50
+ '& .SCLiveStream-preview-in-progress': {
51
+ height: 18,
52
+ backgroundColor: theme.palette.secondary.main,
53
+ position: 'absolute',
54
+ top: 7,
55
+ right: 7,
56
+ color: theme.palette.common.white,
57
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
58
+ '& span': {
59
+ fontSize: '0.8rem',
60
+ paddingLeft: theme.spacing(0.5),
61
+ paddingRight: theme.spacing(0.5)
62
+ }
63
+ }
64
+ },
65
+ '& .SCLiveStream-preview-content': {
66
+ padding: `${theme.spacing()} !important`,
67
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
68
+ '& .MuiTypography-root': {
69
+ fontSize: '0.8rem'
70
+ }
71
+ },
72
+ '& .SCLiveStream-detail-user': {
73
+ marginTop: '14px',
74
+ '& .SCBaseItemButton-text': {
75
+ margin: 0
76
+ }
77
+ },
78
+ '& .SCLiveStream-preview-name-wrapper': {
79
+ marginTop: 3,
80
+ textDecoration: 'none',
81
+ color: 'inherit',
82
+ '& h5': {
83
+ whiteSpace: 'nowrap',
84
+ overflow: 'hidden',
85
+ textOverflow: 'ellipsis'
86
+ }
87
+ }
88
+ }
89
+ }),
90
+ snippetRoot: ({ theme }) => ({
91
+ overflow: 'visible',
92
+ boxSizing: 'border-box',
93
+ paddingLeft: `${theme.spacing()} !important`,
94
+ paddingRight: `${theme.spacing()} !important`,
95
+ '& .SCBaseItem-image': {
96
+ '& .MuiAvatar-root': {
97
+ width: 100,
98
+ height: 60,
99
+ '& img': {
100
+ borderRadius: '5px'
101
+ }
102
+ }
103
+ },
104
+ '& .SCLiveStream-snippet-image': {
105
+ position: 'relative',
106
+ '& .SCLiveStream-snippet-in-progress': {
107
+ height: 18,
108
+ backgroundColor: theme.palette.secondary.main,
109
+ position: 'absolute',
110
+ top: 5,
111
+ right: 3,
112
+ color: theme.palette.common.white,
113
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
114
+ '& span': {
115
+ fontSize: '0.8rem',
116
+ paddingLeft: theme.spacing(0.5),
117
+ paddingRight: theme.spacing(0.5)
118
+ }
119
+ }
120
+ },
121
+ '& .SCBaseItem-text': {
122
+ fontSize: theme.typography.fontSize,
123
+ '& .SCLiveStream-snippet-primary': {
124
+ color: theme.palette.text.primary,
125
+ textDecoration: 'none',
126
+ '&:hover': {
127
+ textDecoration: 'none'
128
+ },
129
+ '& p': {
130
+ fontWeight: theme.typography.fontWeightBold
131
+ }
132
+ },
133
+ '& .SCLiveStream-snippet-secondary': {
134
+ color: theme.palette.text.secondary
135
+ }
136
+ }
137
+ }),
138
+ skeletonRoot: ({ theme }) => ({
139
+ '& .SCLiveStream-skeleton-detail-root': {
140
+ '& .SCLiveStream-skeleton-detail-calendar': {
141
+ position: 'absolute',
142
+ bottom: '-36px',
143
+ left: '24px',
144
+ boxShadow: '0px 3px 8px #00000040'
145
+ },
146
+ '& .SCLiveStream-skeleton-detail-content': {
147
+ padding: `52px ${theme.spacing(3)} 0 !important`,
148
+ '& .SCLiveStream-skeleton-detail-user': {
149
+ marginTop: '14px',
150
+ '& .SCBaseItemButton-text': {
151
+ margin: 0
152
+ }
153
+ },
154
+ '& .SCLiveStream-skeleton-detail-name-wrapper': {
155
+ textDecoration: 'none',
156
+ color: 'inherit',
157
+ '& .SCLiveStream-skeleton-detail-name': {
158
+ marginBottom: '10px'
159
+ }
160
+ },
161
+ '& .SCLiveStream-skeleton-detail-first-divider': {
162
+ marginTop: '18px',
163
+ marginBottom: theme.spacing()
164
+ },
165
+ '& .SCLiveStream-skeleton-detail-second-divider': {
166
+ marginTop: theme.spacing(),
167
+ marginBottom: '18px'
168
+ }
169
+ }
170
+ },
171
+ '& .SCLiveStream-skeleton-preview-root': {
172
+ '& .SCLiveStream-skeleton-preview-content': {
173
+ padding: theme.spacing()
174
+ },
175
+ '& .SCLiveStream-skeleton-preview-image': {
176
+ position: 'relative',
177
+ '& .MuiSkeleton-root': {
178
+ borderRadius: '5px'
179
+ },
180
+ '& .MuiIcon-root': {
181
+ color: theme.palette.common.white,
182
+ position: 'absolute',
183
+ top: '50%',
184
+ left: '50%',
185
+ transform: 'translate(-50%, -50%)'
186
+ }
187
+ },
188
+ '& .SCBaseItem-actions': {
189
+ maxWidth: 'none !important'
190
+ }
191
+ },
192
+ '& .SCLiveStream-skeleton-snippet-root': {
193
+ overflow: 'visible',
194
+ boxSizing: 'border-box',
195
+ paddingLeft: `${theme.spacing()} !important`,
196
+ paddingRight: `${theme.spacing()} !important`,
197
+ '& .SCLiveStream-skeleton-snippet-image': {
198
+ position: 'relative',
199
+ '& .MuiSkeleton-root': {
200
+ borderRadius: '5px'
201
+ },
202
+ '& .MuiIcon-root': {
203
+ color: theme.palette.common.white,
204
+ position: 'absolute',
205
+ top: '50%',
206
+ left: '50%',
207
+ transform: 'translate(-50%, -50%)'
208
+ }
209
+ },
210
+ '& .SCBaseItem-actions': {
211
+ maxWidth: 'none !important'
212
+ }
213
+ }
214
+ })
215
+ }
216
+ };
217
+ export default Component;
@@ -13,6 +13,9 @@ declare const Component: {
13
13
  minWidth: string;
14
14
  };
15
15
  };
16
+ "& .SCLiveStreamForm-access-view": {
17
+ margin: any;
18
+ };
16
19
  "& .SCLiveStreamForm-actions": {
17
20
  display: string;
18
21
  justifyContent: string;
@@ -13,6 +13,9 @@ const Component = {
13
13
  minWidth: 'auto'
14
14
  }
15
15
  },
16
+ [`& .SCLiveStreamForm-access-view`]: {
17
+ margin: theme.spacing(2, 0),
18
+ },
16
19
  [`& .SCLiveStreamForm-actions`]: {
17
20
  display: 'flex',
18
21
  justifyContent: 'flex-end',
@@ -0,0 +1,15 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ margin: any;
5
+ '& .SCLiveStreamFormSettings-access-view': {
6
+ margin: any;
7
+ width: string;
8
+ '& .Mui-checked': {
9
+ color: any;
10
+ };
11
+ };
12
+ };
13
+ };
14
+ };
15
+ export default Component;
@@ -0,0 +1,15 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ margin: theme.spacing(1, 0),
5
+ '& .SCLiveStreamFormSettings-access-view': {
6
+ margin: theme.spacing(2, 0),
7
+ width: '100%',
8
+ '& .Mui-checked': {
9
+ color: theme.palette.primary.main
10
+ }
11
+ }
12
+ })
13
+ }
14
+ };
15
+ export default Component;
@@ -0,0 +1,43 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ gap: any;
7
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8
+ flexDirection: string;
9
+ alignItems: string;
10
+ gap: any;
11
+ '& > p': {
12
+ textTransform: string;
13
+ };
14
+ '& .SCLiveStreamInfoDetails-link': {
15
+ textDecoration: string;
16
+ color: any;
17
+ '&:hover': {
18
+ textDecoration: string;
19
+ };
20
+ '& .SCLiveStreamInfoDetails-url': {
21
+ overflow: string;
22
+ textOverflow: string;
23
+ display: string;
24
+ '-webkit-line-clamp': string;
25
+ '-webkit-box-orient': string;
26
+ };
27
+ };
28
+ '& .SCLiveStreamInfoDetails-in-progress': {
29
+ width: string;
30
+ height: string;
31
+ borderRadius: string;
32
+ backgroundColor: any;
33
+ };
34
+ };
35
+ '& .SCLiveStreamInfoDetails-creation-wrapper': {
36
+ flexDirection: string;
37
+ alignItems: string;
38
+ gap: any;
39
+ };
40
+ };
41
+ };
42
+ };
43
+ export default Component;
@@ -0,0 +1,41 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ gap: theme.spacing(0.5),
5
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
6
+ flexDirection: 'row',
7
+ alignItems: 'center',
8
+ gap: theme.spacing(0.75),
9
+ '& > p': {
10
+ textTransform: 'capitalize'
11
+ },
12
+ '& .SCLiveStreamInfoDetails-link': {
13
+ textDecoration: 'none',
14
+ color: theme.palette.text.primary,
15
+ '&:hover': {
16
+ textDecoration: 'underlined'
17
+ },
18
+ '& .SCLiveStreamInfoDetails-url': {
19
+ overflow: 'hidden',
20
+ textOverflow: 'ellipsis',
21
+ display: '-webkit-box',
22
+ '-webkit-line-clamp': '1',
23
+ '-webkit-box-orient': 'vertical'
24
+ }
25
+ },
26
+ '& .SCLiveStreamInfoDetails-in-progress': {
27
+ width: '6px',
28
+ height: '6px',
29
+ borderRadius: '9999px',
30
+ backgroundColor: theme.palette.secondary.main
31
+ }
32
+ },
33
+ '& .SCLiveStreamInfoDetails-creation-wrapper': {
34
+ flexDirection: 'row',
35
+ alignItems: 'center',
36
+ gap: theme.spacing(1)
37
+ }
38
+ })
39
+ }
40
+ };
41
+ export default Component;
@@ -8373,6 +8373,222 @@ declare const theme: {
8373
8373
  };
8374
8374
  };
8375
8375
  };
8376
+ SCLiveStream: {
8377
+ styleOverrides: {
8378
+ root: ({ theme }: any) => {};
8379
+ detailRoot: ({ theme }: any) => {
8380
+ '& .SCLiveStream-detail-image-wrapper': {
8381
+ position: string;
8382
+ '& .SCLiveStream-detail-image': {
8383
+ height: string;
8384
+ };
8385
+ '& .SCLiveStream-detail-in-progress': {
8386
+ backgroundColor: any;
8387
+ position: string;
8388
+ top: number;
8389
+ right: number;
8390
+ color: any;
8391
+ boxShadow: string;
8392
+ };
8393
+ };
8394
+ '& .SCLiveStream-detail-content': {
8395
+ padding: string;
8396
+ '& .SCLiveStream-detail-user': {
8397
+ marginTop: string;
8398
+ '& .SCBaseItemButton-text': {
8399
+ margin: number;
8400
+ };
8401
+ };
8402
+ '& .SCLiveStream-detail-name-wrapper': {
8403
+ textDecoration: string;
8404
+ color: string;
8405
+ '& .SCLiveStream-detail-name': {
8406
+ marginBottom: string;
8407
+ };
8408
+ };
8409
+ '& .SCLiveStream-detail-first-divider': {
8410
+ marginTop: string;
8411
+ marginBottom: any;
8412
+ };
8413
+ '& .SCLiveStream-detail-second-divider': {
8414
+ marginTop: any;
8415
+ marginBottom: string;
8416
+ };
8417
+ };
8418
+ };
8419
+ previewRoot: ({ theme }: any) => {
8420
+ '& .SCLiveStream-preview-image-wrapper': {
8421
+ position: string;
8422
+ '& .SCLiveStream-preview-image': {
8423
+ height: string;
8424
+ };
8425
+ '& .SCLiveStream-preview-in-progress': {
8426
+ height: number;
8427
+ backgroundColor: any;
8428
+ position: string;
8429
+ top: number;
8430
+ right: number;
8431
+ color: any;
8432
+ boxShadow: string;
8433
+ '& span': {
8434
+ fontSize: string;
8435
+ paddingLeft: any;
8436
+ paddingRight: any;
8437
+ };
8438
+ };
8439
+ };
8440
+ '& .SCLiveStream-preview-content': {
8441
+ padding: string;
8442
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8443
+ '& .MuiTypography-root': {
8444
+ fontSize: string;
8445
+ };
8446
+ };
8447
+ '& .SCLiveStream-detail-user': {
8448
+ marginTop: string;
8449
+ '& .SCBaseItemButton-text': {
8450
+ margin: number;
8451
+ };
8452
+ };
8453
+ '& .SCLiveStream-preview-name-wrapper': {
8454
+ marginTop: number;
8455
+ textDecoration: string;
8456
+ color: string;
8457
+ '& h5': {
8458
+ whiteSpace: string;
8459
+ overflow: string;
8460
+ textOverflow: string;
8461
+ };
8462
+ };
8463
+ };
8464
+ };
8465
+ snippetRoot: ({ theme }: any) => {
8466
+ overflow: string;
8467
+ boxSizing: string;
8468
+ paddingLeft: string;
8469
+ paddingRight: string;
8470
+ '& .SCBaseItem-image': {
8471
+ '& .MuiAvatar-root': {
8472
+ width: number;
8473
+ height: number;
8474
+ '& img': {
8475
+ borderRadius: string;
8476
+ };
8477
+ };
8478
+ };
8479
+ '& .SCLiveStream-snippet-image': {
8480
+ position: string;
8481
+ '& .SCLiveStream-snippet-in-progress': {
8482
+ height: number;
8483
+ backgroundColor: any;
8484
+ position: string;
8485
+ top: number;
8486
+ right: number;
8487
+ color: any;
8488
+ boxShadow: string;
8489
+ '& span': {
8490
+ fontSize: string;
8491
+ paddingLeft: any;
8492
+ paddingRight: any;
8493
+ };
8494
+ };
8495
+ };
8496
+ '& .SCBaseItem-text': {
8497
+ fontSize: any;
8498
+ '& .SCLiveStream-snippet-primary': {
8499
+ color: any;
8500
+ textDecoration: string;
8501
+ '&:hover': {
8502
+ textDecoration: string;
8503
+ };
8504
+ '& p': {
8505
+ fontWeight: any;
8506
+ };
8507
+ };
8508
+ '& .SCLiveStream-snippet-secondary': {
8509
+ color: any;
8510
+ };
8511
+ };
8512
+ };
8513
+ skeletonRoot: ({ theme }: any) => {
8514
+ '& .SCLiveStream-skeleton-detail-root': {
8515
+ '& .SCLiveStream-skeleton-detail-calendar': {
8516
+ position: string;
8517
+ bottom: string;
8518
+ left: string;
8519
+ boxShadow: string;
8520
+ };
8521
+ '& .SCLiveStream-skeleton-detail-content': {
8522
+ padding: string;
8523
+ '& .SCLiveStream-skeleton-detail-user': {
8524
+ marginTop: string;
8525
+ '& .SCBaseItemButton-text': {
8526
+ margin: number;
8527
+ };
8528
+ };
8529
+ '& .SCLiveStream-skeleton-detail-name-wrapper': {
8530
+ textDecoration: string;
8531
+ color: string;
8532
+ '& .SCLiveStream-skeleton-detail-name': {
8533
+ marginBottom: string;
8534
+ };
8535
+ };
8536
+ '& .SCLiveStream-skeleton-detail-first-divider': {
8537
+ marginTop: string;
8538
+ marginBottom: any;
8539
+ };
8540
+ '& .SCLiveStream-skeleton-detail-second-divider': {
8541
+ marginTop: any;
8542
+ marginBottom: string;
8543
+ };
8544
+ };
8545
+ };
8546
+ '& .SCLiveStream-skeleton-preview-root': {
8547
+ '& .SCLiveStream-skeleton-preview-content': {
8548
+ padding: any;
8549
+ };
8550
+ '& .SCLiveStream-skeleton-preview-image': {
8551
+ position: string;
8552
+ '& .MuiSkeleton-root': {
8553
+ borderRadius: string;
8554
+ };
8555
+ '& .MuiIcon-root': {
8556
+ color: any;
8557
+ position: string;
8558
+ top: string;
8559
+ left: string;
8560
+ transform: string;
8561
+ };
8562
+ };
8563
+ '& .SCBaseItem-actions': {
8564
+ maxWidth: string;
8565
+ };
8566
+ };
8567
+ '& .SCLiveStream-skeleton-snippet-root': {
8568
+ overflow: string;
8569
+ boxSizing: string;
8570
+ paddingLeft: string;
8571
+ paddingRight: string;
8572
+ '& .SCLiveStream-skeleton-snippet-image': {
8573
+ position: string;
8574
+ '& .MuiSkeleton-root': {
8575
+ borderRadius: string;
8576
+ };
8577
+ '& .MuiIcon-root': {
8578
+ color: any;
8579
+ position: string;
8580
+ top: string;
8581
+ left: string;
8582
+ transform: string;
8583
+ };
8584
+ };
8585
+ '& .SCBaseItem-actions': {
8586
+ maxWidth: string;
8587
+ };
8588
+ };
8589
+ };
8590
+ };
8591
+ };
8376
8592
  SCCreateLiveStreamDialog: {
8377
8593
  styleOverrides: {
8378
8594
  root: ({ theme }: any) => {
@@ -8403,6 +8619,9 @@ declare const theme: {
8403
8619
  minWidth: string;
8404
8620
  };
8405
8621
  };
8622
+ "& .SCLiveStreamForm-access-view": {
8623
+ margin: any;
8624
+ };
8406
8625
  "& .SCLiveStreamForm-actions": {
8407
8626
  display: string;
8408
8627
  justifyContent: string;
@@ -8411,6 +8630,20 @@ declare const theme: {
8411
8630
  };
8412
8631
  };
8413
8632
  };
8633
+ SCLiveStreamFormSettings: {
8634
+ styleOverrides: {
8635
+ root: ({ theme }: any) => {
8636
+ margin: any;
8637
+ '& .SCLiveStreamFormSettings-access-view': {
8638
+ margin: any;
8639
+ width: string;
8640
+ '& .Mui-checked': {
8641
+ color: any;
8642
+ };
8643
+ };
8644
+ };
8645
+ };
8646
+ };
8414
8647
  SCLiveStreamRoom: {
8415
8648
  styleOverrides: {
8416
8649
  root: ({ theme }: any) => {
package/lib/esm/index.js CHANGED
@@ -139,8 +139,10 @@ import SCScrollContainer from './components/SCScrollContainer';
139
139
  import SCSearchAutocomplete from './components/SCSearchAutocomplete';
140
140
  import SCSnippetNotifications from './components/SCSnippetNotifications';
141
141
  import SCSuggestedEventsWidget from './components/SCSuggestedEventsWidget';
142
+ import SCLiveStream from './components/SCLiveStream';
142
143
  import SCCreateLiveStreamDialog from './components/SCLiveStreamDialog';
143
144
  import SCLiveStreamForm from './components/SCLiveStreamForm';
145
+ import SCLiveStreamFormSettings from './components/SCLiveStreamFormSettings';
144
146
  import SCLiveStreamRoom from './components/SCLiveStreamRoom';
145
147
  import SCLiveStreamVideoConference from './components/SCLiveStreamVideoConference';
146
148
  import SCToastNotifications from './components/SCToastNotifications';
@@ -393,10 +395,12 @@ const theme = {
393
395
  SCVoteAudienceButton,
394
396
  SCVoteButton,
395
397
  SCWidget,
398
+ SCLiveStream,
396
399
  SCCreateLiveStreamDialog,
397
400
  SCLiveStreamForm,
401
+ SCLiveStreamFormSettings,
398
402
  SCLiveStreamRoom,
399
- SCLiveStreamVideoConference,
403
+ SCLiveStreamVideoConference
400
404
  },
401
405
  selfcommunity: {
402
406
  user: {