@selfcommunity/react-theme-default 0.4.5-alpha.1 → 0.4.5-alpha.11

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 (78) 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 +21 -15
  8. package/lib/cjs/components/SCFeedObject.js +22 -16
  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/SCNavigationMenuDrawer.d.ts +4 -0
  28. package/lib/cjs/components/SCNavigationMenuDrawer.js +4 -0
  29. package/lib/cjs/components/SCNotification.d.ts +27 -0
  30. package/lib/cjs/components/SCNotification.js +27 -0
  31. package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +2 -0
  32. package/lib/cjs/components/SCPrivateMessageThreadItem.js +2 -1
  33. package/lib/cjs/components/SCUpScalingTierBadge.d.ts +13 -0
  34. package/lib/cjs/components/SCUpScalingTierBadge.js +15 -0
  35. package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
  36. package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
  37. package/lib/cjs/index.d.ts +842 -114
  38. package/lib/cjs/index.js +23 -1
  39. package/lib/esm/components/SCComposer.d.ts +36 -8
  40. package/lib/esm/components/SCComposer.js +37 -9
  41. package/lib/esm/components/SCCreateLiveStreamButton.d.ts +12 -0
  42. package/lib/esm/components/SCCreateLiveStreamButton.js +12 -0
  43. package/lib/esm/components/SCEventInfoDetails.d.ts +3 -0
  44. package/lib/esm/components/SCEventInfoDetails.js +3 -0
  45. package/lib/esm/components/SCFeedObject.d.ts +21 -15
  46. package/lib/esm/components/SCFeedObject.js +22 -16
  47. package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts +11 -0
  48. package/lib/esm/components/SCFeedObjectDetailTemplate.js +12 -1
  49. package/lib/esm/components/SCLiveStream.d.ts +218 -0
  50. package/lib/esm/components/SCLiveStream.js +218 -0
  51. package/lib/esm/components/SCLiveStreamDialog.d.ts +16 -0
  52. package/lib/esm/components/SCLiveStreamDialog.js +16 -0
  53. package/lib/esm/components/SCLiveStreamForm.d.ts +27 -0
  54. package/lib/esm/components/SCLiveStreamForm.js +27 -0
  55. package/lib/esm/components/SCLiveStreamFormSettings.d.ts +15 -0
  56. package/lib/esm/components/SCLiveStreamFormSettings.js +15 -0
  57. package/lib/esm/components/SCLiveStreamInfoDetails.d.ts +43 -0
  58. package/lib/esm/components/SCLiveStreamInfoDetails.js +41 -0
  59. package/lib/esm/components/SCLiveStreamRoom.d.ts +113 -0
  60. package/lib/esm/components/SCLiveStreamRoom.js +113 -0
  61. package/lib/esm/components/SCLiveStreamSelector.d.ts +71 -0
  62. package/lib/esm/components/SCLiveStreamSelector.js +73 -0
  63. package/lib/esm/components/SCLiveStreamVideoConference.d.ts +29 -0
  64. package/lib/esm/components/SCLiveStreamVideoConference.js +29 -0
  65. package/lib/esm/components/SCNavigationMenuDrawer.d.ts +4 -0
  66. package/lib/esm/components/SCNavigationMenuDrawer.js +4 -0
  67. package/lib/esm/components/SCNotification.d.ts +27 -0
  68. package/lib/esm/components/SCNotification.js +27 -0
  69. package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +2 -0
  70. package/lib/esm/components/SCPrivateMessageThreadItem.js +2 -1
  71. package/lib/esm/components/SCUpScalingTierBadge.d.ts +13 -0
  72. package/lib/esm/components/SCUpScalingTierBadge.js +13 -0
  73. package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
  74. package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
  75. package/lib/esm/index.d.ts +842 -114
  76. package/lib/esm/index.js +23 -1
  77. package/lib/umd/react-theme-default.js +1 -19
  78. 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
  };
