@selfcommunity/react-theme-default 0.5.0 → 1.0.0

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 (64) hide show
  1. package/lib/cjs/components/MuiAutocomplete.d.ts +2 -3
  2. package/lib/cjs/components/MuiSelect.d.ts +1 -2
  3. package/lib/cjs/components/SCCourseInfoDetails.d.ts +2 -2
  4. package/lib/cjs/components/SCCourseInfoDetails.js +2 -2
  5. package/lib/cjs/components/SCEvent.d.ts +2 -0
  6. package/lib/cjs/components/SCEvent.js +2 -0
  7. package/lib/cjs/components/SCEventInfoDetails.d.ts +2 -2
  8. package/lib/cjs/components/SCEventInfoDetails.js +2 -2
  9. package/lib/cjs/components/SCEventLocationWidget.d.ts +1 -1
  10. package/lib/cjs/components/SCEventLocationWidget.js +2 -2
  11. package/lib/cjs/components/SCEvents.d.ts +0 -14
  12. package/lib/cjs/components/SCEvents.js +1 -15
  13. package/lib/cjs/components/SCFeedObject.d.ts +6 -3
  14. package/lib/cjs/components/SCFeedObject.js +6 -3
  15. package/lib/cjs/components/SCFeedObjectDetailTemplate.d.ts +25 -15
  16. package/lib/cjs/components/SCFeedObjectDetailTemplate.js +25 -15
  17. package/lib/cjs/components/SCGroups.d.ts +0 -4
  18. package/lib/cjs/components/SCGroups.js +0 -4
  19. package/lib/cjs/components/SCLightbox.d.ts +3 -3
  20. package/lib/cjs/components/SCLightbox.js +3 -3
  21. package/lib/cjs/components/SCLiveStreamInfoDetails.d.ts +2 -2
  22. package/lib/cjs/components/SCLiveStreamInfoDetails.js +2 -2
  23. package/lib/cjs/components/SCLiveStreamRoom.d.ts +1 -1
  24. package/lib/cjs/components/SCLiveStreamRoom.js +1 -1
  25. package/lib/cjs/components/SCMediaFile.d.ts +6 -2
  26. package/lib/cjs/components/SCMediaFile.js +7 -3
  27. package/lib/cjs/components/SCOnBoardingWidget.d.ts +3 -3
  28. package/lib/cjs/components/SCOnBoardingWidget.js +3 -3
  29. package/lib/cjs/components/SCUserProfileTemplate.d.ts +2 -0
  30. package/lib/cjs/components/SCUserProfileTemplate.js +3 -1
  31. package/lib/cjs/index.d.ts +58 -65
  32. package/lib/esm/components/MuiAutocomplete.d.ts +2 -3
  33. package/lib/esm/components/MuiSelect.d.ts +1 -2
  34. package/lib/esm/components/SCCourseInfoDetails.d.ts +2 -2
  35. package/lib/esm/components/SCCourseInfoDetails.js +2 -2
  36. package/lib/esm/components/SCEvent.d.ts +2 -0
  37. package/lib/esm/components/SCEvent.js +2 -0
  38. package/lib/esm/components/SCEventInfoDetails.d.ts +2 -2
  39. package/lib/esm/components/SCEventInfoDetails.js +2 -2
  40. package/lib/esm/components/SCEventLocationWidget.d.ts +1 -1
  41. package/lib/esm/components/SCEventLocationWidget.js +2 -2
  42. package/lib/esm/components/SCEvents.d.ts +0 -14
  43. package/lib/esm/components/SCEvents.js +1 -15
  44. package/lib/esm/components/SCFeedObject.d.ts +6 -3
  45. package/lib/esm/components/SCFeedObject.js +6 -3
  46. package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts +25 -15
  47. package/lib/esm/components/SCFeedObjectDetailTemplate.js +25 -15
  48. package/lib/esm/components/SCGroups.d.ts +0 -4
  49. package/lib/esm/components/SCGroups.js +0 -4
  50. package/lib/esm/components/SCLightbox.d.ts +3 -3
  51. package/lib/esm/components/SCLightbox.js +3 -3
  52. package/lib/esm/components/SCLiveStreamInfoDetails.d.ts +2 -2
  53. package/lib/esm/components/SCLiveStreamInfoDetails.js +2 -2
  54. package/lib/esm/components/SCLiveStreamRoom.d.ts +1 -1
  55. package/lib/esm/components/SCLiveStreamRoom.js +1 -1
  56. package/lib/esm/components/SCMediaFile.d.ts +6 -2
  57. package/lib/esm/components/SCMediaFile.js +7 -3
  58. package/lib/esm/components/SCOnBoardingWidget.d.ts +3 -3
  59. package/lib/esm/components/SCOnBoardingWidget.js +3 -3
  60. package/lib/esm/components/SCUserProfileTemplate.d.ts +2 -0
  61. package/lib/esm/components/SCUserProfileTemplate.js +3 -1
  62. package/lib/esm/index.d.ts +58 -65
  63. package/lib/umd/react-theme-default.js +1 -1
  64. package/package.json +10 -11
