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

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 (62) hide show
  1. package/lib/cjs/components/SCEventInfoDetails.d.ts +3 -0
  2. package/lib/cjs/components/SCEventInfoDetails.js +3 -0
  3. package/lib/cjs/components/SCFeedObject.d.ts +1 -0
  4. package/lib/cjs/components/SCFeedObject.js +3 -2
  5. package/lib/cjs/components/SCLiveStream.d.ts +218 -0
  6. package/lib/cjs/components/SCLiveStream.js +220 -0
  7. package/lib/cjs/components/SCLiveStreamDialog.d.ts +16 -0
  8. package/lib/cjs/components/SCLiveStreamDialog.js +18 -0
  9. package/lib/cjs/components/SCLiveStreamForm.d.ts +27 -0
  10. package/lib/cjs/components/SCLiveStreamForm.js +29 -0
  11. package/lib/cjs/components/SCLiveStreamFormSettings.d.ts +15 -0
  12. package/lib/cjs/components/SCLiveStreamFormSettings.js +17 -0
  13. package/lib/cjs/components/SCLiveStreamInfoDetails.d.ts +43 -0
  14. package/lib/cjs/components/SCLiveStreamInfoDetails.js +43 -0
  15. package/lib/cjs/components/SCLiveStreamRoom.d.ts +113 -0
  16. package/lib/cjs/components/SCLiveStreamRoom.js +115 -0
  17. package/lib/cjs/components/SCLiveStreamSelector.d.ts +71 -0
  18. package/lib/cjs/components/SCLiveStreamSelector.js +75 -0
  19. package/lib/cjs/components/SCLiveStreamVideoConference.d.ts +27 -0
  20. package/lib/cjs/components/SCLiveStreamVideoConference.js +29 -0
  21. package/lib/cjs/components/SCNavigationMenuDrawer.d.ts +3 -0
  22. package/lib/cjs/components/SCNavigationMenuDrawer.js +3 -0
  23. package/lib/cjs/components/SCNotification.d.ts +27 -0
  24. package/lib/cjs/components/SCNotification.js +27 -0
  25. package/lib/cjs/components/SCUpScalingTierBadge.d.ts +13 -0
  26. package/lib/cjs/components/SCUpScalingTierBadge.js +15 -0
  27. package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
  28. package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
  29. package/lib/cjs/index.d.ts +762 -94
  30. package/lib/cjs/index.js +21 -1
  31. package/lib/esm/components/SCEventInfoDetails.d.ts +3 -0
  32. package/lib/esm/components/SCEventInfoDetails.js +3 -0
  33. package/lib/esm/components/SCFeedObject.d.ts +1 -0
  34. package/lib/esm/components/SCFeedObject.js +3 -2
  35. package/lib/esm/components/SCLiveStream.d.ts +218 -0
  36. package/lib/esm/components/SCLiveStream.js +218 -0
  37. package/lib/esm/components/SCLiveStreamDialog.d.ts +16 -0
  38. package/lib/esm/components/SCLiveStreamDialog.js +16 -0
  39. package/lib/esm/components/SCLiveStreamForm.d.ts +27 -0
  40. package/lib/esm/components/SCLiveStreamForm.js +27 -0
  41. package/lib/esm/components/SCLiveStreamFormSettings.d.ts +15 -0
  42. package/lib/esm/components/SCLiveStreamFormSettings.js +15 -0
  43. package/lib/esm/components/SCLiveStreamInfoDetails.d.ts +43 -0
  44. package/lib/esm/components/SCLiveStreamInfoDetails.js +41 -0
  45. package/lib/esm/components/SCLiveStreamRoom.d.ts +113 -0
  46. package/lib/esm/components/SCLiveStreamRoom.js +113 -0
  47. package/lib/esm/components/SCLiveStreamSelector.d.ts +71 -0
  48. package/lib/esm/components/SCLiveStreamSelector.js +73 -0
  49. package/lib/esm/components/SCLiveStreamVideoConference.d.ts +27 -0
  50. package/lib/esm/components/SCLiveStreamVideoConference.js +27 -0
  51. package/lib/esm/components/SCNavigationMenuDrawer.d.ts +3 -0
  52. package/lib/esm/components/SCNavigationMenuDrawer.js +3 -0
  53. package/lib/esm/components/SCNotification.d.ts +27 -0
  54. package/lib/esm/components/SCNotification.js +27 -0
  55. package/lib/esm/components/SCUpScalingTierBadge.d.ts +13 -0
  56. package/lib/esm/components/SCUpScalingTierBadge.js +13 -0
  57. package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
  58. package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
  59. package/lib/esm/index.d.ts +762 -94
  60. package/lib/esm/index.js +21 -1
  61. package/lib/umd/react-theme-default.js +1 -19
  62. package/package.json +123 -117