@@ -2456,19 +2484,24 @@ declare const theme: {
2456
2484
  '& li': {
2457
2485
  margin: string;
2458
2486
  };
2459
- '& span span': {
2460
- display: string;
2461
- };
2462
- '& span span:not(:has(+ a))': {
2463
- width: string;
2464
- };
2465
- '& span a': {
2466
- display: string;
2467
- margin: any;
2468
- };
2469
- '& span a:hover': {
2487
+ '& span': {
2470
2488
  '& span': {
2471
- textDecoration: string;
2489
+ display: string;
2490
+ };
2491
+ '& span:not(:has(+ a))': {
2492
+ width: string;
2493
+ };
2494
+ '& a': {
2495
+ display: string;
2496
+ margin: any;
2497
+ };
2498
+ '& a:hover': {
2499
+ '& span': {
2500
+ textDecoration: string;
2501
+ };
2502
+ };
2503
+ '& :last-child': {
2504
+ display: string;
2472
2505
  };
2473
2506
  };
2474
2507
  };
@@ -2481,6 +2514,7 @@ declare const theme: {
2481
2514
  fontSize: any;
2482
2515
  fontWeight: any;
2483
2516
  padding: any;
2517
+ marginTop: number;
2484
2518
  justifyContent: string;
2485
2519
  '&:hover': {
2486
2520
  backgroundColor: string;
@@ -2908,8 +2942,19 @@ declare const theme: {
2908
2942
  '& .SCFeedObject-text-section .SCFeedObject-text': {
2909
2943
  '& span': {
2910
2944
  display: string;
2945
+ };
2946
+ '& span:not(:has(+ a))': {
2911
2947
  width: string;
2912
2948
  };
2949
+ '& a': {
2950
+ display: string;
2951
+ margin: any;
2952
+ };
2953
+ '& a:hover': {
2954
+ '& span': {
2955
+ textDecoration: string;
2956
+ };
2957
+ };
2913
2958
  };
2914
2959
  };
2915
2960
  };
@@ -4483,6 +4528,10 @@ declare const theme: {
4483
4528
  '& .SCBaseItemButton-text ': {
4484
4529
  maxWidth: string;
4485
4530
  };
4531
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
4532
+ margin: any;
4533
+ maxWidth: number;
4534
+ };
4486
4535
  };
4487
4536
  };
4488
4537
  };
@@ -4956,6 +5005,33 @@ declare const theme: {
4956
5005
  backgroundColor: string;
4957
5006
  };
4958
5007
  };
5008
+ liveStreamRoot: ({ theme }: any) => {
5009
+ '& .SCNotification-username, & a': {
5010
+ fontWeight: any;
5011
+ };
5012
+ '& .SCNotificationItem-primary': {
5013
+ '& .MuiIcon-root': {
5014
+ float: string;
5015
+ fontSize: string;
5016
+ marginLeft: any;
5017
+ };
5018
+ '& .SCEvent-root': {
5019
+ width: string;
5020
+ '& .SCEvent-snippet-root': {
5021
+ paddingLeft: string;
5022
+ };
5023
+ };
5024
+ };
5025
+ '& .SCNotificationItem-secondary': {
5026
+ textTransform: string;
5027
+ };
5028
+ '& .SCNotification-snippet-time': {
5029
+ paddingLeft: any;
5030
+ };
5031
+ '& .SCEvent-snippet-root': {
5032
+ backgroundColor: string;
5033
+ };
5034
+ };
4959
5035
  groupRoot: ({ theme }: any) => {};