package/lib/cjs/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './fonts/community-icons.css';
3
2
  import './styles/reset.css';
4
3
  /**
@@ -78,8 +77,8 @@ declare const theme: {
78
77
  };
79
78
  MuiAutocomplete: {
80
79
  defaultProps: {
81
- clearIcon: JSX.Element;
82
- popupIcon: JSX.Element;
80
+ clearIcon: import("react/jsx-runtime").JSX.Element;
81
+ popupIcon: import("react/jsx-runtime").JSX.Element;
83
82
  };
84
83
  };
85
84
  MuiAvatar: {
@@ -225,7 +224,7 @@ declare const theme: {
225
224
  defaultProps: {
226
225
  IconComponent: ({ className }: {
227
226
  className: any;
228
- }) => JSX.Element;
227
+ }) => import("react/jsx-runtime").JSX.Element;
229
228
  };
230
229
  };
231
230
  MuiTooltip: {
@@ -2921,9 +2920,6 @@ declare const theme: {
2921
2920
  root: ({ theme }: {
2922
2921
  theme: any;
2923
2922
  }) => {
2924
- /**
2925
- * Style fragments - Imports - Start
2926
- */
2927
2923
  gap: any;
2928
2924
  '& .SCCourseInfoDetails-icon-text-wrapper': {
2929
2925
  flexDirection: string;
@@ -2942,8 +2938,8 @@ declare const theme: {
2942
2938
  overflow: string;
2943
2939
  textOverflow: string;
2944
2940
  display: string;
2945
- '-webkit-line-clamp': string;
2946
- '-webkit-box-orient': string;
2941
+ WebkitLineClamp: string;
2942
+ WebkitBoxOrient: string;
2947
2943
  };
2948
2944
  };
2949
2945
  '& .SCCourseInfoDetails-in-progress': {
@@ -4156,9 +4152,12 @@ declare const theme: {
4156
4152
  };
4157
4153
  };
4158
4154
  '& .SCFeedObject-tag, & .SCFeedObject-location': {
4159
- '& .MuiIcon-root': {
4160
- fontSize: string;
4161
- color: string;
4155
+ '& .MuiBox-root': {
4156
+ lineHeight: number;
4157
+ '& .MuiIcon-root': {
4158
+ fontSize: string;
4159
+ color: string;
4160
+ };
4162
4161
  };
4163
4162
  };
4164
4163
  };
