@selfcommunity/react-theme-default 0.2.0-live.54 → 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.
Files changed (26) hide show
  1. package/lib/cjs/components/SCLiveStream.d.ts +217 -0
  2. package/lib/cjs/components/SCLiveStream.js +219 -0
  3. package/lib/cjs/components/SCLiveStreamForm.d.ts +3 -0
  4. package/lib/cjs/components/SCLiveStreamForm.js +3 -0
  5. package/lib/cjs/components/SCLiveStreamFormSettings.d.ts +15 -0
  6. package/lib/cjs/components/SCLiveStreamFormSettings.js +17 -0
  7. package/lib/cjs/components/SCLiveStreamInfoDetails.d.ts +43 -0
  8. package/lib/cjs/components/SCLiveStreamInfoDetails.js +43 -0
  9. package/lib/cjs/components/SCLiveStreamRoom.d.ts +3 -3
  10. package/lib/cjs/components/SCLiveStreamRoom.js +4 -4
  11. package/lib/cjs/index.d.ts +236 -3
  12. package/lib/cjs/index.js +5 -1
  13. package/lib/esm/components/SCLiveStream.d.ts +217 -0
  14. package/lib/esm/components/SCLiveStream.js +217 -0
  15. package/lib/esm/components/SCLiveStreamForm.d.ts +3 -0
  16. package/lib/esm/components/SCLiveStreamForm.js +3 -0
  17. package/lib/esm/components/SCLiveStreamFormSettings.d.ts +15 -0
  18. package/lib/esm/components/SCLiveStreamFormSettings.js +15 -0
  19. package/lib/esm/components/SCLiveStreamInfoDetails.d.ts +43 -0
  20. package/lib/esm/components/SCLiveStreamInfoDetails.js +41 -0
  21. package/lib/esm/components/SCLiveStreamRoom.d.ts +3 -3
  22. package/lib/esm/components/SCLiveStreamRoom.js +4 -4
  23. package/lib/esm/index.d.ts +236 -3
  24. package/lib/esm/index.js +5 -1
  25. package/lib/umd/react-theme-default.js +1 -1
  26. package/package.json +4 -4
package/lib/esm/components/SCLiveStream.js ADDED
@@ -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;
package/lib/esm/components/SCLiveStreamForm.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCLiveStreamForm.js CHANGED
@@ -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',
package/lib/esm/components/SCLiveStreamFormSettings.d.ts ADDED
@@ -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;
package/lib/esm/components/SCLiveStreamFormSettings.js ADDED
@@ -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;
package/lib/esm/components/SCLiveStreamInfoDetails.d.ts ADDED
@@ -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;
package/lib/esm/components/SCLiveStreamInfoDetails.js ADDED
@@ -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;
package/lib/esm/components/SCLiveStreamRoom.d.ts CHANGED
@@ -14,6 +14,9 @@ declare const Component: {
14
14
  placeItems: string;
15
15
  height: string;
16
16
  position: string;
17
+ '& .lk-form-control': {
18
+ display: string;
19
+ };
17
20
  };
18
21
  "& .SCLiveStreamRoom-prejoin-loading": {
19
22
  '& .lk-prejoin': {
@@ -42,9 +45,6 @@ declare const Component: {
42
45
  backgroundColor: string;
43
46
  borderRadius: any;
44
47
  };
45
- '& .lk-form-control': {
46
- display: string;
47
- };
48
48
  '& .lk-join-button': {
49
49
  backgroundColor: any;
50
50
  color: any;
package/lib/esm/components/SCLiveStreamRoom.js CHANGED
@@ -13,7 +13,10 @@ const Component = {
13
13
  display: 'grid',
14
14
  placeItems: 'center',
15
15
  height: '100%',
16
- position: 'relative'
16
+ position: 'relative',
17
+ '& .lk-form-control': {
18
+ display: 'none'
19
+ }
17
20
  },
18
21
  [`& .SCLiveStreamRoom-prejoin-loading`]: {
19
22
  '& .lk-prejoin': {
@@ -42,9 +45,6 @@ const Component = {
42
45
  backgroundColor: '#111111',
43
46
  borderRadius: theme.shape.borderRadiusSm
44
47
  },
45
- '& .lk-form-control': {
46
- display: 'none'
47
- },
48
48
  '& .lk-join-button': {
49
49
  backgroundColor: theme.palette.primary.main,
50
50
  color: theme.palette.common.white,
package/lib/esm/index.d.ts CHANGED
@@ -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) => {
@@ -8427,6 +8660,9 @@ declare const theme: {
8427
8660
  placeItems: string;
8428
8661
  height: string;
8429
8662
  position: string;
8663
+ '& .lk-form-control': {
8664
+ display: string;
8665
+ };
8430
8666
  };
8431
8667
  "& .SCLiveStreamRoom-prejoin-loading": {
8432
8668
  '& .lk-prejoin': {
@@ -8455,9 +8691,6 @@ declare const theme: {
8455
8691
  backgroundColor: string;
8456
8692
  borderRadius: any;
8457
8693
  };
8458
- '& .lk-form-control': {
8459
- display: string;
8460
- };
8461
8694
  '& .lk-join-button': {
8462
8695
  backgroundColor: any;
8463
8696
  color: any;