@selfcommunity/react-theme-default 0.4.5-alpha.0 → 0.4.5-alpha.10

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 (82) hide show
  1. package/lib/cjs/components/SCComposer.d.ts +36 -8
  2. package/lib/cjs/components/SCComposer.js +37 -9
  3. package/lib/cjs/components/SCCreateLiveStreamButton.d.ts +12 -0
  4. package/lib/cjs/components/SCCreateLiveStreamButton.js +14 -0
  5. package/lib/cjs/components/SCEventInfoDetails.d.ts +3 -0
  6. package/lib/cjs/components/SCEventInfoDetails.js +3 -0
  7. package/lib/cjs/components/SCFeedObject.d.ts +14 -3
  8. package/lib/cjs/components/SCFeedObject.js +16 -5
  9. package/lib/cjs/components/SCFeedObjectDetailTemplate.d.ts +11 -0
  10. package/lib/cjs/components/SCFeedObjectDetailTemplate.js +12 -1
  11. package/lib/cjs/components/SCLiveStream.d.ts +218 -0
  12. package/lib/cjs/components/SCLiveStream.js +220 -0
  13. package/lib/cjs/components/SCLiveStreamDialog.d.ts +16 -0
  14. package/lib/cjs/components/SCLiveStreamDialog.js +18 -0
  15. package/lib/cjs/components/SCLiveStreamForm.d.ts +27 -0
  16. package/lib/cjs/components/SCLiveStreamForm.js +29 -0
  17. package/lib/cjs/components/SCLiveStreamFormSettings.d.ts +15 -0
  18. package/lib/cjs/components/SCLiveStreamFormSettings.js +17 -0
  19. package/lib/cjs/components/SCLiveStreamInfoDetails.d.ts +43 -0
  20. package/lib/cjs/components/SCLiveStreamInfoDetails.js +43 -0
  21. package/lib/cjs/components/SCLiveStreamRoom.d.ts +113 -0
  22. package/lib/cjs/components/SCLiveStreamRoom.js +115 -0
  23. package/lib/cjs/components/SCLiveStreamSelector.d.ts +71 -0
  24. package/lib/cjs/components/SCLiveStreamSelector.js +75 -0
  25. package/lib/cjs/components/SCLiveStreamVideoConference.d.ts +29 -0
  26. package/lib/cjs/components/SCLiveStreamVideoConference.js +31 -0
  27. package/lib/cjs/components/SCMediaFile.d.ts +0 -4
  28. package/lib/cjs/components/SCMediaFile.js +1 -5
  29. package/lib/cjs/components/SCNavigationMenuDrawer.d.ts +4 -0
  30. package/lib/cjs/components/SCNavigationMenuDrawer.js +4 -0
  31. package/lib/cjs/components/SCNotification.d.ts +27 -0
  32. package/lib/cjs/components/SCNotification.js +27 -0
  33. package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +2 -0
  34. package/lib/cjs/components/SCPrivateMessageThreadItem.js +2 -1
  35. package/lib/cjs/components/SCUpScalingTierBadge.d.ts +13 -0
  36. package/lib/cjs/components/SCUpScalingTierBadge.js +15 -0
  37. package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
  38. package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
  39. package/lib/cjs/index.d.ts +841 -112
  40. package/lib/cjs/index.js +23 -1
  41. package/lib/esm/components/SCComposer.d.ts +36 -8
  42. package/lib/esm/components/SCComposer.js +37 -9
  43. package/lib/esm/components/SCCreateLiveStreamButton.d.ts +12 -0
  44. package/lib/esm/components/SCCreateLiveStreamButton.js +12 -0
  45. package/lib/esm/components/SCEventInfoDetails.d.ts +3 -0
  46. package/lib/esm/components/SCEventInfoDetails.js +3 -0
  47. package/lib/esm/components/SCFeedObject.d.ts +14 -3
  48. package/lib/esm/components/SCFeedObject.js +16 -5
  49. package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts +11 -0
  50. package/lib/esm/components/SCFeedObjectDetailTemplate.js +12 -1
  51. package/lib/esm/components/SCLiveStream.d.ts +218 -0
  52. package/lib/esm/components/SCLiveStream.js +218 -0
  53. package/lib/esm/components/SCLiveStreamDialog.d.ts +16 -0
  54. package/lib/esm/components/SCLiveStreamDialog.js +16 -0
  55. package/lib/esm/components/SCLiveStreamForm.d.ts +27 -0
  56. package/lib/esm/components/SCLiveStreamForm.js +27 -0
  57. package/lib/esm/components/SCLiveStreamFormSettings.d.ts +15 -0
  58. package/lib/esm/components/SCLiveStreamFormSettings.js +15 -0
  59. package/lib/esm/components/SCLiveStreamInfoDetails.d.ts +43 -0
  60. package/lib/esm/components/SCLiveStreamInfoDetails.js +41 -0
  61. package/lib/esm/components/SCLiveStreamRoom.d.ts +113 -0
  62. package/lib/esm/components/SCLiveStreamRoom.js +113 -0
  63. package/lib/esm/components/SCLiveStreamSelector.d.ts +71 -0
  64. package/lib/esm/components/SCLiveStreamSelector.js +73 -0
  65. package/lib/esm/components/SCLiveStreamVideoConference.d.ts +29 -0
  66. package/lib/esm/components/SCLiveStreamVideoConference.js +29 -0
  67. package/lib/esm/components/SCMediaFile.d.ts +0 -4
  68. package/lib/esm/components/SCMediaFile.js +1 -5
  69. package/lib/esm/components/SCNavigationMenuDrawer.d.ts +4 -0
  70. package/lib/esm/components/SCNavigationMenuDrawer.js +4 -0
  71. package/lib/esm/components/SCNotification.d.ts +27 -0
  72. package/lib/esm/components/SCNotification.js +27 -0
  73. package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +2 -0
  74. package/lib/esm/components/SCPrivateMessageThreadItem.js +2 -1
  75. package/lib/esm/components/SCUpScalingTierBadge.d.ts +13 -0
  76. package/lib/esm/components/SCUpScalingTierBadge.js +13 -0
  77. package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
  78. package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
  79. package/lib/esm/index.d.ts +841 -112
  80. package/lib/esm/index.js +23 -1
  81. package/lib/umd/react-theme-default.js +1 -19
  82. package/package.json +123 -117