@@ -4404,9 +4403,6 @@ declare const theme: {
4404
4403
  '& .SCCommentObject-skeleton-root': {
4405
4404
  background: string;
4406
4405
  marginTop: number;
4407
- /**
4408
- * Style assets - Imports - Start
4409
- */
4410
4406
  marginBottom: string;
4411
4407
  '& .SCBaseItem-text': {
4412
4408
  '& .SCWidget-root': {
@@ -4729,27 +4725,37 @@ declare const theme: {
4729
4725
  styleOverrides: {
4730
4726
  root: ({ theme }: any) => {
4731
4727
  '& .SCCommentsFeedObject-root': {
4728
+ [x: number]: {
4729
+ width: string;
4730
+ };
4732
4731
  padding: any;
4733
4732
  '& .SCCommentsObject-root h6': {
4734
4733
  paddingLeft: any;
4735
4734
  };
4736
4735
  };
4737
- '& .SCFeedObject-detail': {
4738
- '& .SCFeedObject-content': {
4739
- '& .SCFeedObject-text-section .SCFeedObject-text': {
4740
- '& span': {
4741
- display: string;
4742
- };
4743
- '& span:not(:has(+ a))': {
4744
- width: string;
4745
- };
4746
- '& a': {
4747
- display: string;
4748
- margin: any;
4749
- };
4750
- '& a:hover': {
4736
+ '& .SCFeedObject-root': {
4737
+ '&.SCFeedObject-detail': {
4738
+ [x: number]: {
4739
+ width: string;
4740
+ margin: any;
4741
+ };
4742
+ borderRadius: any;
4743
+ '& .SCFeedObject-content': {
4744
+ '& .SCFeedObject-text-section .SCFeedObject-text': {
4751
4745
  '& span': {
4752
- textDecoration: string;
4746
+ display: string;
4747
+ };
4748
+ '& span:not(:has(+ a))': {
4749
+ width: string;
4750
+ };
4751
+ '& a': {
4752
+ display: string;
4753
+ margin: any;
4754
+ };
4755
+ '& a:hover': {
4756
+ '& span': {
4757
+ textDecoration: string;
4758
+ };
4753
4759
  };
4754
4760
  };
4755
4761
  };
@@ -5358,10 +5364,6 @@ declare const theme: {
5358
5364
  '& .SCGroups-groups': {
5359
5365
  marginTop: any;
5360
5366
  '& .SCGroups-item': {
5361
- [x: number]: {
5362
- padding: any;
5363
- };
5364
- width: string;
5365
5367
  '& > div': {
5366
5368
  cursor: string;
5367
5369
  padding: any;
@@ -6096,11 +6098,11 @@ declare const theme: {
6096
6098
  width: string;
6097
6099
  zIndex: number;
6098
6100
  "& .PhotoView__Spinner": {
6099
- '-webkit-animation': string;
6101
+ WebkitAnimation: string;
6100
6102
  animation: string;
6101
6103
  };
6102
6104
  "& .PhotoView__Spinner svg": {
6103
- '-webkit-animation': string;
6105
+ WebkitAnimation: string;
6104
6106
  animation: string;
6105
6107
  };
6106
6108
  "& .PhotoView__Photo": {
@@ -6162,7 +6164,7 @@ declare const theme: {
6162
6164
  zIndex: number;
6163
6165
  };
6164
6166
  "& .PhotoView-Slider__fadeIn": {
6165
- '-webkit-animation': string;
6167
+ WebkitAnimation: string;
6166
6168
  animation: string;
6167
6169
  opacity: number;
6168
6170
  };
@@ -6635,6 +6637,7 @@ declare const theme: {
6635
6637
  flexBasis: number;
6636
6638
  flexGrow: number;
6637
6639
  flexShrink: number;
6640
+ cursor: string;
6638
6641
  '& .SCMediaFile-title': {
6639
6642
  position: string;
6640
6643
  left: any;
@@ -6671,6 +6674,9 @@ declare const theme: {
6671
6674
  display: string;
6672
6675
  flexDirection: string;
6673
6676
  gap: any;
6677
+ '& > .SCMediaFile-doc': {
6678
+ cursor: string;
6679
+ };
6674
6680
  };
6675
6681
  };
6676
6682
  triggerRoot: () => {};
@@ -6701,8 +6707,8 @@ declare const theme: {
6701
6707
  '& .SCMediaFile-title': {
6702
6708
  textAlign: string;
6703
6709
  display: string;
6704
- '-webkit-line-clamp': string;
6705
- '-webkit-box-orient': string;
6710
+ WebkitLineClamp: string;
6711
+ WebkitBoxOrient: string;
6706
6712
  overflow: string;
6707
6713
  };
6708
6714
  '& .SCMediaFile-subtitle': {
@@ -7620,7 +7626,7 @@ declare const theme: {
7620
7626
  '&::-webkit-scrollbar': {
7621
7627
  display: string;
7622
7628
  };
7623
- '-webkit-overflow-scrolling': string;
7629
+ WebkitOverflowScrolling: string;
7624
7630
  '& .MuiButtonBase-root, .MuiListItem-root': {
7625
7631
  marginRight: any;
7626
7632
  padding: number;
@@ -7650,7 +7656,7 @@ declare const theme: {
7650
7656
  };
7651
7657
  };
7652
7658
  };
7653
- dialogRoot: ({ theme }: any) => {
7659
+ dialogRoot: () => {
7654
7660
  '& .SCOnBoardingWidget-dialog-content': {
7655
7661
  whiteSpace: string;
7656
7662
  fontSize: string;
@@ -7665,7 +7671,7 @@ declare const theme: {
7665
7671
  };
7666
7672
  };
7667
7673
  };
7668
- actionsDrawerRoot: ({ theme }: any) => {};
7674
+ actionsDrawerRoot: () => {};
7669
7675
  accordionRoot: ({ theme, expanded }: any) => {
7670
7676
  boxShadow: string;
7671
7677
  '& .MuiAccordionDetails-root ': {
@@ -9409,6 +9415,8 @@ declare const theme: {
9409
9415
  marginTop: any;
9410
9416
  marginLeft: any;
9411
9417
  justifyContent: string;
9418
+ flexWrap: string;
9419
+ gap: any;
9412
9420
  };
9413
9421
  '& .SCUserProfileTemplate-counters': {
9414
9422
  [x: number]: {
@@ -9632,7 +9640,7 @@ declare const theme: {
9632
9640
  };
9633
9641
  '& .SCEventLocationWidget-map': {
9634
9642
  marginBottom: any;
9635
- minHeight: number;
9643
+ height: number;
9636
9644
  width: string;
9637
9645
  };
9638
9646
  };
@@ -9807,6 +9815,7 @@ declare const theme: {
9807
9815
  };
9808
9816
  };
9809
9817
  skeletonRoot: ({ theme }: any) => {
9818
+ height: string;
9810
9819
  '& .SCEvent-skeleton-detail-root': {
9811
9820
  '& .SCEvent-skeleton-detail-calendar': {
9812
9821
  position: string;
@@ -9840,6 +9849,7 @@ declare const theme: {
9840
9849
  };
9841
9850
  };
9842
9851
  '& .SCEvent-skeleton-preview-root': {
9852
+ minWidth: string;
9843
9853
  '& .SCEvent-skeleton-preview-content': {
9844
9854
  padding: any;
9845
9855
  };
@@ -9945,20 +9955,10 @@ declare const theme: {
9945
9955
  marginBottom: any;
9946
9956
  };
9947
9957
  marginTop: any;
9948
- '& .SCEvents-item': {
9949
- paddingTop: any;
9950
- };
9951
- '& .SCEvents-item-skeleton': {
9952
- paddingTop: any;
9953
- };
9954
9958
  '& .SCBaseItem-root': {
9955
9959
  display: string;
9956
9960
  justifyContent: string;
9957
9961
  };
9958
- '& .SCEvent-skeleton-preview-name': {
9959
- marginTop: number;
9960
- marginBottom: number;
9961
- };
9962
9962
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
9963
9963
  maxWidth: string;
9964
9964
  };
@@ -9993,11 +9993,7 @@ declare const theme: {
9993
9993
  };
9994
9994
  skeletonRoot: ({ theme }: any) => {
9995
9995
  '& .SCEvents-skeleton-events': {
9996
- justifyContent: string;
9997
9996
  marginTop: any;
9998
- '& .SCEvents-skeleton-item': {
9999
- paddingTop: any;
10000
- };
10001
9997
  };
10002
9998
  };
10003
9999
  eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
@@ -10282,8 +10278,8 @@ declare const theme: {
10282
10278
  overflow: string;
10283
10279
  textOverflow: string;
10284
10280
  display: string;
10285
- '-webkit-line-clamp': string;
10286
- '-webkit-box-orient': string;
10281
+ WebkitLineClamp: string;
10282
+ WebkitBoxOrient: string;
10287
10283
  };
10288
10284
  };
10289
10285
  '& .SCEventInfoDetails-join-live': {
@@ -11345,9 +11341,6 @@ declare const theme: {
11345
11341
  root: ({ theme }: {
11346
11342
  theme: any;
11347
11343
  }) => {
11348
- /**
11349
- * Style fragments - Imports - Start
11350
- */
11351
11344
  gap: any;
11352
11345
  '& .SCLiveStreamInfoDetails-icon-text-wrapper': {
11353
11346
  flexDirection: string;
@@ -11366,8 +11359,8 @@ declare const theme: {
11366
11359
  overflow: string;
11367
11360
  textOverflow: string;
11368
11361
  display: string;
11369
- '-webkit-line-clamp': string;
11370
- '-webkit-box-orient': string;
11362
+ WebkitLineClamp: string;
11363
+ WebkitBoxOrient: string;
11371
11364
  };
11372
11365
  };
11373
11366
  '& .SCLiveStreamInfoDetails-in-progress': {
@@ -11695,7 +11688,7 @@ declare const theme: {
11695
11688
  backgroundColor: any;
11696
11689
  '& textarea': {
11697
11690
  color: any;
11698
- '-webkit-text-fill-color': any;
11691
+ WebkitTextFillColor: any;
11699
11692
  };
11700
11693
  };
11701
11694
  "& .SCLiveStreamRoom-conference": {
package/lib/esm/components/MuiAutocomplete.d.ts CHANGED
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
1
  declare const Component: {
3
2
  defaultProps: {
4
- clearIcon: JSX.Element;
5
- popupIcon: JSX.Element;
3
+ clearIcon: import("react/jsx-runtime").JSX.Element;
4
+ popupIcon: import("react/jsx-runtime").JSX.Element;
6
5
  };
7
6
  };
8
7
  export default Component;
package/lib/esm/components/MuiSelect.d.ts CHANGED
@@ -1,9 +1,8 @@
1
- /// <reference types="react" />
2
1
  declare const Component: {
3
2
  defaultProps: {
4
3
  IconComponent: ({ className }: {
5
4
  className: any;
6
- }) => JSX.Element;
5
+ }) => import("react/jsx-runtime").JSX.Element;
7
6
  };
8
7
  };
9
8
  export default Component;
package/lib/esm/components/SCCourseInfoDetails.d.ts CHANGED
@@ -21,8 +21,8 @@ declare const Component: {
21
21
  overflow: string;
22
22
  textOverflow: string;
23
23
  display: string;
24
- '-webkit-line-clamp': string;
25
- '-webkit-box-orient': string;
24
+ WebkitLineClamp: string;
25
+ WebkitBoxOrient: string;
26
26
  };
27
27
  };
28
28
  '& .SCCourseInfoDetails-in-progress': {
package/lib/esm/components/SCCourseInfoDetails.js CHANGED
@@ -19,8 +19,8 @@ const Component = {
19
19
  overflow: 'hidden',
20
20
  textOverflow: 'ellipsis',
21
21
  display: '-webkit-box',
22
- '-webkit-line-clamp': '1',
23
- '-webkit-box-orient': 'vertical'
22
+ WebkitLineClamp: '1',
23
+ WebkitBoxOrient: 'vertical'
24
24
  }
25
25
  },
26
26
  '& .SCCourseInfoDetails-in-progress': {
package/lib/esm/components/SCEvent.d.ts CHANGED
@@ -160,6 +160,7 @@ declare const Component: {
160
160
  };
161
161
  };
162
162
  skeletonRoot: ({ theme }: any) => {
163
+ height: string;
163
164
  '& .SCEvent-skeleton-detail-root': {
164
165
  '& .SCEvent-skeleton-detail-calendar': {
165
166
  position: string;
@@ -193,6 +194,7 @@ declare const Component: {
193
194
  };
194
195
  };
195
196
  '& .SCEvent-skeleton-preview-root': {
197
+ minWidth: string;
196
198
  '& .SCEvent-skeleton-preview-content': {
197
199
  padding: any;
198
200
  };
package/lib/esm/components/SCEvent.js CHANGED
@@ -160,6 +160,7 @@ const Component = {
160
160
  }
161
161
  }),
162
162
  skeletonRoot: ({ theme }) => ({
163
+ height: '100%',
163
164
  '& .SCEvent-skeleton-detail-root': {
164
165
  '& .SCEvent-skeleton-detail-calendar': {
165
166
  position: 'absolute',
@@ -193,6 +194,7 @@ const Component = {
193
194
  }
194
195
  },
195
196
  '& .SCEvent-skeleton-preview-root': {
197
+ minWidth: '212px',
196
198
  '& .SCEvent-skeleton-preview-content': {
197
199
  padding: theme.spacing()
198
200
  },
package/lib/esm/components/SCEventInfoDetails.d.ts CHANGED
@@ -21,8 +21,8 @@ declare const Component: {
21
21
  overflow: string;
22
22
  textOverflow: string;
23
23
  display: string;
24
- '-webkit-line-clamp': string;
25
- '-webkit-box-orient': string;
24
+ WebkitLineClamp: string;
25
+ WebkitBoxOrient: string;
26
26
  };
27
27
  };
28
28
  '& .SCEventInfoDetails-join-live': {
package/lib/esm/components/SCEventInfoDetails.js CHANGED
@@ -19,8 +19,8 @@ const Component = {
19
19
  overflow: 'hidden',
20
20
  textOverflow: 'ellipsis',
21
21
  display: '-webkit-box',
22
- '-webkit-line-clamp': '1',
23
- '-webkit-box-orient': 'vertical'
22
+ WebkitLineClamp: '1',
23
+ WebkitBoxOrient: 'vertical'
24
24
  }
25
25
  },
26
26
  '& .SCEventInfoDetails-join-live': {
package/lib/esm/components/SCEventLocationWidget.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const Component: {
6
6
  };
7
7
  '& .SCEventLocationWidget-map': {
8
8
  marginBottom: any;
9
- minHeight: number;
9
+ height: number;
10
10
  width: string;
11
11
  };
12
12
  };
package/lib/esm/components/SCEventLocationWidget.js CHANGED
@@ -7,8 +7,8 @@ const Component = {
7
7
  },
8
8
  '& .SCEventLocationWidget-map': {
9
9
  marginBottom: theme.spacing(1),
10
- minHeight: 248,
11
- width: '100%'
10
+ height: 300,
11
+ width: '100%',
12
12
  }
13
13
  }),
14
14
  skeletonRoot: ({ theme }) => ({
package/lib/esm/components/SCEvents.d.ts CHANGED
@@ -33,20 +33,10 @@ declare const Component: {
33
33
  marginBottom: any;
34
34
  };
35
35
  marginTop: any;
36
- '& .SCEvents-item': {
37
- paddingTop: any;
38
- };
39
- '& .SCEvents-item-skeleton': {
40
- paddingTop: any;
41
- };
42
36
  '& .SCBaseItem-root': {
43
37
  display: string;
44
38
  justifyContent: string;
45
39
  };
46
- '& .SCEvent-skeleton-preview-name': {
47
- marginTop: number;
48
- marginBottom: number;
49
- };
50
40
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
51
41
  maxWidth: string;
52
42
  };
@@ -81,11 +71,7 @@ declare const Component: {
81
71
  };
82
72
  skeletonRoot: ({ theme }: any) => {
83
73
  '& .SCEvents-skeleton-events': {
84
- justifyContent: string;
85
74
  marginTop: any;
86
- '& .SCEvents-skeleton-item': {
87
- paddingTop: any;
88
- };
89
75
  };
90
76
  };
91
77
  eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
package/lib/esm/components/SCEvents.js CHANGED
@@ -33,20 +33,10 @@ const Component = {
33
33
  [theme.breakpoints.down('md')]: {
34
34
  marginBottom: theme.spacing(7)
35
35
  },
36
- '& .SCEvents-item': {
37
- paddingTop: theme.spacing(2)
38
- },
39
- '& .SCEvents-item-skeleton': {
40
- paddingTop: theme.spacing(2)
41
- },
42
36
  '& .SCBaseItem-root': {
43
37
  display: 'flex',
44
38
  justifyContent: 'space-between'
45
39
  },
46
- '& .SCEvent-skeleton-preview-name': {
47
- marginTop: 6,
48
- marginBottom: 6
49
- },
50
40
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
51
41
  maxWidth: '70%'
52
42
  }
@@ -81,11 +71,7 @@ const Component = {
81
71
  }),
82
72
  skeletonRoot: ({ theme }) => ({
83
73
  '& .SCEvents-skeleton-events': {
84
- justifyContent: 'center',
85
- marginTop: theme.spacing(2),
86
- '& .SCEvents-skeleton-item': {
87
- paddingTop: theme.spacing(2)
88
- }
74
+ marginTop: theme.spacing(2)
89
75
  }
90
76
  }),
91
77
  eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }) => ({
package/lib/esm/components/SCFeedObject.d.ts CHANGED
@@ -201,9 +201,12 @@ declare const Component: {
201
201
  };
202
202
  };
203
203
  '& .SCFeedObject-tag, & .SCFeedObject-location': {
204
- '& .MuiIcon-root': {
205
- fontSize: string;
206
- color: string;
204
+ '& .MuiBox-root': {
205
+ lineHeight: number;
206
+ '& .MuiIcon-root': {
207
+ fontSize: string;
208
+ color: string;
209
+ };
207
210
  };
208
211
  };
209
212
  };
package/lib/esm/components/SCFeedObject.js CHANGED
@@ -202,9 +202,12 @@ const Component = {
202
202
  }
203
203
  },
204
204
  '& .SCFeedObject-tag, & .SCFeedObject-location': {
205
- '& .MuiIcon-root': {
206
- fontSize: '1rem',
207
- color: 'inherit'
205
+ '& .MuiBox-root': {
206
+ lineHeight: 1,
207
+ '& .MuiIcon-root': {
208
+ fontSize: '1rem',
209
+ color: 'inherit'
210
+ }
208
211
  }
209
212
  }
210
213
  }
package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts CHANGED
@@ -2,27 +2,37 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCCommentsFeedObject-root': {
5
+ [x: number]: {
6
+ width: string;
7
+ };
5
8
  padding: any;
6
9
  '& .SCCommentsObject-root h6': {
7
10
  paddingLeft: any;
8
11
  };
9
12
  };
10
- '& .SCFeedObject-detail': {
11
- '& .SCFeedObject-content': {
12
- '& .SCFeedObject-text-section .SCFeedObject-text': {
13
- '& span': {
14
- display: string;
15
- };
16
- '& span:not(:has(+ a))': {
17
- width: string;
18
- };
19
- '& a': {
20
- display: string;
21
- margin: any;
22
- };
23
- '& a:hover': {
13
+ '& .SCFeedObject-root': {
14
+ '&.SCFeedObject-detail': {
15
+ [x: number]: {
16
+ width: string;
17
+ margin: any;
18
+ };
19
+ borderRadius: any;
20
+ '& .SCFeedObject-content': {
21
+ '& .SCFeedObject-text-section .SCFeedObject-text': {
24
22
  '& span': {
25
- textDecoration: string;
23
+ display: string;
24
+ };
25
+ '& span:not(:has(+ a))': {
26
+ width: string;
27
+ };
28
+ '& a': {
29
+ display: string;
30
+ margin: any;
31
+ };
32
+ '& a:hover': {
33
+ '& span': {
34
+ textDecoration: string;
35
+ };
26
36
  };
27
37
  };
28
38
  };
package/lib/esm/components/SCFeedObjectDetailTemplate.js CHANGED
@@ -3,26 +3,36 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCCommentsFeedObject-root': {
5
5
  padding: theme.spacing(2, 1),
6
+ [theme.breakpoints.down('md')]: {
7
+ width: 'auto'
8
+ },
6
9
  '& .SCCommentsObject-root h6': {
7
10
  paddingLeft: theme.spacing(2)
8
11
  }
9
12
  },
10
- '& .SCFeedObject-detail': {
11
- '& .SCFeedObject-content': {
12
- '& .SCFeedObject-text-section .SCFeedObject-text': {
13
- '& span': {
14
- display: 'inline'
15
- },
16
- '& span:not(:has(+ a))': {
17
- width: '100%'
18
- },
19
- '& a': {
20
- display: 'inline-block',
21
- margin: theme.spacing(0, 0.3)
22
- },
23
- '& a:hover': {
13
+ '& .SCFeedObject-root': {
14
+ '&.SCFeedObject-detail': {
15
+ borderRadius: theme.shape.borderRadius,
16
+ [theme.breakpoints.down('md')]: {
17
+ width: 'auto',
18
+ margin: theme.spacing(0, 1)
19
+ },
20
+ '& .SCFeedObject-content': {
21
+ '& .SCFeedObject-text-section .SCFeedObject-text': {
24
22
  '& span': {
25
- textDecoration: 'underline'
23
+ display: 'inline'
24
+ },
25
+ '& span:not(:has(+ a))': {
26
+ width: '100%'
27
+ },
28
+ '& a': {
29
+ display: 'inline-block',
30
+ margin: theme.spacing(0, 0.3)
31
+ },
32
+ '& a:hover': {
33
+ '& span': {
34
+ textDecoration: 'underline'
35
+ }
26
36
  }
27
37
  }
28
38
  }