@selfcommunity/react-theme-default 0.5.0-mui7.51 → 0.5.0-mui7.53

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 (20) hide show
  1. package/lib/cjs/components/SCEvent.d.ts +2 -0
  2. package/lib/cjs/components/SCEvent.js +2 -0
  3. package/lib/cjs/components/SCEvents.d.ts +1 -11
  4. package/lib/cjs/components/SCEvents.js +2 -12
  5. package/lib/cjs/components/SCFeedObjectDetailTemplate.d.ts +25 -15
  6. package/lib/cjs/components/SCFeedObjectDetailTemplate.js +25 -15
  7. package/lib/cjs/components/SCGroups.d.ts +0 -4
  8. package/lib/cjs/components/SCGroups.js +0 -4
  9. package/lib/cjs/index.d.ts +28 -30
  10. package/lib/esm/components/SCEvent.d.ts +2 -0
  11. package/lib/esm/components/SCEvent.js +2 -0
  12. package/lib/esm/components/SCEvents.d.ts +1 -11
  13. package/lib/esm/components/SCEvents.js +2 -12
  14. package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts +25 -15
  15. package/lib/esm/components/SCFeedObjectDetailTemplate.js +25 -15
  16. package/lib/esm/components/SCGroups.d.ts +0 -4
  17. package/lib/esm/components/SCGroups.js +0 -4
  18. package/lib/esm/index.d.ts +28 -30
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/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/cjs/components/SCEvent.js CHANGED
@@ -162,6 +162,7 @@ const Component = {
162
162
  }
163
163
  }),