4960
5036
  undeletedForRoot: ({ theme }: any) => {
4961
5037
  '& .SCNotification-undeleted-icon': {
@@ -6276,12 +6352,14 @@ declare const theme: {
6276
6352
  [x: number]: {
6277
6353
  width: any;
6278
6354
  };
6355
+ position: string;
6279
6356
  '& img': {
6280
6357
  height: string;
6281
6358
  width: string;
6282
6359
  };
6283
6360
  '& .MuiButtonBase-root': {
6284
6361
  flexWrap: string;
6362
+ width: string;
6285
6363
  position: string;
6286
6364
  bottom: any;
6287
6365
  backgroundColor: string;
@@ -7699,9 +7777,6 @@ declare const theme: {
7699
7777
  root: ({ theme }: {
7700
7778
  theme: any;
7701
7779
  }) => {
7702
- /**
7703
- * Style fragments - Imports - Start
7704
- */
7705
7780
  gap: any;
7706
7781
  '& .SCEventInfoDetails-icon-text-wrapper': {
7707
7782
  flexDirection: string;
@@ -7724,6 +7799,9 @@ declare const theme: {
7724
7799
  '-webkit-box-orient': string;
7725
7800
  };
7726
7801
  };
7802
+ '& .SCEventInfoDetails-join-live': {
7803
+ height: number;
7804
+ };
7727
7805
  '& .SCEventInfoDetails-in-progress': {
7728
7806
  width: string;
7729
7807
  height: string;
@@ -7919,6 +7997,125 @@ declare const theme: {
7919
7997
  };
7920
7998
  };
7921
7999
  };
8000
+ SCEventMediaWidget: {
8001
+ styleOverrides: {
8002
+ root: ({ theme, showPadding }: {
8003
+ theme: any;
8004
+ showPadding: any;
8005
+ }) => {
8006
+ '& .SCEventMediaWidget-header': {
8007
+ padding: any;
8008
+ };
8009
+ '& .SCEventMediaWidget-content': {
8010
+ padding: any;
8011
+ '& .SCEventMediaWidget-grid': {
8012
+ display: string;
8013
+ gap: string;
8014
+ gridTemplateColumns: string;
8015
+ '& > .SCEventMediaWidget-media': {
8016
+ position: string;
8017
+ width: string;
8018
+ paddingBottom: string;
8019
+ backgroundSize: string;
8020
+ cursor: string;
8021
+ '& > .SCEventMediaWidget-media-layer': {
8022
+ position: string;
8023
+ inset: number;
8024
+ backgroundColor: string;
8025
+ opacity: number;
8026
+ };
8027
+ '& > .SCEventMediaWidget-count-hidden-media-wrapper': {
8028
+ position: string;
8029
+ top: string;
8030
+ left: string;
8031
+ transform: string;
8032
+ color: any;
8033
+ '& > .SCEventMediaWidget-count-hidden-media': {
8034
+ fontSize: string;
8035
+ };
8036
+ };
8037
+ };
8038
+ };
8039
+ };
8040
+ '& .SCEventMediaWidget-actions': {
8041
+ padding: any;
8042
+ justifyContent: string;
8043
+ };
8044
+ };
8045
+ skeletonRoot: ({}: {}) => {
8046
+ '& .SCEventMediaWidget-grid': {
8047
+ display: string;
8048
+ gap: string;
8049
+ gridTemplateColumns: string;
8050
+ '& > .SCEventMediaWidget-media': {
8051
+ paddingBottom: string;
8052
+ };
8053
+ };
8054
+ };
8055
+ dialogRoot: ({ theme }: {
8056
+ theme: any;
8057
+ }) => {
8058
+ '& .SCEventMediaWidget-grid': {
8059
+ display: string;
8060
+ gap: string;
8061
+ gridTemplateColumns: string;
8062
+ '& > .SCEventMediaWidget-media': {
8063
+ paddingBottom: string;
8064
+ };
8065
+ '& > .SCEventMediaWidget-dialog-media-wrapper': {
8066
+ position: string;
8067
+ width: string;
8068
+ paddingBottom: string;
8069
+ backgroundSize: string;
8070
+ '& > .SCEventMediaWidget-dialog-button-wrapper': {
8071
+ position: string;
8072
+ top: number;
8073
+ width: string;
8074
+ height: string;
8075
+ backgroundColor: any;
8076
+ opacity: number;
8077
+ flexDirection: string;
8078
+ justifyContent: string;
8079
+ alignItems: string;
8080
+ '& > .SCEventMediaWidget-dialog-loading-button': {
8081
+ padding: number;
8082
+ minWidth: string;
8083
+ '& > .MuiLoadingButton-loadingIndicatorCenter': {
8084
+ color: any;
8085
+ };
8086
+ };
8087
+ };
8088
+ };
8089
+ };
8090
+ };
8091
+ triggerRoot: ({ isSquare }: {
8092
+ isSquare: any;
8093
+ }) => {
8094
+ padding: 0;
8095
+ borderRadius: 0;
8096
+ backgroundColor: string;
8097
+ '&:hover': {
8098
+ backgroundColor: string;
8099
+ };
8100
+ '& > .SCEventMediaWidget-trigger-content': {
8101
+ position: string;
8102
+ width: string;
8103
+ padding: string;
8104
+ paddingBottom: string;
8105
+ flexDirection: string;
8106
+ gap: string;
8107
+ alignItems: string;
8108
+ justifyContent: string;
8109
+ '& > .SCEventMediaWidget-trigger-icon': {
8110
+ position: string;
8111
+ top: string;
8112
+ transform: string;
8113
+ fontSize: string;
8114
+ };
8115
+ };
8116
+ };
8117
+ };
8118
+ };
7922
8119
  SCCalendar: {
7923
8120
  styleOverrides: {
7924
8121
  root: ({ theme }: {
@@ -8394,120 +8591,651 @@ declare const theme: {
8394
8591
  };
8395
8592
  };
8396
8593
  };
8397
- SCEventMediaWidget: {
8594
+ SCLiveStream: {
8398
8595
  styleOverrides: {
8399
- root: ({ theme, showPadding }: {
8400
- theme: any;
8401
- showPadding: any;
8402
- }) => {
8403
- '& .SCEventMediaWidget-header': {
8404
- padding: any;
8596
+ root: ({ theme }: any) => {};
8597
+ detailRoot: ({ theme }: any) => {
8598
+ '& .SCLiveStream-detail-image-wrapper': {
8599
+ position: string;
8600
+ '& .SCLiveStream-detail-image': {
8601
+ height: string;
8602
+ };
8603
+ '& .SCLiveStream-detail-in-progress': {
8604
+ backgroundColor: any;
8605
+ position: string;
8606
+ top: number;
8607
+ right: number;
8608
+ color: any;
8609
+ boxShadow: string;
8610
+ };
8405
8611
  };
8406
- '& .SCEventMediaWidget-content': {
8407
- padding: any;
8408
- '& .SCEventMediaWidget-grid': {
8409
- display: string;
8410
- gap: string;
8411
- gridTemplateColumns: string;
8412
- '& > .SCEventMediaWidget-media': {
8413
- position: string;
8414
- width: string;
8415
- paddingBottom: string;
8416
- backgroundSize: string;
8417
- cursor: string;
8418
- '& > .SCEventMediaWidget-media-layer': {
8419
- position: string;
8420
- inset: number;
8421
- backgroundColor: string;
8422
- opacity: number;
8612
+ '& .SCLiveStream-detail-content': {
8613
+ padding: string;
8614
+ '& .SCLiveStream-detail-user': {
8615
+ marginTop: string;
8616
+ '& .SCBaseItemButton-text': {
8617
+ margin: number;
8618
+ };
8619
+ };
8620
+ '& .SCLiveStream-detail-name-wrapper': {
8621
+ textDecoration: string;
8622
+ color: string;
8623
+ '& .SCLiveStream-detail-name': {
8624
+ marginBottom: string;
8625
+ };
8626
+ };
8627
+ '& .SCLiveStream-detail-first-divider': {
8628
+ marginTop: string;
8629
+ marginBottom: any;
8630
+ };
8631
+ '& .SCLiveStream-detail-second-divider': {
8632
+ marginTop: any;
8633
+ marginBottom: string;
8634
+ };
8635
+ };
8636
+ };
8637
+ previewRoot: ({ theme }: any) => {
8638
+ '& .SCLiveStream-preview-image-wrapper': {
8639
+ position: string;
8640
+ '& .SCLiveStream-preview-image': {
8641
+ height: string;
8642
+ };
8643
+ '& .SCLiveStream-preview-in-progress': {
8644
+ height: number;
8645
+ backgroundColor: any;
8646
+ position: string;
8647
+ top: number;
8648
+ right: number;
8649
+ color: any;
8650
+ boxShadow: string;
8651
+ '& span': {
8652
+ fontSize: string;
8653
+ paddingLeft: any;
8654
+ paddingRight: any;
8655
+ };
8656
+ };
8657
+ };
8658
+ '& .SCLiveStream-preview-content': {
8659
+ padding: string;
8660
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8661
+ '& .MuiTypography-root': {
8662
+ fontSize: string;
8663
+ };
8664
+ };
8665
+ '& .SCLiveStream-detail-user': {
8666
+ marginTop: string;
8667
+ '& .SCBaseItemButton-text': {
8668
+ margin: number;
8669
+ };
8670
+ };
8671
+ '& .SCLiveStream-preview-name-wrapper': {
8672
+ marginTop: number;
8673
+ textDecoration: string;
8674
+ color: string;
8675
+ '& h5': {
8676
+ whiteSpace: string;
8677
+ overflow: string;
8678
+ textOverflow: string;
8679
+ };
8680
+ };
8681
+ };
8682
+ };
8683
+ snippetRoot: ({ theme }: any) => {
8684
+ overflow: string;
8685
+ boxSizing: string;
8686
+ paddingLeft: string;
8687
+ paddingRight: string;
8688
+ '& .SCBaseItem-image': {
8689
+ '& .MuiAvatar-root': {
8690
+ width: number;
8691
+ height: number;
8692
+ borderRadius: string;
8693
+ '& img': {
8694
+ borderRadius: string;
8695
+ };
8696
+ };
8697
+ };
8698
+ '& .SCLiveStream-snippet-image': {
8699
+ position: string;
8700
+ '& .SCLiveStream-snippet-in-progress': {
8701
+ height: number;
8702
+ backgroundColor: any;
8703
+ position: string;
8704
+ top: number;
8705
+ right: number;
8706
+ color: any;
8707
+ boxShadow: string;
8708
+ '& span': {
8709
+ fontSize: string;
8710
+ paddingLeft: any;
8711
+ paddingRight: any;
8712
+ };
8713
+ };
8714
+ };
8715
+ '& .SCBaseItem-text': {
8716
+ fontSize: any;
8717
+ '& .SCLiveStream-snippet-primary': {
8718
+ color: any;
8719
+ textDecoration: string;
8720
+ '&:hover': {
8721
+ textDecoration: string;
8722
+ };
8723
+ '& p': {
8724
+ fontWeight: any;
8725
+ };
8726
+ };
8727
+ '& .SCLiveStream-snippet-secondary': {
8728
+ color: any;
8729
+ };
8730
+ };
8731
+ };
8732
+ skeletonRoot: ({ theme }: any) => {
8733
+ '& .SCLiveStream-skeleton-detail-root': {
8734
+ '& .SCLiveStream-skeleton-detail-calendar': {
8735
+ position: string;
8736
+ bottom: string;
8737
+ left: string;
8738
+ boxShadow: string;
8739
+ };
8740
+ '& .SCLiveStream-skeleton-detail-content': {
8741
+ padding: string;
8742
+ '& .SCLiveStream-skeleton-detail-user': {
8743
+ marginTop: string;
8744
+ '& .SCBaseItemButton-text': {
8745
+ margin: number;
8423
8746
  };
8424
- '& > .SCEventMediaWidget-count-hidden-media-wrapper': {
8425
- position: string;
8426
- top: string;
8427
- left: string;
8428
- transform: string;
8429
- color: any;
8430
- '& > .SCEventMediaWidget-count-hidden-media': {
8431
- fontSize: string;
8747
+ };
8748
+ '& .SCLiveStream-skeleton-detail-name-wrapper': {
8749
+ textDecoration: string;
8750
+ color: string;
8751
+ '& .SCLiveStream-skeleton-detail-name': {
8752
+ marginBottom: string;
8753
+ };
8754
+ };
8755
+ '& .SCLiveStream-skeleton-detail-first-divider': {
8756
+ marginTop: string;
8757
+ marginBottom: any;
8758
+ };
8759
+ '& .SCLiveStream-skeleton-detail-second-divider': {
8760
+ marginTop: any;
8761
+ marginBottom: string;
8762
+ };
8763
+ };
8764
+ };
8765
+ '& .SCLiveStream-skeleton-preview-root': {
8766
+ '& .SCLiveStream-skeleton-preview-content': {
8767
+ padding: any;
8768
+ };
8769
+ '& .SCLiveStream-skeleton-preview-image': {
8770
+ position: string;
8771
+ '& .MuiSkeleton-root': {
8772
+ borderRadius: string;
8773
+ };
8774
+ '& .MuiIcon-root': {
8775
+ color: any;
8776
+ position: string;
8777
+ top: string;
8778
+ left: string;
8779
+ transform: string;
8780
+ };
8781
+ };
8782
+ '& .SCBaseItem-actions': {
8783
+ maxWidth: string;
8784
+ };
8785
+ };
8786
+ '& .SCLiveStream-skeleton-snippet-root': {
8787
+ overflow: string;
8788
+ boxSizing: string;
8789
+ paddingLeft: string;
8790
+ paddingRight: string;
8791
+ '& .SCLiveStream-skeleton-snippet-image': {
8792
+ position: string;
8793
+ '& .MuiSkeleton-root': {
8794
+ borderRadius: string;
8795
+ };
8796
+ '& .MuiIcon-root': {
8797
+ color: any;
8798
+ position: string;
8799
+ top: string;
8800
+ left: string;
8801
+ transform: string;
8802
+ };
8803
+ };
8804
+ '& .SCBaseItem-actions': {
8805
+ maxWidth: string;
8806
+ };
8807
+ };
8808
+ };
8809
+ };
8810
+ };
8811
+ SCLiveStreamInfoDetails: {
8812
+ styleOverrides: {
8813
+ root: ({ theme }: {
8814
+ theme: any;
8815
+ }) => {
8816
+ /**
8817
+ * Style fragments - Imports - Start
8818
+ */
8819
+ gap: any;
8820
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8821
+ flexDirection: string;
8822
+ alignItems: string;
8823
+ gap: any;
8824
+ '& > p': {
8825
+ textTransform: string;
8826
+ };
8827
+ '& .SCLiveStreamInfoDetails-link': {
8828
+ textDecoration: string;
8829
+ color: any;
8830
+ '&:hover': {
8831
+ textDecoration: string;
8832
+ };
8833
+ '& .SCLiveStreamInfoDetails-url': {
8834
+ overflow: string;
8835
+ textOverflow: string;
8836
+ display: string;
8837
+ '-webkit-line-clamp': string;
8838
+ '-webkit-box-orient': string;
8839
+ };
8840
+ };
8841
+ '& .SCLiveStreamInfoDetails-in-progress': {
8842
+ width: string;
8843
+ height: string;
8844
+ borderRadius: string;
8845
+ backgroundColor: any;
8846
+ };
8847
+ };
8848
+ '& .SCLiveStreamInfoDetails-creation-wrapper': {
8849
+ flexDirection: string;
8850
+ alignItems: string;
8851
+ gap: any;
8852
+ };
8853
+ };
8854
+ };
8855
+ };
8856
+ SCUpScalingTierBadge: {
8857
+ styleOverrides: {
8858
+ root: ({ theme }: any) => {};
8859
+ badgeRoot: ({ theme }: any) => {
8860
+ background: string;
8861
+ borderRadius: number;
8862
+ padding: string;
8863
+ height: string;
8864
+ fontSize: number;
8865
+ };
8866
+ };
8867
+ };
8868
+ SCUserLiveStreamWidget: {
8869
+ styleOverrides: {
8870
+ root: ({ theme }: {
8871
+ theme: any;
8872
+ }) => {
8873
+ '& .SCUserLiveStreamWidget-content': {
8874
+ '& .SCUserLiveStreamWidget-header': {
8875
+ flexDirection: string;
8876
+ justifyContent: string;
8877
+ alignItems: string;
8878
+ marginBottom: any;
8879
+ '& .SCUserLiveStreamWidget-avatar-wrapper': {
8880
+ flexDirection: string;
8881
+ alignItems: string;
8882
+ color: string;
8883
+ padding: number;
8884
+ minWidth: string;
8885
+ '& .SCUserLiveStreamWidget-avatar': {
8886
+ width: any;
8887
+ height: any;
8888
+ };
8889
+ };
8890
+ '& h4': {
8891
+ marginLeft: number;
8892
+ lineHeight: string;
8893
+ };
8894
+ };
8895
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8896
+ paddingTop: any;
8897
+ gap: any;
8898
+ '& .SCUserLiveStreamWidget-live': {
8899
+ '& > div': {
8900
+ padding: string;
8901
+ '& > .SCBaseItem-content': {
8902
+ '& > .SCBaseItem-text': {
8903
+ margin: number;
8904
+ };
8905
+ };
8906
+ };
8907
+ };
8908
+ };
8909
+ };
8910
+ '& .SCUserLiveStreamWidget-actions': {
8911
+ padding: string;
8912
+ justifyContent: string;
8913
+ '& .SCSuggestedEventsWidget-actionButton': {
8914
+ color: any;
8915
+ };
8916
+ };
8917
+ };
8918
+ skeletonRoot: ({ theme }: {
8919
+ theme: any;
8920
+ }) => {
8921
+ '& .SCUserLiveStreamWidget-content': {
8922
+ padding: string;
8923
+ '& .SCUserLiveStreamWidget-user': {
8924
+ marginBottom: any;
8925
+ '& > .SCBaseItem-content': {
8926
+ '& > .SCBaseItem-text': {
8927
+ margin: number;
8928
+ };
8929
+ };
8930
+ '& > .SCBaseItem-actions': {
8931
+ display: string;
8932
+ };
8933
+ };
8934
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8935
+ gap: any;
8936
+ '& .SCUserLiveStreamWidget-live': {
8937
+ '& > div': {
8938
+ padding: string;
8939
+ '& > .SCBaseItem-content': {
8940
+ '& > .SCBaseItem-text': {
8941
+ margin: number;
8942
+ };
8432
8943
  };
8433
8944
  };
8434
8945
  };
8435
8946
  };
8436
8947
  };
8437
- '& .SCEventMediaWidget-actions': {
8948
+ '& .SCUserLiveStreamWidget-actions': {
8949
+ padding: string;
8950
+ justifyContent: string;
8951
+ };
8952
+ };
8953
+ dialogRoot: ({ theme }: {
8954
+ theme: any;
8955
+ }) => {
8956
+ '& .SCUserLiveStreamWidget-infinite-scroll': {
8957
+ [x: number]: {
8958
+ height: string;
8959
+ };
8960
+ height: string;
8961
+ '& .SCEvent-root': {
8962
+ width: string;
8963
+ };
8964
+ };
8965
+ };
8966
+ };
8967
+ };
8968
+ SCCreateLiveStreamButton: {
8969
+ styleOverrides: {
8970
+ root: ({ theme }: any) => {
8971
+ '& .MuiButton-startIcon': {
8972
+ '& .MuiIcon-root': {
8973
+ fontSize: string;
8974
+ };
8975
+ };
8976
+ };
8977
+ };
8978
+ };
8979
+ SCCreateLiveStreamDialog: {
8980
+ styleOverrides: {
8981
+ root: ({ theme }: any) => {
8982
+ '& .MuiDialogTitle-root': {
8983
+ '& span': {
8984
+ flexGrow: number;
8985
+ textAlign: string;
8986
+ };
8987
+ };
8988
+ '& .SCCreateLiveStreamDialog-root': {
8438
8989
  padding: any;
8439
- justifyContent: string;
8440
8990
  };
8441
8991
  };
8442
- skeletonRoot: ({}: {}) => {
8443
- '& .SCEventMediaWidget-grid': {
8992
+ };
8993
+ };
8994
+ SCLiveStreamSelector: {
8995
+ styleOverrides: {
8996
+ root: ({ theme }: any) => {
8997
+ '& .SCLiveStreamSelector-warning': {
8998
+ margin: any;
8999
+ "& a": {
9000
+ color: any;
9001
+ fontWeight: string;
9002
+ };
9003
+ };
9004
+ '& .SCLiveStreamSelector-options': {
9005
+ [x: number]: {
9006
+ display: string;
9007
+ };
8444
9008
  display: string;
8445
- gap: string;
8446
- gridTemplateColumns: string;
8447
- '& > .SCEventMediaWidget-media': {
8448
- paddingBottom: string;
9009
+ justifyContent: string;
9010
+ alignItems: string;
9011
+ '& > div': {
9012
+ [x: number]: {
9013
+ margin: string;
9014
+ marginBottom: any;
9015
+ };
9016
+ width: string;
8449
9017
  };
8450
9018
  };
9019
+ '& .SCLiveStreamSelector-actions': {
9020
+ display: string;
9021
+ justifyContent: string;
9022
+ alignItems: string;
9023
+ marginTop: any;
9024
+ };
8451
9025
  };
8452
- dialogRoot: ({ theme }: {
8453
- theme: any;
8454
- }) => {
8455
- '& .SCEventMediaWidget-grid': {
9026
+ optionCardRoot: ({ theme, selected }: any) => {
9027
+ maxWidth: number;
9028
+ height: string;
9029
+ minHeight: number;
9030
+ padding: any;
9031
+ margin: any;
9032
+ cursor: string;
9033
+ transition: any;
9034
+ backgroundColor: any;
9035
+ '&:hover': {
9036
+ backgroundColor: any;
9037
+ boxShadow: any;
9038
+ };
9039
+ border: string;
9040
+ "& > div": {
8456
9041
  display: string;
8457
- gap: string;
8458
- gridTemplateColumns: string;
8459
- '& > .SCEventMediaWidget-media': {
8460
- paddingBottom: string;
8461
- };
8462
- '& > .SCEventMediaWidget-dialog-media-wrapper': {
9042
+ justifyContent: string;
9043
+ alignItems: string;
9044
+ marginBottom: number;
9045
+ maxWidth: string;
9046
+ };
9047
+ "& ul": {
9048
+ marginTop: any;
9049
+ padding: number;
9050
+ listStyle: string;
9051
+ };
9052
+ };
9053
+ featureItemRoot: ({ theme, selected }: any) => {
9054
+ display: string;
9055
+ alignItems: string;
9056
+ gap: any;
9057
+ marginBottom: any;
9058
+ '&:last-child': {
9059
+ marginBottom: number;
9060
+ };
9061
+ };
9062
+ };
9063
+ };
9064
+ SCLiveStreamForm: {
9065
+ styleOverrides: {
9066
+ root: ({ theme }: any) => {
9067
+ '& .SCLiveStreamForm-cover': {
9068
+ position: string;
9069
+ height: number;
9070
+ minHeight: number;
9071
+ '& .SCEventForm-upload-event-cover-root': {
8463
9072
  position: string;
8464
- width: string;
8465
- paddingBottom: string;
8466
- backgroundSize: string;
8467
- '& > .SCEventMediaWidget-dialog-button-wrapper': {
8468
- position: string;
8469
- top: number;
8470
- width: string;
8471
- height: string;
8472
- backgroundColor: any;
8473
- opacity: number;
8474
- flexDirection: string;
8475
- justifyContent: string;
8476
- alignItems: string;
8477
- '& > .SCEventMediaWidget-dialog-loading-button': {
8478
- padding: number;
8479
- minWidth: string;
8480
- '& > .MuiLoadingButton-loadingIndicatorCenter': {
8481
- color: any;
8482
- };
8483
- };
8484
- };
9073
+ right: any;
9074
+ bottom: any;
9075
+ padding: any;
9076
+ minWidth: string;
8485
9077
  };
8486
9078
  };
9079
+ "& .SCLiveStreamForm-access-view": {
9080
+ margin: any;
9081
+ };
9082
+ "& .SCLiveStreamForm-actions": {
9083
+ display: string;
9084
+ justifyContent: string;
9085
+ marginTop: any;
9086
+ };
8487
9087
  };
8488
- triggerRoot: ({ isSquare }: {
8489
- isSquare: any;
8490
- }) => {
8491
- padding: 0;
8492
- borderRadius: 0;
8493
- backgroundColor: string;
8494
- '&:hover': {
9088
+ };
9089
+ };
9090
+ SCLiveStreamFormSettings: {
9091
+ styleOverrides: {
9092
+ root: ({ theme }: any) => {
9093
+ margin: any;
9094
+ '& .SCLiveStreamFormSettings-access-view': {
9095
+ margin: any;
9096
+ width: string;
9097
+ '& .Mui-checked': {
9098
+ color: any;
9099
+ };
9100
+ };
9101
+ };
9102
+ };
9103
+ };
9104
+ SCLiveStreamRoom: {
9105
+ styleOverrides: {
9106
+ root: ({ theme }: any) => {
9107
+ width: string;
9108
+ display: string;
9109
+ justifyContent: string;
9110
+ alignContent: string;
9111
+ "& .SCLiveStreamRoom-title": {
9112
+ margin: any;
9113
+ textAlign: string;
9114
+ color: any;
9115
+ };
9116
+ "& .SCLiveStreamRoom-description": {
9117
+ backgroundColor: any;
9118
+ color: any;
9119
+ border: string;
9120
+ borderRadius: string;
9121
+ marginTop: any;
9122
+ marginBottom: any;
9123
+ padding: any;
9124
+ };
9125
+ "& .SCLiveStreamRoom-content": {
9126
+ width: string;
9127
+ };
9128
+ "& .SCLiveStreamRoom-prejoin": {
9129
+ margin: any;
9130
+ padding: any;
9131
+ display: string;
9132
+ placeItems: string;
9133
+ height: string;
9134
+ position: string;
9135
+ '& .lk-form-control': {
9136
+ display: string;
9137
+ };
9138
+ };
9139
+ "& .SCLiveStreamRoom-prejoin-loading": {
9140
+ '& .lk-prejoin': {
9141
+ opacity: number;
9142
+ };
9143
+ };
9144
+ "& .SCLiveStreamRoom-prejoin-alert": {
9145
+ backgroundColor: any;
9146
+ color: any;
9147
+ border: string;
9148
+ borderRadius: string;
9149
+ };
9150
+ "& .SCLiveStreamRoom-share-link": {
9151
+ marginTop: any;
9152
+ backgroundColor: any;
9153
+ '& textarea': {
9154
+ color: any;
9155
+ '-webkit-text-fill-color': any;
9156
+ };
9157
+ };
9158
+ "& .SCLiveStreamRoom-conference": {
9159
+ width: string;
9160
+ display: string;
9161
+ justifyContent: string;
9162
+ alignItems: string;
8495
9163
  backgroundColor: string;
8496
9164
  };
8497
- '& > .SCEventMediaWidget-trigger-content': {
9165
+ "& .SCLiveStreamRoom-prejoin-loader": {
9166
+ maxWidth: number;
9167
+ width: string;
8498
9168
  position: string;
9169
+ textAlign: string;
9170
+ '& .MuiTypography-root': {
9171
+ color: string;
9172
+ };
9173
+ };
9174
+ "& .SCLiveStreamRoom-end-prejoin-content": {
9175
+ color: any;
9176
+ display: string;
9177
+ justifyContent: string;
9178
+ alignItems: string;
9179
+ marginTop: any;
9180
+ paddingBottom: any;
9181
+ "& .SCLiveStreamRoom-end-prejoin-content-box": {
9182
+ [x: number]: {
9183
+ width: string;
9184
+ };
9185
+ width: string;
9186
+ };
9187
+ };
9188
+ '& .lk-prejoin': {
9189
+ maxWidth: number;
8499
9190
  width: string;
8500
- padding: string;
8501
- paddingBottom: string;
8502
- flexDirection: string;
8503
- gap: string;
9191
+ backgroundColor: string;
9192
+ borderRadius: any;
9193
+ };
9194
+ '& .lk-join-button': {
9195
+ backgroundColor: any;
9196
+ color: any;
9197
+ '&:hover': {
9198
+ backgroundColor: any;
9199
+ };
9200
+ };
9201
+ };
9202
+ dialogRoot: ({ theme }: any) => {
9203
+ "& .SCLiveStreamRoom-end-conference-wrap": {
9204
+ display: string;
9205
+ justifyContent: string;
8504
9206
  alignItems: string;
9207
+ alignContent: string;
9208
+ flexDirection: string;
9209
+ "& .SCLiveStreamVideoConference-btn-back-home": {
9210
+ marginTop: any;
9211
+ };
9212
+ };
9213
+ };
9214
+ };
9215
+ };
9216
+ SCLiveStreamVideoConference: {
9217
+ styleOverrides: {
9218
+ root: ({ theme }: any) => {
9219
+ height: string;
9220
+ width: string;
9221
+ overflowY: string;
9222
+ };
9223
+ dialogRoot: ({ theme }: any) => {
9224
+ "& .SCLiveStreamVideoConference-end-conference-wrap": {
9225
+ display: string;
8505
9226
  justifyContent: string;
8506
- '& > .SCEventMediaWidget-trigger-icon': {
8507
- position: string;
8508
- top: string;
8509
- transform: string;
8510
- fontSize: string;
9227
+ alignItems: string;
9228
+ alignContent: string;
9229
+ flexDirection: string;
9230
+ textAlign: string;
9231
+ "& .SCLiveStreamVideoConference-logo": {
9232
+ img: {
9233
+ maxHeight: string;
9234
+ };
9235
+ marginBottom: any;
9236
+ };
9237
+ "& .SCLiveStreamVideoConference-btn-back-home": {
9238
+ marginTop: any;
8511
9239
  };
8512
9240
  };
8513
9241
  };