@@ -1271,19 +1271,16 @@ declare const theme: {
1271
1271
  margin: string;
1272
1272
  padding: any;
1273
1273
  height: string;
1274
+ overflowY: string;
1274
1275
  '& .SCEditor-root': {
1275
1276
  padding: any;
1277
+ marginBottom: any;
1278
+ position: string;
1276
1279
  '& .SCEditor-placeholder': {
1277
1280
  left: number;
1278
- top: any;
1279
1281
  position: string;
1280
1282
  };
1281
1283
  '&.SCEditor-toolbar': {
1282
- position: string;
1283
- '& .SCEditor-placeholder': {
1284
- marginTop: number;
1285
- position: string;
1286
- };
1287
1284
  '& .SCEditorToolbarPlugin-root': {
1288
1285
  zIndex: number;
1289
1286
  position: string;
@@ -1327,8 +1324,12 @@ declare const theme: {
1327
1324
  attributesRoot: ({ theme }: any) => {};
1328
1325
  contentDiscussionRoot: ({ theme }: any) => {
1329
1326
  '& .SCComposer-content-discussion-title': {
1330
- paddingBottom: any;
1331
1327
  '& .MuiInputBase-root': {
1328
+ [x: number]: {
1329
+ maxHeight: number;
1330
+ };
1331
+ maxHeight: number;
1332
+ overflowY: string;
1332
1333
  paddingLeft: number;
1333
1334
  paddingRight: number;
1334
1335
  paddingBottom: number;
@@ -1348,6 +1349,19 @@ declare const theme: {
1348
1349
  marginLeft: number;
1349
1350
  };
1350
1351
  };
1352
+ '& .SCEditor-root': {
1353
+ '& .SCEditor-placeholder': {
1354
+ top: any;
1355
+ };
1356
+ '& .SCEditor-content': {
1357
+ [x: number]: {
1358
+ maxHeight: number;
1359
+ };
1360
+ overflowY: string;
1361
+ minHeight: number;
1362
+ maxHeight: string;
1363
+ };
1364
+ };
1351
1365
  };
1352
1366
  contentPollRoot: ({ theme }: any) => {
1353
1367
  padding: any;
@@ -1361,7 +1375,21 @@ declare const theme: {
1361
1375
  marginTop: any;
1362
1376
  };
1363
1377
  };
1364
- contentPostRoot: ({ theme }: any) => {};
1378
+ contentPostRoot: ({ theme }: any) => {
1379
+ '& .SCEditor-root': {
1380
+ '& .SCEditor-placeholder': {
1381
+ top: any;
1382
+ };
1383
+ '& .SCEditor-content': {
1384
+ [x: number]: {
1385
+ maxHeight: number;
1386
+ };
1387
+ overflowY: string;
1388
+ minHeight: number;
1389
+ maxHeight: string;
1390
+ };
1391
+ };
1392
+ };
1365
1393
  layerTransitionRoot: ({ theme }: any) => {
1366
1394
  position: string;
1367
1395
  top: number;
@@ -2215,16 +2243,16 @@ declare const theme: {
2215
2243
  [x: number]: {
2216
2244
  marginRight: string;
2217
2245
  };
2246
+ height: number;
2218
2247
  };
2219
2248
  };
2220
2249
  '& .SCFeedObject-group, & .SCFeedObject-event': {
2221
2250
  justifyContent: string;
2222
- padding: any;
2223
- height: number;
2224
2251
  '& a': {
2225
2252
  padding: any;
2226
- marginBottom: any;
2253
+ margin: any;
2227
2254
  color: any;
2255
+ maxHeight: number;
2228
2256
  '&:hover': {
2229
2257
  backgroundColor: any;
2230
2258
  };
@@ -2458,8 +2486,19 @@ declare const theme: {
2458
2486
  };
2459
2487
  '& span span': {
2460
2488
  display: string;
2489
+ };
2490
+ '& span span:not(:has(+ a))': {
2461
2491
  width: string;
2462
2492
  };
2493
+ '& span a': {
2494
+ display: string;
2495
+ margin: any;
2496
+ };
2497
+ '& span a:hover': {
2498
+ '& span': {
2499
+ textDecoration: string;
2500
+ };
2501
+ };
2463
2502
  };
2464
2503
  '& .SCFeedObject-medias-section': {
2465
2504
  '& .SCFeedObjectMediaPreview-root': {
@@ -2897,8 +2936,19 @@ declare const theme: {
2897
2936
  '& .SCFeedObject-text-section .SCFeedObject-text': {
2898
2937
  '& span': {
2899
2938
  display: string;
2939
+ };
2940
+ '& span:not(:has(+ a))': {
2900
2941
  width: string;
2901
2942
  };
2943
+ '& a': {
2944
+ display: string;
2945
+ margin: any;
2946
+ };
2947
+ '& a:hover': {
2948
+ '& span': {
2949
+ textDecoration: string;
2950
+ };
2951
+ };
2902
2952
  };
2903
2953
  };
2904
2954
  };
@@ -4244,11 +4294,7 @@ declare const theme: {
4244
4294
  flexWrap: string;
4245
4295
  maxWidth: string;
4246
4296
  overflow: string;
4247
- MsOverflowStyle: string;
4248
4297
  scrollbarWidth: string;
4249
- '&::-webkit-scrollbar': {
4250
- display: string;
4251
- };
4252
4298
  '& .SCMediaFile-media': {
4253
4299
  backgroundSize: string;
4254
4300
  backgroundPosition: string;
@@ -4476,6 +4522,10 @@ declare const theme: {
4476
4522
  '& .SCBaseItemButton-text ': {
4477
4523
  maxWidth: string;
4478
4524
  };
4525
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
4526
+ margin: any;
4527
+ maxWidth: number;
4528
+ };
4479
4529
  };
4480
4530
  };
4481
4531
  };
@@ -4949,6 +4999,33 @@ declare const theme: {
4949
4999
  backgroundColor: string;
4950
5000
  };
4951
5001
  };
5002
+ liveStreamRoot: ({ theme }: any) => {
5003
+ '& .SCNotification-username, & a': {
5004
+ fontWeight: any;
5005
+ };
5006
+ '& .SCNotificationItem-primary': {
5007
+ '& .MuiIcon-root': {
5008
+ float: string;
5009
+ fontSize: string;
5010
+ marginLeft: any;
5011
+ };
5012
+ '& .SCEvent-root': {
5013
+ width: string;
5014
+ '& .SCEvent-snippet-root': {
5015
+ paddingLeft: string;
5016
+ };
5017
+ };
5018
+ };
5019
+ '& .SCNotificationItem-secondary': {
5020
+ textTransform: string;
5021
+ };
5022
+ '& .SCNotification-snippet-time': {
5023
+ paddingLeft: any;
5024
+ };
5025
+ '& .SCEvent-snippet-root': {
5026
+ backgroundColor: string;
5027
+ };
5028
+ };
4952
5029
  groupRoot: ({ theme }: any) => {};
4953
5030
  undeletedForRoot: ({ theme }: any) => {
4954
5031
  '& .SCNotification-undeleted-icon': {
@@ -6269,12 +6346,14 @@ declare const theme: {
6269
6346
  [x: number]: {
6270
6347
  width: any;
6271
6348
  };
6349
+ position: string;
6272
6350
  '& img': {
6273
6351
  height: string;
6274
6352
  width: string;
6275
6353
  };
6276
6354
  '& .MuiButtonBase-root': {
6277
6355
  flexWrap: string;
6356
+ width: string;
6278
6357
  position: string;
6279
6358
  bottom: any;
6280
6359
  backgroundColor: string;
@@ -7692,9 +7771,6 @@ declare const theme: {
7692
7771
  root: ({ theme }: {
7693
7772
  theme: any;
7694
7773
  }) => {
7695
- /**
7696
- * Style fragments - Imports - Start
7697
- */
7698
7774
  gap: any;
7699
7775
  '& .SCEventInfoDetails-icon-text-wrapper': {
7700
7776
  flexDirection: string;
@@ -7717,6 +7793,9 @@ declare const theme: {
7717
7793
  '-webkit-box-orient': string;
7718
7794
  };
7719
7795
  };
7796
+ '& .SCEventInfoDetails-join-live': {
7797
+ height: number;
7798
+ };
7720
7799
  '& .SCEventInfoDetails-in-progress': {
7721
7800
  width: string;
7722
7801
  height: string;
@@ -7912,6 +7991,125 @@ declare const theme: {
7912
7991
  };
7913
7992
  };
7914
7993
  };
7994
+ SCEventMediaWidget: {
7995
+ styleOverrides: {
7996
+ root: ({ theme, showPadding }: {
7997
+ theme: any;
7998
+ showPadding: any;
7999
+ }) => {
8000
+ '& .SCEventMediaWidget-header': {
8001
+ padding: any;
8002
+ };
8003
+ '& .SCEventMediaWidget-content': {
8004
+ padding: any;
8005
+ '& .SCEventMediaWidget-grid': {
8006
+ display: string;
8007
+ gap: string;
8008
+ gridTemplateColumns: string;
8009
+ '& > .SCEventMediaWidget-media': {
8010
+ position: string;
8011
+ width: string;
8012
+ paddingBottom: string;
8013
+ backgroundSize: string;
8014
+ cursor: string;
8015
+ '& > .SCEventMediaWidget-media-layer': {
8016
+ position: string;
8017
+ inset: number;
8018
+ backgroundColor: string;
8019
+ opacity: number;
8020
+ };
8021
+ '& > .SCEventMediaWidget-count-hidden-media-wrapper': {
8022
+ position: string;
8023
+ top: string;
8024
+ left: string;
8025
+ transform: string;
8026
+ color: any;
8027
+ '& > .SCEventMediaWidget-count-hidden-media': {
8028
+ fontSize: string;
8029
+ };
8030
+ };
8031
+ };
8032
+ };
8033
+ };
8034
+ '& .SCEventMediaWidget-actions': {
8035
+ padding: any;
8036
+ justifyContent: string;
8037
+ };
8038
+ };
8039
+ skeletonRoot: ({}: {}) => {
8040
+ '& .SCEventMediaWidget-grid': {
8041
+ display: string;
8042
+ gap: string;
8043
+ gridTemplateColumns: string;
8044
+ '& > .SCEventMediaWidget-media': {
8045
+ paddingBottom: string;
8046
+ };
8047
+ };
8048
+ };
8049
+ dialogRoot: ({ theme }: {
8050
+ theme: any;
8051
+ }) => {
8052
+ '& .SCEventMediaWidget-grid': {
8053
+ display: string;
8054
+ gap: string;
8055
+ gridTemplateColumns: string;
8056
+ '& > .SCEventMediaWidget-media': {
8057
+ paddingBottom: string;
8058
+ };
8059
+ '& > .SCEventMediaWidget-dialog-media-wrapper': {
8060
+ position: string;
8061
+ width: string;
8062
+ paddingBottom: string;
8063
+ backgroundSize: string;
8064
+ '& > .SCEventMediaWidget-dialog-button-wrapper': {
8065
+ position: string;
8066
+ top: number;
8067
+ width: string;
8068
+ height: string;
8069
+ backgroundColor: any;
8070
+ opacity: number;
8071
+ flexDirection: string;
8072
+ justifyContent: string;
8073
+ alignItems: string;
8074
+ '& > .SCEventMediaWidget-dialog-loading-button': {
8075
+ padding: number;
8076
+ minWidth: string;
8077
+ '& > .MuiLoadingButton-loadingIndicatorCenter': {
8078
+ color: any;
8079
+ };
8080
+ };
8081
+ };
8082
+ };
8083
+ };
8084
+ };
8085
+ triggerRoot: ({ isSquare }: {
8086
+ isSquare: any;
8087
+ }) => {
8088
+ padding: 0;
8089
+ borderRadius: 0;
8090
+ backgroundColor: string;
8091
+ '&:hover': {
8092
+ backgroundColor: string;
8093
+ };
8094
+ '& > .SCEventMediaWidget-trigger-content': {
8095
+ position: string;
8096
+ width: string;
8097
+ padding: string;
8098
+ paddingBottom: string;
8099
+ flexDirection: string;
8100
+ gap: string;
8101
+ alignItems: string;
8102
+ justifyContent: string;
8103
+ '& > .SCEventMediaWidget-trigger-icon': {
8104
+ position: string;
8105
+ top: string;
8106
+ transform: string;
8107
+ fontSize: string;
8108
+ };
8109
+ };
8110
+ };
8111
+ };
8112
+ };
7915
8113
  SCCalendar: {
7916
8114
  styleOverrides: {
7917
8115
  root: ({ theme }: {
@@ -8387,120 +8585,651 @@ declare const theme: {
8387
8585
  };
8388
8586
  };
8389
8587
  };
8390
- SCEventMediaWidget: {
8588
+ SCLiveStream: {
8391
8589
  styleOverrides: {
8392
- root: ({ theme, showPadding }: {
8393
- theme: any;
8394
- showPadding: any;
8395
- }) => {
8396
- '& .SCEventMediaWidget-header': {
8397
- padding: any;
8398
- };
8399
- '& .SCEventMediaWidget-content': {
8400
- padding: any;
8401
- '& .SCEventMediaWidget-grid': {
8402
- display: string;
8403
- gap: string;
8404
- gridTemplateColumns: string;
8405
- '& > .SCEventMediaWidget-media': {
8406
- position: string;
8407
- width: string;
8408
- paddingBottom: string;
8409
- backgroundSize: string;
8410
- cursor: string;
8411
- '& > .SCEventMediaWidget-media-layer': {
8412
- position: string;
8413
- inset: number;
8414
- backgroundColor: string;
8415
- opacity: number;
8416
- };
8417
- '& > .SCEventMediaWidget-count-hidden-media-wrapper': {
8418
- position: string;
8419
- top: string;
8420
- left: string;
8421
- transform: string;
8422
- color: any;
8423
- '& > .SCEventMediaWidget-count-hidden-media': {
8424
- fontSize: string;
8425
- };
8426
- };
8427
- };
8590
+ root: ({ theme }: any) => {};
8591
+ detailRoot: ({ theme }: any) => {
8592
+ '& .SCLiveStream-detail-image-wrapper': {
8593
+ position: string;
8594
+ '& .SCLiveStream-detail-image': {
8595
+ height: string;
8428
8596
  };
8429
- };
8430
- '& .SCEventMediaWidget-actions': {
8431
- padding: any;
8597
+ '& .SCLiveStream-detail-in-progress': {
8598
+ backgroundColor: any;
8599
+ position: string;
8600
+ top: number;
8601
+ right: number;
8602
+ color: any;
8603
+ boxShadow: string;
8604
+ };
8605
+ };
8606
+ '& .SCLiveStream-detail-content': {
8607
+ padding: string;
8608
+ '& .SCLiveStream-detail-user': {
8609
+ marginTop: string;
8610
+ '& .SCBaseItemButton-text': {
8611
+ margin: number;
8612
+ };
8613
+ };
8614
+ '& .SCLiveStream-detail-name-wrapper': {
8615
+ textDecoration: string;
8616
+ color: string;
8617
+ '& .SCLiveStream-detail-name': {
8618
+ marginBottom: string;
8619
+ };
8620
+ };
8621
+ '& .SCLiveStream-detail-first-divider': {
8622
+ marginTop: string;
8623
+ marginBottom: any;
8624
+ };
8625
+ '& .SCLiveStream-detail-second-divider': {
8626
+ marginTop: any;
8627
+ marginBottom: string;
8628
+ };
8629
+ };
8630
+ };
8631
+ previewRoot: ({ theme }: any) => {
8632
+ '& .SCLiveStream-preview-image-wrapper': {
8633
+ position: string;
8634
+ '& .SCLiveStream-preview-image': {
8635
+ height: string;
8636
+ };
8637
+ '& .SCLiveStream-preview-in-progress': {
8638
+ height: number;
8639
+ backgroundColor: any;
8640
+ position: string;
8641
+ top: number;
8642
+ right: number;
8643
+ color: any;
8644
+ boxShadow: string;
8645
+ '& span': {
8646
+ fontSize: string;
8647
+ paddingLeft: any;
8648
+ paddingRight: any;
8649
+ };
8650
+ };
8651
+ };
8652
+ '& .SCLiveStream-preview-content': {
8653
+ padding: string;
8654
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8655
+ '& .MuiTypography-root': {
8656
+ fontSize: string;
8657
+ };
8658
+ };
8659
+ '& .SCLiveStream-detail-user': {
8660
+ marginTop: string;
8661
+ '& .SCBaseItemButton-text': {
8662
+ margin: number;
8663
+ };
8664
+ };
8665
+ '& .SCLiveStream-preview-name-wrapper': {
8666
+ marginTop: number;
8667
+ textDecoration: string;
8668
+ color: string;
8669
+ '& h5': {
8670
+ whiteSpace: string;
8671
+ overflow: string;
8672
+ textOverflow: string;
8673
+ };
8674
+ };
8675
+ };
8676
+ };
8677
+ snippetRoot: ({ theme }: any) => {
8678
+ overflow: string;
8679
+ boxSizing: string;
8680
+ paddingLeft: string;
8681
+ paddingRight: string;
8682
+ '& .SCBaseItem-image': {
8683
+ '& .MuiAvatar-root': {
8684
+ width: number;
8685
+ height: number;
8686
+ borderRadius: string;
8687
+ '& img': {
8688
+ borderRadius: string;
8689
+ };
8690
+ };
8691
+ };
8692
+ '& .SCLiveStream-snippet-image': {
8693
+ position: string;
8694
+ '& .SCLiveStream-snippet-in-progress': {
8695
+ height: number;
8696
+ backgroundColor: any;
8697
+ position: string;
8698
+ top: number;
8699
+ right: number;
8700
+ color: any;
8701
+ boxShadow: string;
8702
+ '& span': {
8703
+ fontSize: string;
8704
+ paddingLeft: any;
8705
+ paddingRight: any;
8706
+ };
8707
+ };
8708
+ };
8709
+ '& .SCBaseItem-text': {
8710
+ fontSize: any;
8711
+ '& .SCLiveStream-snippet-primary': {
8712
+ color: any;
8713
+ textDecoration: string;
8714
+ '&:hover': {
8715
+ textDecoration: string;
8716
+ };
8717
+ '& p': {
8718
+ fontWeight: any;
8719
+ };
8720
+ };
8721
+ '& .SCLiveStream-snippet-secondary': {
8722
+ color: any;
8723
+ };
8724
+ };
8725
+ };
8726
+ skeletonRoot: ({ theme }: any) => {
8727
+ '& .SCLiveStream-skeleton-detail-root': {
8728
+ '& .SCLiveStream-skeleton-detail-calendar': {
8729
+ position: string;
8730
+ bottom: string;
8731
+ left: string;
8732
+ boxShadow: string;
8733
+ };
8734
+ '& .SCLiveStream-skeleton-detail-content': {
8735
+ padding: string;
8736
+ '& .SCLiveStream-skeleton-detail-user': {
8737
+ marginTop: string;
8738
+ '& .SCBaseItemButton-text': {
8739
+ margin: number;
8740
+ };
8741
+ };
8742
+ '& .SCLiveStream-skeleton-detail-name-wrapper': {
8743
+ textDecoration: string;
8744
+ color: string;
8745
+ '& .SCLiveStream-skeleton-detail-name': {
8746
+ marginBottom: string;
8747
+ };
8748
+ };
8749
+ '& .SCLiveStream-skeleton-detail-first-divider': {
8750
+ marginTop: string;
8751
+ marginBottom: any;
8752
+ };
8753
+ '& .SCLiveStream-skeleton-detail-second-divider': {
8754
+ marginTop: any;
8755
+ marginBottom: string;
8756
+ };
8757
+ };
8758
+ };
8759
+ '& .SCLiveStream-skeleton-preview-root': {
8760
+ '& .SCLiveStream-skeleton-preview-content': {
8761
+ padding: any;
8762
+ };
8763
+ '& .SCLiveStream-skeleton-preview-image': {
8764
+ position: string;
8765
+ '& .MuiSkeleton-root': {
8766
+ borderRadius: string;
8767
+ };
8768
+ '& .MuiIcon-root': {
8769
+ color: any;
8770
+ position: string;
8771
+ top: string;
8772
+ left: string;
8773
+ transform: string;
8774
+ };
8775
+ };
8776
+ '& .SCBaseItem-actions': {
8777
+ maxWidth: string;
8778
+ };
8779
+ };
8780
+ '& .SCLiveStream-skeleton-snippet-root': {
8781
+ overflow: string;
8782
+ boxSizing: string;
8783
+ paddingLeft: string;
8784
+ paddingRight: string;
8785
+ '& .SCLiveStream-skeleton-snippet-image': {
8786
+ position: string;
8787
+ '& .MuiSkeleton-root': {
8788
+ borderRadius: string;
8789
+ };
8790
+ '& .MuiIcon-root': {
8791
+ color: any;
8792
+ position: string;
8793
+ top: string;
8794
+ left: string;
8795
+ transform: string;
8796
+ };
8797
+ };
8798
+ '& .SCBaseItem-actions': {
8799
+ maxWidth: string;
8800
+ };
8801
+ };
8802
+ };
8803
+ };
8804
+ };
8805
+ SCLiveStreamInfoDetails: {
8806
+ styleOverrides: {
8807
+ root: ({ theme }: {
8808
+ theme: any;
8809
+ }) => {
8810
+ /**
8811
+ * Style fragments - Imports - Start
8812
+ */
8813
+ gap: any;
8814
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8815
+ flexDirection: string;
8816
+ alignItems: string;
8817
+ gap: any;
8818
+ '& > p': {
8819
+ textTransform: string;
8820
+ };
8821
+ '& .SCLiveStreamInfoDetails-link': {
8822
+ textDecoration: string;
8823
+ color: any;
8824
+ '&:hover': {
8825
+ textDecoration: string;
8826
+ };
8827
+ '& .SCLiveStreamInfoDetails-url': {
8828
+ overflow: string;
8829
+ textOverflow: string;
8830
+ display: string;
8831
+ '-webkit-line-clamp': string;
8832
+ '-webkit-box-orient': string;
8833
+ };
8834
+ };
8835
+ '& .SCLiveStreamInfoDetails-in-progress': {
8836
+ width: string;
8837
+ height: string;
8838
+ borderRadius: string;
8839
+ backgroundColor: any;
8840
+ };
8841
+ };
8842
+ '& .SCLiveStreamInfoDetails-creation-wrapper': {
8843
+ flexDirection: string;
8844
+ alignItems: string;
8845
+ gap: any;
8846
+ };
8847
+ };
8848
+ };
8849
+ };
8850
+ SCUpScalingTierBadge: {
8851
+ styleOverrides: {
8852
+ root: ({ theme }: any) => {};
8853
+ badgeRoot: ({ theme }: any) => {
8854
+ background: string;
8855
+ borderRadius: number;
8856
+ padding: string;
8857
+ height: string;
8858
+ fontSize: number;
8859
+ };
8860
+ };
8861
+ };
8862
+ SCUserLiveStreamWidget: {
8863
+ styleOverrides: {
8864
+ root: ({ theme }: {
8865
+ theme: any;
8866
+ }) => {
8867
+ '& .SCUserLiveStreamWidget-content': {
8868
+ '& .SCUserLiveStreamWidget-header': {
8869
+ flexDirection: string;
8870
+ justifyContent: string;
8871
+ alignItems: string;
8872
+ marginBottom: any;
8873
+ '& .SCUserLiveStreamWidget-avatar-wrapper': {
8874
+ flexDirection: string;
8875
+ alignItems: string;
8876
+ color: string;
8877
+ padding: number;
8878
+ minWidth: string;
8879
+ '& .SCUserLiveStreamWidget-avatar': {
8880
+ width: any;
8881
+ height: any;
8882
+ };
8883
+ };
8884
+ '& h4': {
8885
+ marginLeft: number;
8886
+ lineHeight: string;
8887
+ };
8888
+ };
8889
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8890
+ paddingTop: any;
8891
+ gap: any;
8892
+ '& .SCUserLiveStreamWidget-live': {
8893
+ '& > div': {
8894
+ padding: string;
8895
+ '& > .SCBaseItem-content': {
8896
+ '& > .SCBaseItem-text': {
8897
+ margin: number;
8898
+ };
8899
+ };
8900
+ };
8901
+ };
8902
+ };
8903
+ };
8904
+ '& .SCUserLiveStreamWidget-actions': {
8905
+ padding: string;
8432
8906
  justifyContent: string;
8907
+ '& .SCSuggestedEventsWidget-actionButton': {
8908
+ color: any;
8909
+ };
8910
+ };
8911
+ };
8912
+ skeletonRoot: ({ theme }: {
8913
+ theme: any;
8914
+ }) => {
8915
+ '& .SCUserLiveStreamWidget-content': {
8916
+ padding: string;
8917
+ '& .SCUserLiveStreamWidget-user': {
8918
+ marginBottom: any;
8919
+ '& > .SCBaseItem-content': {
8920
+ '& > .SCBaseItem-text': {
8921
+ margin: number;
8922
+ };
8923
+ };
8924
+ '& > .SCBaseItem-actions': {
8925
+ display: string;
8926
+ };
8927
+ };
8928
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8929
+ gap: any;
8930
+ '& .SCUserLiveStreamWidget-live': {
8931
+ '& > div': {
8932
+ padding: string;
8933
+ '& > .SCBaseItem-content': {
8934
+ '& > .SCBaseItem-text': {
8935
+ margin: number;
8936
+ };
8937
+ };
8938
+ };
8939
+ };
8940
+ };
8941
+ };
8942
+ '& .SCUserLiveStreamWidget-actions': {
8943
+ padding: string;
8944
+ justifyContent: string;
8945
+ };
8946
+ };
8947
+ dialogRoot: ({ theme }: {
8948
+ theme: any;
8949
+ }) => {
8950
+ '& .SCUserLiveStreamWidget-infinite-scroll': {
8951
+ [x: number]: {
8952
+ height: string;
8953
+ };
8954
+ height: string;
8955
+ '& .SCEvent-root': {
8956
+ width: string;
8957
+ };
8958
+ };
8959
+ };
8960
+ };
8961
+ };
8962
+ SCCreateLiveStreamButton: {
8963
+ styleOverrides: {
8964
+ root: ({ theme }: any) => {
8965
+ '& .MuiButton-startIcon': {
8966
+ '& .MuiIcon-root': {
8967
+ fontSize: string;
8968
+ };
8433
8969
  };
8434
8970
  };
8435
- skeletonRoot: ({}: {}) => {
8436
- '& .SCEventMediaWidget-grid': {
8437
- display: string;
8438
- gap: string;
8439
- gridTemplateColumns: string;
8440
- '& > .SCEventMediaWidget-media': {
8441
- paddingBottom: string;
8971
+ };
8972
+ };
8973
+ SCCreateLiveStreamDialog: {
8974
+ styleOverrides: {
8975
+ root: ({ theme }: any) => {
8976
+ '& .MuiDialogTitle-root': {
8977
+ '& span': {
8978
+ flexGrow: number;
8979
+ textAlign: string;
8442
8980
  };
8443
8981
  };
8982
+ '& .SCCreateLiveStreamDialog-root': {
8983
+ padding: any;
8984
+ };
8444
8985
  };
8445
- dialogRoot: ({ theme }: {
8446
- theme: any;
8447
- }) => {
8448
- '& .SCEventMediaWidget-grid': {
8449
- display: string;
8450
- gap: string;
8451
- gridTemplateColumns: string;
8452
- '& > .SCEventMediaWidget-media': {
8453
- paddingBottom: string;
8986
+ };
8987
+ };
8988
+ SCLiveStreamSelector: {
8989
+ styleOverrides: {
8990
+ root: ({ theme }: any) => {
8991
+ '& .SCLiveStreamSelector-warning': {
8992
+ margin: any;
8993
+ "& a": {
8994
+ color: any;
8995
+ fontWeight: string;
8454
8996
  };
8455
- '& > .SCEventMediaWidget-dialog-media-wrapper': {
8456
- position: string;
8457
- width: string;
8458
- paddingBottom: string;
8459
- backgroundSize: string;
8460
- '& > .SCEventMediaWidget-dialog-button-wrapper': {
8461
- position: string;
8462
- top: number;
8463
- width: string;
8464
- height: string;
8465
- backgroundColor: any;
8466
- opacity: number;
8467
- flexDirection: string;
8468
- justifyContent: string;
8469
- alignItems: string;
8470
- '& > .SCEventMediaWidget-dialog-loading-button': {
8471
- padding: number;
8472
- minWidth: string;
8473
- '& > .MuiLoadingButton-loadingIndicatorCenter': {
8474
- color: any;
8475
- };
8476
- };
8997
+ };
8998
+ '& .SCLiveStreamSelector-options': {
8999
+ [x: number]: {
9000
+ display: string;
9001
+ };
9002
+ display: string;
9003
+ justifyContent: string;
9004
+ alignItems: string;
9005
+ '& > div': {
9006
+ [x: number]: {
9007
+ margin: string;
9008
+ marginBottom: any;
8477
9009
  };
9010
+ width: string;
8478
9011
  };
8479
9012
  };
9013
+ '& .SCLiveStreamSelector-actions': {
9014
+ display: string;
9015
+ justifyContent: string;
9016
+ alignItems: string;
9017
+ marginTop: any;
9018
+ };
8480
9019
  };
8481
- triggerRoot: ({ isSquare }: {
8482
- isSquare: any;
8483
- }) => {
8484
- padding: 0;
8485
- borderRadius: 0;
8486
- backgroundColor: string;
9020
+ optionCardRoot: ({ theme, selected }: any) => {
9021
+ maxWidth: number;
9022
+ height: string;
9023
+ minHeight: number;
9024
+ padding: any;
9025
+ margin: any;
9026
+ cursor: string;
9027
+ transition: any;
9028
+ backgroundColor: any;
8487
9029
  '&:hover': {
9030
+ backgroundColor: any;
9031
+ boxShadow: any;
9032
+ };
9033
+ border: string;
9034
+ "& > div": {
9035
+ display: string;
9036
+ justifyContent: string;
9037
+ alignItems: string;
9038
+ marginBottom: number;
9039
+ maxWidth: string;
9040
+ };
9041
+ "& ul": {
9042
+ marginTop: any;
9043
+ padding: number;
9044
+ listStyle: string;
9045
+ };
9046
+ };
9047
+ featureItemRoot: ({ theme, selected }: any) => {
9048
+ display: string;
9049
+ alignItems: string;
9050
+ gap: any;
9051
+ marginBottom: any;
9052
+ '&:last-child': {
9053
+ marginBottom: number;
9054
+ };
9055
+ };
9056
+ };
9057
+ };
9058
+ SCLiveStreamForm: {
9059
+ styleOverrides: {
9060
+ root: ({ theme }: any) => {
9061
+ '& .SCLiveStreamForm-cover': {
9062
+ position: string;
9063
+ height: number;
9064
+ minHeight: number;
9065
+ '& .SCEventForm-upload-event-cover-root': {
9066
+ position: string;
9067
+ right: any;
9068
+ bottom: any;
9069
+ padding: any;
9070
+ minWidth: string;
9071
+ };
9072
+ };
9073
+ "& .SCLiveStreamForm-access-view": {
9074
+ margin: any;
9075
+ };
9076
+ "& .SCLiveStreamForm-actions": {
9077
+ display: string;
9078
+ justifyContent: string;
9079
+ marginTop: any;
9080
+ };
9081
+ };
9082
+ };
9083
+ };
9084
+ SCLiveStreamFormSettings: {
9085
+ styleOverrides: {
9086
+ root: ({ theme }: any) => {
9087
+ margin: any;
9088
+ '& .SCLiveStreamFormSettings-access-view': {
9089
+ margin: any;
9090
+ width: string;
9091
+ '& .Mui-checked': {
9092
+ color: any;
9093
+ };
9094
+ };
9095
+ };
9096
+ };
9097
+ };
9098
+ SCLiveStreamRoom: {
9099
+ styleOverrides: {
9100
+ root: ({ theme }: any) => {
9101
+ width: string;
9102
+ display: string;
9103
+ justifyContent: string;
9104
+ alignContent: string;
9105
+ "& .SCLiveStreamRoom-title": {
9106
+ margin: any;
9107
+ textAlign: string;
9108
+ color: any;
9109
+ };
9110
+ "& .SCLiveStreamRoom-description": {
9111
+ backgroundColor: any;
9112
+ color: any;
9113
+ border: string;
9114
+ borderRadius: string;
9115
+ marginTop: any;
9116
+ marginBottom: any;
9117
+ padding: any;
9118
+ };
9119
+ "& .SCLiveStreamRoom-content": {
9120
+ width: string;
9121
+ };
9122
+ "& .SCLiveStreamRoom-prejoin": {
9123
+ margin: any;
9124
+ padding: any;
9125
+ display: string;
9126
+ placeItems: string;
9127
+ height: string;
9128
+ position: string;
9129
+ '& .lk-form-control': {
9130
+ display: string;
9131
+ };
9132
+ };
9133
+ "& .SCLiveStreamRoom-prejoin-loading": {
9134
+ '& .lk-prejoin': {
9135
+ opacity: number;
9136
+ };
9137
+ };
9138
+ "& .SCLiveStreamRoom-prejoin-alert": {
9139
+ backgroundColor: any;
9140
+ color: any;
9141
+ border: string;
9142
+ borderRadius: string;
9143
+ };
9144
+ "& .SCLiveStreamRoom-share-link": {
9145
+ marginTop: any;
9146
+ backgroundColor: any;
9147
+ '& textarea': {
9148
+ color: any;
9149
+ '-webkit-text-fill-color': any;
9150
+ };
9151
+ };
9152
+ "& .SCLiveStreamRoom-conference": {
9153
+ width: string;
9154
+ display: string;
9155
+ justifyContent: string;
9156
+ alignItems: string;
8488
9157
  backgroundColor: string;
8489
9158
  };
8490
- '& > .SCEventMediaWidget-trigger-content': {
9159
+ "& .SCLiveStreamRoom-prejoin-loader": {
9160
+ maxWidth: number;
9161
+ width: string;
8491
9162
  position: string;
9163
+ textAlign: string;
9164
+ '& .MuiTypography-root': {
9165
+ color: string;
9166
+ };
9167
+ };
9168
+ "& .SCLiveStreamRoom-end-prejoin-content": {
9169
+ color: any;
9170
+ display: string;
9171
+ justifyContent: string;
9172
+ alignItems: string;
9173
+ marginTop: any;
9174
+ paddingBottom: any;
9175
+ "& .SCLiveStreamRoom-end-prejoin-content-box": {
9176
+ [x: number]: {
9177
+ width: string;
9178
+ };
9179
+ width: string;
9180
+ };
9181
+ };
9182
+ '& .lk-prejoin': {
9183
+ maxWidth: number;
8492
9184
  width: string;
8493
- padding: string;
8494
- paddingBottom: string;
8495
- flexDirection: string;
8496
- gap: string;
9185
+ backgroundColor: string;
9186
+ borderRadius: any;
9187
+ };
9188
+ '& .lk-join-button': {
9189
+ backgroundColor: any;
9190
+ color: any;
9191
+ '&:hover': {
9192
+ backgroundColor: any;
9193
+ };
9194
+ };
9195
+ };
9196
+ dialogRoot: ({ theme }: any) => {
9197
+ "& .SCLiveStreamRoom-end-conference-wrap": {
9198
+ display: string;
9199
+ justifyContent: string;
8497
9200
  alignItems: string;
9201
+ alignContent: string;
9202
+ flexDirection: string;
9203
+ "& .SCLiveStreamVideoConference-btn-back-home": {
9204
+ marginTop: any;
9205
+ };
9206
+ };
9207
+ };
9208
+ };
9209
+ };
9210
+ SCLiveStreamVideoConference: {
9211
+ styleOverrides: {
9212
+ root: ({ theme }: any) => {
9213
+ height: string;
9214
+ width: string;
9215
+ overflowY: string;
9216
+ };
9217
+ dialogRoot: ({ theme }: any) => {
9218
+ "& .SCLiveStreamVideoConference-end-conference-wrap": {
9219
+ display: string;
8498
9220
  justifyContent: string;
8499
- '& > .SCEventMediaWidget-trigger-icon': {
8500
- position: string;
8501
- top: string;
8502
- transform: string;
8503
- fontSize: string;
9221
+ alignItems: string;
9222
+ alignContent: string;
9223
+ flexDirection: string;
9224
+ textAlign: string;
9225
+ "& .SCLiveStreamVideoConference-logo": {
9226
+ img: {
9227
+ maxHeight: string;
9228
+ };
9229
+ marginBottom: any;
9230
+ };
9231
+ "& .SCLiveStreamVideoConference-btn-back-home": {
9232
+ marginTop: any;
8504
9233
  };
8505
9234
  };
8506
9235
  };