@@ -2225,6 +2225,7 @@ declare const theme: {
2225
2225
  padding: any;
2226
2226
  marginBottom: any;
2227
2227
  color: any;
2228
+ maxHeight: number;
2228
2229
  '&:hover': {
2229
2230
  backgroundColor: any;
2230
2231
  };
@@ -4483,6 +4484,9 @@ declare const theme: {
4483
4484
  '& .SCBaseItemButton-text ': {
4484
4485
  maxWidth: string;
4485
4486
  };
4487
+ '& .SCNavigationMenuDrawer-drawer-footer': {
4488
+ padding: any;
4489
+ };
4486
4490
  };
4487
4491
  };
4488
4492
  };
@@ -4956,6 +4960,33 @@ declare const theme: {
4956
4960
  backgroundColor: string;
4957
4961
  };
4958
4962
  };
4963
+ liveStreamRoot: ({ theme }: any) => {
4964
+ '& .SCNotification-username, & a': {
4965
+ fontWeight: any;
4966
+ };
4967
+ '& .SCNotificationItem-primary': {
4968
+ '& .MuiIcon-root': {
4969
+ float: string;
4970
+ fontSize: string;
4971
+ marginLeft: any;
4972
+ };
4973
+ '& .SCEvent-root': {
4974
+ width: string;
4975
+ '& .SCEvent-snippet-root': {
4976
+ paddingLeft: string;
4977
+ };
4978
+ };
4979
+ };
4980
+ '& .SCNotificationItem-secondary': {
4981
+ textTransform: string;
4982
+ };
4983
+ '& .SCNotification-snippet-time': {
4984
+ paddingLeft: any;
4985
+ };
4986
+ '& .SCEvent-snippet-root': {
4987
+ backgroundColor: string;
4988
+ };
4989
+ };
4959
4990
  groupRoot: ({ theme }: any) => {};