164
164
  skeletonRoot: ({ theme }) => ({
165
+ height: '100%',
165
166
  '& .SCEvent-skeleton-detail-root': {
166
167
  '& .SCEvent-skeleton-detail-calendar': {
167
168
  position: 'absolute',
@@ -195,6 +196,7 @@ const Component = {
195
196
  }
196
197
  },
197
198
  '& .SCEvent-skeleton-preview-root': {
199
+ minWidth: '212px',
198
200
  '& .SCEvent-skeleton-preview-content': {
199
201
  padding: theme.spacing()
200
202
  },
package/lib/cjs/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,10 +71,10 @@ declare const Component: {
81
71
  };
82
72
  skeletonRoot: ({ theme }: any) => {
83
73
  '& .SCEvents-skeleton-events': {
84
- justifyContent: string;
85
74
  marginTop: any;
86
75
  '& .SCEvents-skeleton-item': {
87
76
  paddingTop: any;
77
+ width: string;
88
78
  };
89
79
  };
90
80
  };
package/lib/cjs/components/SCEvents.js CHANGED
@@ -35,20 +35,10 @@ const Component = {
35
35
  [theme.breakpoints.down('md')]: {
36
36
  marginBottom: theme.spacing(7)
37
37
  },
38
- '& .SCEvents-item': {
39
- paddingTop: theme.spacing(2)
40
- },
41
- '& .SCEvents-item-skeleton': {
42
- paddingTop: theme.spacing(2)
43
- },
44
38
  '& .SCBaseItem-root': {
45
39
  display: 'flex',
46
40
  justifyContent: 'space-between'
47
41
  },
48
- '& .SCEvent-skeleton-preview-name': {
49
- marginTop: 6,
50
- marginBottom: 6
51
- },
52
42
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
53
43
  maxWidth: '70%'
54
44
  }
@@ -83,10 +73,10 @@ const Component = {
83
73
  }),
84
74
  skeletonRoot: ({ theme }) => ({
85
75
  '& .SCEvents-skeleton-events': {
86
- justifyContent: 'center',
87
76
  marginTop: theme.spacing(2),
88
77
  '& .SCEvents-skeleton-item': {
89
- paddingTop: theme.spacing(2)
78
+ paddingTop: theme.spacing(2),
79
+ width: '200px'
90
80
  }
91
81
  }
92
82
  }),
package/lib/cjs/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/cjs/components/SCFeedObjectDetailTemplate.js CHANGED
@@ -5,26 +5,36 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCCommentsFeedObject-root': {
7
7
  padding: theme.spacing(2, 1),
8
+ [theme.breakpoints.down('md')]: {
9
+ width: 'auto'
10
+ },
8
11
  '& .SCCommentsObject-root h6': {
9
12
  paddingLeft: theme.spacing(2)
10
13
  }
11
14
  },
12
- '& .SCFeedObject-detail': {
13
- '& .SCFeedObject-content': {
14
- '& .SCFeedObject-text-section .SCFeedObject-text': {
15
- '& span': {
16
- display: 'inline'
17
- },
18
- '& span:not(:has(+ a))': {
19
- width: '100%'
20
- },
21
- '& a': {
22
- display: 'inline-block',
23
- margin: theme.spacing(0, 0.3)
24
- },
25
- '& a:hover': {
15
+ '& .SCFeedObject-root': {
16
+ '&.SCFeedObject-detail': {
17
+ borderRadius: theme.shape.borderRadius,
18
+ [theme.breakpoints.down('md')]: {
19
+ width: 'auto',
20
+ margin: theme.spacing(0, 1)
21
+ },
22
+ '& .SCFeedObject-content': {
23
+ '& .SCFeedObject-text-section .SCFeedObject-text': {
26
24
  '& span': {
27
- textDecoration: 'underline'
25
+ display: 'inline'
26
+ },
27
+ '& span:not(:has(+ a))': {
28
+ width: '100%'
29
+ },
30
+ '& a': {
31
+ display: 'inline-block',
32
+ margin: theme.spacing(0, 0.3)
33
+ },
34
+ '& a:hover': {
35
+ '& span': {
36
+ textDecoration: 'underline'
37
+ }
28
38
  }
29
39
  }
30
40
  }
package/lib/cjs/components/SCGroups.d.ts CHANGED
@@ -24,10 +24,6 @@ declare const Component: {
24
24
  '& .SCGroups-groups': {
25
25
  marginTop: any;
26
26
  '& .SCGroups-item': {
27
- [x: number]: {
28
- padding: any;
29
- };
30
- width: string;
31
27
  '& > div': {
32
28
  cursor: string;
33
29
  padding: any;
package/lib/cjs/components/SCGroups.js CHANGED
@@ -26,10 +26,6 @@ const Component = {
26
26
  '& .SCGroups-groups': {
27
27
  marginTop: theme.spacing(2),
28
28
  '& .SCGroups-item': {
29
- [theme.breakpoints.up('md')]: {
30
- padding: theme.spacing(2)
31
- },
32
- width: 'auto',
33
29
  '& > div': {
34
30
  cursor: 'default',
35
31
  padding: theme.spacing(1)
package/lib/cjs/index.d.ts CHANGED
@@ -4725,27 +4725,37 @@ declare const theme: {
4725
4725
  styleOverrides: {
4726
4726
  root: ({ theme }: any) => {
4727
4727
  '& .SCCommentsFeedObject-root': {
4728
+ [x: number]: {
4729
+ width: string;
4730
+ };
4728
4731
  padding: any;
4729
4732
  '& .SCCommentsObject-root h6': {
4730
4733
  paddingLeft: any;
4731
4734
  };
4732
4735
  };
4733
- '& .SCFeedObject-detail': {
4734
- '& .SCFeedObject-content': {
4735
- '& .SCFeedObject-text-section .SCFeedObject-text': {
4736
- '& span': {
4737
- display: string;
4738
- };
4739
- '& span:not(:has(+ a))': {
4740
- width: string;
4741
- };
4742
- '& a': {
4743
- display: string;
4744
- margin: any;
4745
- };
4746
- '& 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': {
4747
4745
  '& span': {
4748
- 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
+ };
4749
4759
  };
4750
4760
  };
4751
4761
  };
@@ -5354,10 +5364,6 @@ declare const theme: {
5354
5364
  '& .SCGroups-groups': {
5355
5365
  marginTop: any;
5356
5366
  '& .SCGroups-item': {
5357
- [x: number]: {
5358
- padding: any;
5359
- };
5360
- width: string;
5361
5367
  '& > div': {
5362
5368
  cursor: string;
5363
5369
  padding: any;
@@ -9809,6 +9815,7 @@ declare const theme: {
9809
9815
  };
9810
9816
  };
9811
9817
  skeletonRoot: ({ theme }: any) => {
9818
+ height: string;
9812
9819
  '& .SCEvent-skeleton-detail-root': {
9813
9820
  '& .SCEvent-skeleton-detail-calendar': {
9814
9821
  position: string;
@@ -9842,6 +9849,7 @@ declare const theme: {
9842
9849
  };
9843
9850
  };
9844
9851
  '& .SCEvent-skeleton-preview-root': {
9852
+ minWidth: string;
9845
9853
  '& .SCEvent-skeleton-preview-content': {
9846
9854
  padding: any;
9847
9855
  };
@@ -9947,20 +9955,10 @@ declare const theme: {
9947
9955
  marginBottom: any;
9948
9956
  };
9949
9957
  marginTop: any;
9950
- '& .SCEvents-item': {
9951
- paddingTop: any;
9952
- };
9953
- '& .SCEvents-item-skeleton': {
9954
- paddingTop: any;
9955
- };
9956
9958
  '& .SCBaseItem-root': {
9957
9959
  display: string;
9958
9960
  justifyContent: string;
9959
9961
  };
9960
- '& .SCEvent-skeleton-preview-name': {
9961
- marginTop: number;
9962
- marginBottom: number;
9963
- };
9964
9962
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
9965
9963
  maxWidth: string;
9966
9964
  };
@@ -9995,10 +9993,10 @@ declare const theme: {
9995
9993
  };
9996
9994
  skeletonRoot: ({ theme }: any) => {
9997
9995
  '& .SCEvents-skeleton-events': {
9998
- justifyContent: string;
9999
9996
  marginTop: any;
10000
9997
  '& .SCEvents-skeleton-item': {
10001
9998
  paddingTop: any;
9999
+ width: string;
10002
10000
  };
10003
10001
  };
10004
10002
  };
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/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,10 +71,10 @@ declare const Component: {
81
71
  };
82
72
  skeletonRoot: ({ theme }: any) => {
83
73
  '& .SCEvents-skeleton-events': {
84
- justifyContent: string;
85
74
  marginTop: any;
86
75
  '& .SCEvents-skeleton-item': {
87
76
  paddingTop: any;
77
+ width: string;
88
78
  };
89
79
  };
90
80
  };
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,10 +71,10 @@ const Component = {
81
71
  }),
82
72
  skeletonRoot: ({ theme }) => ({
83
73
  '& .SCEvents-skeleton-events': {
84
- justifyContent: 'center',
85
74
  marginTop: theme.spacing(2),
86
75
  '& .SCEvents-skeleton-item': {
87
- paddingTop: theme.spacing(2)
76
+ paddingTop: theme.spacing(2),
77
+ width: '200px'
88
78
  }
89
79
  }
90
80
  }),
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
  }
package/lib/esm/components/SCGroups.d.ts CHANGED
@@ -24,10 +24,6 @@ declare const Component: {
24
24
  '& .SCGroups-groups': {
25
25
  marginTop: any;
26
26
  '& .SCGroups-item': {
27
- [x: number]: {
28
- padding: any;
29
- };
30
- width: string;
31
27
  '& > div': {
32
28
  cursor: string;
33
29
  padding: any;
package/lib/esm/components/SCGroups.js CHANGED
@@ -24,10 +24,6 @@ const Component = {
24
24
  '& .SCGroups-groups': {
25
25
  marginTop: theme.spacing(2),
26
26
  '& .SCGroups-item': {
27
- [theme.breakpoints.up('md')]: {
28
- padding: theme.spacing(2)
29
- },
30
- width: 'auto',
31
27
  '& > div': {
32
28
  cursor: 'default',
33
29
  padding: theme.spacing(1)