4960
4991
  undeletedForRoot: ({ theme }: any) => {
4961
4992
  '& .SCNotification-undeleted-icon': {
@@ -7699,9 +7730,6 @@ declare const theme: {
7699
7730
  root: ({ theme }: {
7700
7731
  theme: any;
7701
7732
  }) => {
7702
- /**
7703
- * Style fragments - Imports - Start
7704
- */
7705
7733
  gap: any;
7706
7734
  '& .SCEventInfoDetails-icon-text-wrapper': {
7707
7735
  flexDirection: string;
@@ -7724,6 +7752,9 @@ declare const theme: {
7724
7752
  '-webkit-box-orient': string;
7725
7753
  };
7726
7754
  };
7755
+ '& .SCEventInfoDetails-join-live': {
7756
+ height: number;
7757
+ };
7727
7758
  '& .SCEventInfoDetails-in-progress': {
7728
7759
  width: string;
7729
7760
  height: string;
@@ -7919,6 +7950,125 @@ declare const theme: {
7919
7950
  };
7920
7951
  };
7921
7952
  };
7953
+ SCEventMediaWidget: {
7954
+ styleOverrides: {
7955
+ root: ({ theme, showPadding }: {
7956
+ theme: any;
7957
+ showPadding: any;
7958
+ }) => {
7959
+ '& .SCEventMediaWidget-header': {
7960
+ padding: any;
7961
+ };
7962
+ '& .SCEventMediaWidget-content': {
7963
+ padding: any;
7964
+ '& .SCEventMediaWidget-grid': {
7965
+ display: string;
7966
+ gap: string;
7967
+ gridTemplateColumns: string;
7968
+ '& > .SCEventMediaWidget-media': {
7969
+ position: string;
7970
+ width: string;
7971
+ paddingBottom: string;
7972
+ backgroundSize: string;
7973
+ cursor: string;
7974
+ '& > .SCEventMediaWidget-media-layer': {
7975
+ position: string;
7976
+ inset: number;
7977
+ backgroundColor: string;
7978
+ opacity: number;
7979
+ };
7980
+ '& > .SCEventMediaWidget-count-hidden-media-wrapper': {
7981
+ position: string;
7982
+ top: string;
7983
+ left: string;
7984
+ transform: string;
7985
+ color: any;
7986
+ '& > .SCEventMediaWidget-count-hidden-media': {
7987
+ fontSize: string;
7988
+ };
7989
+ };
7990
+ };
7991
+ };
7992
+ };
7993
+ '& .SCEventMediaWidget-actions': {
7994
+ padding: any;
7995
+ justifyContent: string;
7996
+ };
7997
+ };
7998
+ skeletonRoot: ({}: {}) => {
7999
+ '& .SCEventMediaWidget-grid': {
8000
+ display: string;
8001
+ gap: string;
8002
+ gridTemplateColumns: string;
8003
+ '& > .SCEventMediaWidget-media': {
8004
+ paddingBottom: string;
8005
+ };
8006
+ };
8007
+ };
8008
+ dialogRoot: ({ theme }: {
8009
+ theme: any;
8010
+ }) => {
8011
+ '& .SCEventMediaWidget-grid': {
8012
+ display: string;
8013
+ gap: string;
8014
+ gridTemplateColumns: string;
8015
+ '& > .SCEventMediaWidget-media': {
8016
+ paddingBottom: string;
8017
+ };
8018
+ '& > .SCEventMediaWidget-dialog-media-wrapper': {
8019
+ position: string;
8020
+ width: string;
8021
+ paddingBottom: string;
8022
+ backgroundSize: string;
8023
+ '& > .SCEventMediaWidget-dialog-button-wrapper': {
8024
+ position: string;
8025
+ top: number;
8026
+ width: string;
8027
+ height: string;
8028
+ backgroundColor: any;
8029
+ opacity: number;
8030
+ flexDirection: string;
8031
+ justifyContent: string;
8032
+ alignItems: string;
8033
+ '& > .SCEventMediaWidget-dialog-loading-button': {
8034
+ padding: number;
8035
+ minWidth: string;
8036
+ '& > .MuiLoadingButton-loadingIndicatorCenter': {
8037
+ color: any;
8038
+ };
8039
+ };
8040
+ };
8041
+ };
8042
+ };
8043
+ };
8044
+ triggerRoot: ({ isSquare }: {
8045
+ isSquare: any;
8046
+ }) => {
8047
+ padding: 0;
8048
+ borderRadius: 0;
8049
+ backgroundColor: string;
8050
+ '&:hover': {
8051
+ backgroundColor: string;
8052
+ };
8053
+ '& > .SCEventMediaWidget-trigger-content': {
8054
+ position: string;
8055
+ width: string;
8056
+ padding: string;
8057
+ paddingBottom: string;
8058
+ flexDirection: string;
8059
+ gap: string;
8060
+ alignItems: string;
8061
+ justifyContent: string;
8062
+ '& > .SCEventMediaWidget-trigger-icon': {
8063
+ position: string;
8064
+ top: string;
8065
+ transform: string;
8066
+ fontSize: string;
8067
+ };
8068
+ };
8069
+ };
8070
+ };
8071
+ };
7922
8072
  SCCalendar: {
7923
8073
  styleOverrides: {
7924
8074
  root: ({ theme }: {
@@ -8394,120 +8544,638 @@ declare const theme: {
8394
8544
  };
8395
8545
  };
8396
8546
  };
8397
- SCEventMediaWidget: {
8547
+ SCLiveStream: {
8398
8548
  styleOverrides: {
8399
- root: ({ theme, showPadding }: {
8400
- theme: any;
8401
- showPadding: any;
8402
- }) => {
8403
- '& .SCEventMediaWidget-header': {
8404
- padding: any;
8549
+ root: ({ theme }: any) => {};
8550
+ detailRoot: ({ theme }: any) => {
8551
+ '& .SCLiveStream-detail-image-wrapper': {
8552
+ position: string;
8553
+ '& .SCLiveStream-detail-image': {
8554
+ height: string;
8555
+ };
8556
+ '& .SCLiveStream-detail-in-progress': {
8557
+ backgroundColor: any;
8558
+ position: string;
8559
+ top: number;
8560
+ right: number;
8561
+ color: any;
8562
+ boxShadow: string;
8563
+ };
8405
8564
  };
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;
8423
- };
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;
8432
- };
8433
- };
8565
+ '& .SCLiveStream-detail-content': {
8566
+ padding: string;
8567
+ '& .SCLiveStream-detail-user': {
8568
+ marginTop: string;
8569
+ '& .SCBaseItemButton-text': {
8570
+ margin: number;
8434
8571
  };
8435
8572
  };
8436
- };
8437
- '& .SCEventMediaWidget-actions': {
8438
- padding: any;
8439
- justifyContent: string;
8440
- };
8441
- };
8442
- skeletonRoot: ({}: {}) => {
8443
- '& .SCEventMediaWidget-grid': {
8444
- display: string;
8445
- gap: string;
8446
- gridTemplateColumns: string;
8447
- '& > .SCEventMediaWidget-media': {
8448
- paddingBottom: string;
8573
+ '& .SCLiveStream-detail-name-wrapper': {
8574
+ textDecoration: string;
8575
+ color: string;
8576
+ '& .SCLiveStream-detail-name': {
8577
+ marginBottom: string;
8578
+ };
8579
+ };
8580
+ '& .SCLiveStream-detail-first-divider': {
8581
+ marginTop: string;
8582
+ marginBottom: any;
8583
+ };
8584
+ '& .SCLiveStream-detail-second-divider': {
8585
+ marginTop: any;
8586
+ marginBottom: string;
8449
8587
  };
8450
8588
  };
8451
8589
  };
8452
- dialogRoot: ({ theme }: {
8453
- theme: any;
8454
- }) => {
8455
- '& .SCEventMediaWidget-grid': {
8456
- display: string;
8457
- gap: string;
8458
- gridTemplateColumns: string;
8459
- '& > .SCEventMediaWidget-media': {
8460
- paddingBottom: string;
8590
+ previewRoot: ({ theme }: any) => {
8591
+ '& .SCLiveStream-preview-image-wrapper': {
8592
+ position: string;
8593
+ '& .SCLiveStream-preview-image': {
8594
+ height: string;
8461
8595
  };
8462
- '& > .SCEventMediaWidget-dialog-media-wrapper': {
8596
+ '& .SCLiveStream-preview-in-progress': {
8597
+ height: number;
8598
+ backgroundColor: any;
8463
8599
  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;
8600
+ top: number;
8601
+ right: number;
8602
+ color: any;
8603
+ boxShadow: string;
8604
+ '& span': {
8605
+ fontSize: string;
8606
+ paddingLeft: any;
8607
+ paddingRight: any;
8608
+ };
8609
+ };
8610
+ };
8611
+ '& .SCLiveStream-preview-content': {
8612
+ padding: string;
8613
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8614
+ '& .MuiTypography-root': {
8615
+ fontSize: string;
8616
+ };
8617
+ };
8618
+ '& .SCLiveStream-detail-user': {
8619
+ marginTop: string;
8620
+ '& .SCBaseItemButton-text': {
8621
+ margin: number;
8622
+ };
8623
+ };
8624
+ '& .SCLiveStream-preview-name-wrapper': {
8625
+ marginTop: number;
8626
+ textDecoration: string;
8627
+ color: string;
8628
+ '& h5': {
8629
+ whiteSpace: string;
8630
+ overflow: string;
8631
+ textOverflow: string;
8632
+ };
8633
+ };
8634
+ };
8635
+ };
8636
+ snippetRoot: ({ theme }: any) => {
8637
+ overflow: string;
8638
+ boxSizing: string;
8639
+ paddingLeft: string;
8640
+ paddingRight: string;
8641
+ '& .SCBaseItem-image': {
8642
+ '& .MuiAvatar-root': {
8643
+ width: number;
8644
+ height: number;
8645
+ borderRadius: string;
8646
+ '& img': {
8647
+ borderRadius: string;
8648
+ };
8649
+ };
8650
+ };
8651
+ '& .SCLiveStream-snippet-image': {
8652
+ position: string;
8653
+ '& .SCLiveStream-snippet-in-progress': {
8654
+ height: number;
8655
+ backgroundColor: any;
8656
+ position: string;
8657
+ top: number;
8658
+ right: number;
8659
+ color: any;
8660
+ boxShadow: string;
8661
+ '& span': {
8662
+ fontSize: string;
8663
+ paddingLeft: any;
8664
+ paddingRight: any;
8665
+ };
8666
+ };
8667
+ };
8668
+ '& .SCBaseItem-text': {
8669
+ fontSize: any;
8670
+ '& .SCLiveStream-snippet-primary': {
8671
+ color: any;
8672
+ textDecoration: string;
8673
+ '&:hover': {
8674
+ textDecoration: string;
8675
+ };
8676
+ '& p': {
8677
+ fontWeight: any;
8678
+ };
8679
+ };
8680
+ '& .SCLiveStream-snippet-secondary': {
8681
+ color: any;
8682
+ };
8683
+ };
8684
+ };
8685
+ skeletonRoot: ({ theme }: any) => {
8686
+ '& .SCLiveStream-skeleton-detail-root': {
8687
+ '& .SCLiveStream-skeleton-detail-calendar': {
8688
+ position: string;
8689
+ bottom: string;
8690
+ left: string;
8691
+ boxShadow: string;
8692
+ };
8693
+ '& .SCLiveStream-skeleton-detail-content': {
8694
+ padding: string;
8695
+ '& .SCLiveStream-skeleton-detail-user': {
8696
+ marginTop: string;
8697
+ '& .SCBaseItemButton-text': {
8698
+ margin: number;
8699
+ };
8700
+ };
8701
+ '& .SCLiveStream-skeleton-detail-name-wrapper': {
8702
+ textDecoration: string;
8703
+ color: string;
8704
+ '& .SCLiveStream-skeleton-detail-name': {
8705
+ marginBottom: string;
8706
+ };
8707
+ };
8708
+ '& .SCLiveStream-skeleton-detail-first-divider': {
8709
+ marginTop: string;
8710
+ marginBottom: any;
8711
+ };
8712
+ '& .SCLiveStream-skeleton-detail-second-divider': {
8713
+ marginTop: any;
8714
+ marginBottom: string;
8715
+ };
8716
+ };
8717
+ };
8718
+ '& .SCLiveStream-skeleton-preview-root': {
8719
+ '& .SCLiveStream-skeleton-preview-content': {
8720
+ padding: any;
8721
+ };
8722
+ '& .SCLiveStream-skeleton-preview-image': {
8723
+ position: string;
8724
+ '& .MuiSkeleton-root': {
8725
+ borderRadius: string;
8726
+ };
8727
+ '& .MuiIcon-root': {
8728
+ color: any;
8729
+ position: string;
8730
+ top: string;
8731
+ left: string;
8732
+ transform: string;
8733
+ };
8734
+ };
8735
+ '& .SCBaseItem-actions': {
8736
+ maxWidth: string;
8737
+ };
8738
+ };
8739
+ '& .SCLiveStream-skeleton-snippet-root': {
8740
+ overflow: string;
8741
+ boxSizing: string;
8742
+ paddingLeft: string;
8743
+ paddingRight: string;
8744
+ '& .SCLiveStream-skeleton-snippet-image': {
8745
+ position: string;
8746
+ '& .MuiSkeleton-root': {
8747
+ borderRadius: string;
8748
+ };
8749
+ '& .MuiIcon-root': {
8750
+ color: any;
8751
+ position: string;
8752
+ top: string;
8753
+ left: string;
8754
+ transform: string;
8755
+ };
8756
+ };
8757
+ '& .SCBaseItem-actions': {
8758
+ maxWidth: string;
8759
+ };
8760
+ };
8761
+ };
8762
+ };
8763
+ };
8764
+ SCLiveStreamInfoDetails: {
8765
+ styleOverrides: {
8766
+ root: ({ theme }: {
8767
+ theme: any;
8768
+ }) => {
8769
+ /**
8770
+ * Style fragments - Imports - Start
8771
+ */
8772
+ gap: any;
8773
+ '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
8774
+ flexDirection: string;
8775
+ alignItems: string;
8776
+ gap: any;
8777
+ '& > p': {
8778
+ textTransform: string;
8779
+ };
8780
+ '& .SCLiveStreamInfoDetails-link': {
8781
+ textDecoration: string;
8782
+ color: any;
8783
+ '&:hover': {
8784
+ textDecoration: string;
8785
+ };
8786
+ '& .SCLiveStreamInfoDetails-url': {
8787
+ overflow: string;
8788
+ textOverflow: string;
8789
+ display: string;
8790
+ '-webkit-line-clamp': string;
8791
+ '-webkit-box-orient': string;
8792
+ };
8793
+ };
8794
+ '& .SCLiveStreamInfoDetails-in-progress': {
8795
+ width: string;
8796
+ height: string;
8797
+ borderRadius: string;
8798
+ backgroundColor: any;
8799
+ };
8800
+ };
8801
+ '& .SCLiveStreamInfoDetails-creation-wrapper': {
8802
+ flexDirection: string;
8803
+ alignItems: string;
8804
+ gap: any;
8805
+ };
8806
+ };
8807
+ };
8808
+ };
8809
+ SCUpScalingTierBadge: {
8810
+ styleOverrides: {
8811
+ root: ({ theme }: any) => {};
8812
+ badgeRoot: ({ theme }: any) => {
8813
+ background: string;
8814
+ borderRadius: number;
8815
+ padding: string;
8816
+ height: string;
8817
+ fontSize: number;
8818
+ };
8819
+ };
8820
+ };
8821
+ SCUserLiveStreamWidget: {
8822
+ styleOverrides: {
8823
+ root: ({ theme }: {
8824
+ theme: any;
8825
+ }) => {
8826
+ '& .SCUserLiveStreamWidget-content': {
8827
+ '& .SCUserLiveStreamWidget-header': {
8828
+ flexDirection: string;
8829
+ justifyContent: string;
8830
+ alignItems: string;
8831
+ marginBottom: any;
8832
+ '& .SCUserLiveStreamWidget-avatar-wrapper': {
8833
+ flexDirection: string;
8834
+ alignItems: string;
8835
+ color: string;
8836
+ padding: number;
8837
+ minWidth: string;
8838
+ '& .SCUserLiveStreamWidget-avatar': {
8839
+ width: any;
8840
+ height: any;
8841
+ };
8842
+ };
8843
+ '& h4': {
8844
+ marginLeft: number;
8845
+ lineHeight: string;
8846
+ };
8847
+ };
8848
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8849
+ paddingTop: any;
8850
+ gap: any;
8851
+ '& .SCUserLiveStreamWidget-live': {
8852
+ '& > div': {
8853
+ padding: string;
8854
+ '& > .SCBaseItem-content': {
8855
+ '& > .SCBaseItem-text': {
8856
+ margin: number;
8857
+ };
8482
8858
  };
8483
8859
  };
8484
8860
  };
8485
8861
  };
8486
8862
  };
8863
+ '& .SCUserLiveStreamWidget-actions': {
8864
+ padding: string;
8865
+ justifyContent: string;
8866
+ '& .SCSuggestedEventsWidget-actionButton': {
8867
+ color: any;
8868
+ };
8869
+ };
8487
8870
  };
8488
- triggerRoot: ({ isSquare }: {
8489
- isSquare: any;
8871
+ skeletonRoot: ({ theme }: {
8872
+ theme: any;
8490
8873
  }) => {
8491
- padding: 0;
8492
- borderRadius: 0;
8493
- backgroundColor: string;
8874
+ '& .SCUserLiveStreamWidget-content': {
8875
+ padding: string;
8876
+ '& .SCUserLiveStreamWidget-user': {
8877
+ marginBottom: any;
8878
+ '& > .SCBaseItem-content': {
8879
+ '& > .SCBaseItem-text': {
8880
+ margin: number;
8881
+ };
8882
+ };
8883
+ '& > .SCBaseItem-actions': {
8884
+ display: string;
8885
+ };
8886
+ };
8887
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8888
+ gap: any;
8889
+ '& .SCUserLiveStreamWidget-live': {
8890
+ '& > div': {
8891
+ padding: string;
8892
+ '& > .SCBaseItem-content': {
8893
+ '& > .SCBaseItem-text': {
8894
+ margin: number;
8895
+ };
8896
+ };
8897
+ };
8898
+ };
8899
+ };
8900
+ };
8901
+ '& .SCUserLiveStreamWidget-actions': {
8902
+ padding: string;
8903
+ justifyContent: string;
8904
+ };
8905
+ };
8906
+ dialogRoot: ({ theme }: {
8907
+ theme: any;
8908
+ }) => {
8909
+ '& .SCUserLiveStreamWidget-infinite-scroll': {
8910
+ [x: number]: {
8911
+ height: string;
8912
+ };
8913
+ height: string;
8914
+ '& .SCEvent-root': {
8915
+ width: string;
8916
+ };
8917
+ };
8918
+ };
8919
+ };
8920
+ };
8921
+ SCCreateLiveStreamDialog: {
8922
+ styleOverrides: {
8923
+ root: ({ theme }: any) => {
8924
+ '& .MuiDialogTitle-root': {
8925
+ '& span': {
8926
+ flexGrow: number;
8927
+ textAlign: string;
8928
+ };
8929
+ };
8930
+ '& .SCCreateLiveStreamDialog-root': {
8931
+ padding: any;
8932
+ };
8933
+ };
8934
+ };
8935
+ };
8936
+ SCLiveStreamSelector: {
8937
+ styleOverrides: {
8938
+ root: ({ theme }: any) => {
8939
+ '& .SCLiveStreamSelector-warning': {
8940
+ margin: any;
8941
+ "& a": {
8942
+ color: any;
8943
+ fontWeight: string;
8944
+ };
8945
+ };
8946
+ '& .SCLiveStreamSelector-options': {
8947
+ [x: number]: {
8948
+ display: string;
8949
+ };
8950
+ display: string;
8951
+ justifyContent: string;
8952
+ alignItems: string;
8953
+ '& > div': {
8954
+ [x: number]: {
8955
+ margin: string;
8956
+ marginBottom: any;
8957
+ };
8958
+ width: string;
8959
+ };
8960
+ };
8961
+ '& .SCLiveStreamSelector-actions': {
8962
+ display: string;
8963
+ justifyContent: string;
8964
+ alignItems: string;
8965
+ marginTop: any;
8966
+ };
8967
+ };
8968
+ optionCardRoot: ({ theme, selected }: any) => {
8969
+ maxWidth: number;
8970
+ height: string;
8971
+ minHeight: number;
8972
+ padding: any;
8973
+ margin: any;
8974
+ cursor: string;
8975
+ transition: any;
8976
+ backgroundColor: any;
8494
8977
  '&:hover': {
8978
+ backgroundColor: any;
8979
+ boxShadow: any;
8980
+ };
8981
+ border: string;
8982
+ "& > div": {
8983
+ display: string;
8984
+ justifyContent: string;
8985
+ alignItems: string;
8986
+ marginBottom: number;
8987
+ maxWidth: string;
8988
+ };
8989
+ "& ul": {
8990
+ marginTop: any;
8991
+ padding: number;
8992
+ listStyle: string;
8993
+ };
8994
+ };
8995
+ featureItemRoot: ({ theme, selected }: any) => {
8996
+ display: string;
8997
+ alignItems: string;
8998
+ gap: any;
8999
+ marginBottom: any;
9000
+ '&:last-child': {
9001
+ marginBottom: number;
9002
+ };
9003
+ };
9004
+ };
9005
+ };
9006
+ SCLiveStreamForm: {
9007
+ styleOverrides: {
9008
+ root: ({ theme }: any) => {
9009
+ '& .SCLiveStreamForm-cover': {
9010
+ position: string;
9011
+ height: number;
9012
+ minHeight: number;
9013
+ '& .SCEventForm-upload-event-cover-root': {
9014
+ position: string;
9015
+ right: any;
9016
+ bottom: any;
9017
+ padding: any;
9018
+ minWidth: string;
9019
+ };
9020
+ };
9021
+ "& .SCLiveStreamForm-access-view": {
9022
+ margin: any;
9023
+ };
9024
+ "& .SCLiveStreamForm-actions": {
9025
+ display: string;
9026
+ justifyContent: string;
9027
+ marginTop: any;
9028
+ };
9029
+ };
9030
+ };
9031
+ };
9032
+ SCLiveStreamFormSettings: {
9033
+ styleOverrides: {
9034
+ root: ({ theme }: any) => {
9035
+ margin: any;
9036
+ '& .SCLiveStreamFormSettings-access-view': {
9037
+ margin: any;
9038
+ width: string;
9039
+ '& .Mui-checked': {
9040
+ color: any;
9041
+ };
9042
+ };
9043
+ };
9044
+ };
9045
+ };
9046
+ SCLiveStreamRoom: {
9047
+ styleOverrides: {
9048
+ root: ({ theme }: any) => {
9049
+ width: string;
9050
+ display: string;
9051
+ justifyContent: string;
9052
+ alignContent: string;
9053
+ "& .SCLiveStreamRoom-title": {
9054
+ margin: any;
9055
+ textAlign: string;
9056
+ color: any;
9057
+ };
9058
+ "& .SCLiveStreamRoom-description": {
9059
+ backgroundColor: any;
9060
+ color: any;
9061
+ border: string;
9062
+ borderRadius: string;
9063
+ marginTop: any;
9064
+ marginBottom: any;
9065
+ padding: any;
9066
+ };
9067
+ "& .SCLiveStreamRoom-content": {
9068
+ width: string;
9069
+ };
9070
+ "& .SCLiveStreamRoom-prejoin": {
9071
+ margin: any;
9072
+ padding: any;
9073
+ display: string;
9074
+ placeItems: string;
9075
+ height: string;
9076
+ position: string;
9077
+ '& .lk-form-control': {
9078
+ display: string;
9079
+ };
9080
+ };
9081
+ "& .SCLiveStreamRoom-prejoin-loading": {
9082
+ '& .lk-prejoin': {
9083
+ opacity: number;
9084
+ };
9085
+ };
9086
+ "& .SCLiveStreamRoom-prejoin-alert": {
9087
+ backgroundColor: any;
9088
+ color: any;
9089
+ border: string;
9090
+ borderRadius: string;
9091
+ };
9092
+ "& .SCLiveStreamRoom-share-link": {
9093
+ marginTop: any;
9094
+ backgroundColor: any;
9095
+ '& textarea': {
9096
+ color: any;
9097
+ '-webkit-text-fill-color': any;
9098
+ };
9099
+ };
9100
+ "& .SCLiveStreamRoom-conference": {
9101
+ width: string;
9102
+ display: string;
9103
+ justifyContent: string;
9104
+ alignItems: string;
8495
9105
  backgroundColor: string;
8496
9106
  };
8497
- '& > .SCEventMediaWidget-trigger-content': {
9107
+ "& .SCLiveStreamRoom-prejoin-loader": {
9108
+ maxWidth: number;
9109
+ width: string;
8498
9110
  position: string;
9111
+ textAlign: string;
9112
+ '& .MuiTypography-root': {
9113
+ color: string;
9114
+ };
9115
+ };
9116
+ "& .SCLiveStreamRoom-end-prejoin-content": {
9117
+ color: any;
9118
+ display: string;
9119
+ justifyContent: string;
9120
+ alignItems: string;
9121
+ marginTop: any;
9122
+ paddingBottom: any;
9123
+ "& .SCLiveStreamRoom-end-prejoin-content-box": {
9124
+ [x: number]: {
9125
+ width: string;
9126
+ };
9127
+ width: string;
9128
+ };
9129
+ };
9130
+ '& .lk-prejoin': {
9131
+ maxWidth: number;
8499
9132
  width: string;
8500
- padding: string;
8501
- paddingBottom: string;
8502
- flexDirection: string;
8503
- gap: string;
9133
+ backgroundColor: string;
9134
+ borderRadius: any;
9135
+ };
9136
+ '& .lk-join-button': {
9137
+ backgroundColor: any;
9138
+ color: any;
9139
+ '&:hover': {
9140
+ backgroundColor: any;
9141
+ };
9142
+ };
9143
+ };
9144
+ dialogRoot: ({ theme }: any) => {
9145
+ "& .SCLiveStreamRoom-end-conference-wrap": {
9146
+ display: string;
9147
+ justifyContent: string;
8504
9148
  alignItems: string;
9149
+ alignContent: string;
9150
+ flexDirection: string;
9151
+ "& .SCLiveStreamVideoConference-btn-back-home": {
9152
+ marginTop: any;
9153
+ };
9154
+ };
9155
+ };
9156
+ };
9157
+ };
9158
+ SCLiveStreamVideoConference: {
9159
+ styleOverrides: {
9160
+ root: ({ theme }: any) => {
9161
+ height: string;
9162
+ width: string;
9163
+ overflowY: string;
9164
+ };
9165
+ dialogRoot: ({ theme }: any) => {
9166
+ "& .SCLiveStreamVideoConference-end-conference-wrap": {
9167
+ display: string;
8505
9168
  justifyContent: string;
8506
- '& > .SCEventMediaWidget-trigger-icon': {
8507
- position: string;
8508
- top: string;
8509
- transform: string;
8510
- fontSize: string;
9169
+ alignItems: string;
9170
+ alignContent: string;
9171
+ flexDirection: string;
9172
+ "& .SCLiveStreamVideoConference-logo": {
9173
+ img: {
9174
+ maxHeight: string;
9175
+ };
9176
+ };
9177
+ "& .SCLiveStreamVideoConference-btn-back-home": {
9178
+ marginTop: any;
8511
9179
  };
8512
9180
  };
8513
9181
  };