@selfcommunity/react-theme-default 0.5.0-mui7.52 → 0.5.0-mui7.54

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 +0 -7
  4. package/lib/cjs/components/SCEvents.js +1 -8
  5. package/lib/cjs/components/SCFeedObjectDetailTemplate.d.ts +22 -19
  6. package/lib/cjs/components/SCFeedObjectDetailTemplate.js +22 -19
  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 +24 -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 +0 -7
  13. package/lib/esm/components/SCEvents.js +1 -8
  14. package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts +22 -19
  15. package/lib/esm/components/SCFeedObjectDetailTemplate.js +22 -19
  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 +24 -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,12 +33,6 @@ 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;
@@ -80,7 +74,6 @@ declare const Component: {
80
74
  marginTop: any;
81
75
  '& .SCEvents-skeleton-item': {
82
76
  paddingTop: any;
83
- width: string;
84
77
  };
85
78
  };
86
79
  };
package/lib/cjs/components/SCEvents.js CHANGED
@@ -35,12 +35,6 @@ 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'
@@ -81,8 +75,7 @@ const Component = {
81
75
  '& .SCEvents-skeleton-events': {
82
76
  marginTop: theme.spacing(2),
83
77
  '& .SCEvents-skeleton-item': {
84
- paddingTop: theme.spacing(2),
85
- width: '200px'
78
+ paddingTop: theme.spacing(2)
86
79
  }
87
80
  }
88
81
  }),
package/lib/cjs/components/SCFeedObjectDetailTemplate.d.ts CHANGED
@@ -10,26 +10,29 @@ declare const Component: {
10
10
  paddingLeft: any;
11
11
  };
12
12
  };
13
- '& .SCFeedObject-detail': {
14
- [x: number]: {
15
- width: string;
16
- margin: any;
17
- };
18
- '& .SCFeedObject-content': {
19
- '& .SCFeedObject-text-section .SCFeedObject-text': {
20
- '& span': {
21
- display: string;
22
- };
23
- '& span:not(:has(+ a))': {
24
- width: string;
25
- };
26
- '& a': {
27
- display: string;
28
- margin: any;
29
- };
30
- '& 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': {
31
22
  '& span': {
32
- 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
+ };
33
36
  };
34
37
  };
35
38
  };
package/lib/cjs/components/SCFeedObjectDetailTemplate.js CHANGED
@@ -12,26 +12,29 @@ const Component = {
12
12
  paddingLeft: theme.spacing(2)
13
13
  }
14
14
  },
15
- '& .SCFeedObject-detail': {
16
- [theme.breakpoints.down('md')]: {
17
- width: 'auto',
18
- margin: theme.spacing(0, 1)
19
- },
20
- '& .SCFeedObject-content': {
21
- '& .SCFeedObject-text-section .SCFeedObject-text': {
22
- '& span': {
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': {
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': {
33
24
  '& span': {
34
- 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
+ }
35
38
  }
36
39
  }
37
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
@@ -4733,26 +4733,29 @@ declare const theme: {
4733
4733
  paddingLeft: any;
4734
4734
  };
4735
4735
  };
4736
- '& .SCFeedObject-detail': {
4737
- [x: number]: {
4738
- width: string;
4739
- margin: any;
4740
- };
4741
- '& .SCFeedObject-content': {
4742
- '& .SCFeedObject-text-section .SCFeedObject-text': {
4743
- '& span': {
4744
- display: string;
4745
- };
4746
- '& span:not(:has(+ a))': {
4747
- width: string;
4748
- };
4749
- '& a': {
4750
- display: string;
4751
- margin: any;
4752
- };
4753
- '& 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': {
4754
4745
  '& span': {
4755
- 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
+ };
4756
4759
  };
4757
4760
  };
4758
4761
  };
@@ -5361,10 +5364,6 @@ declare const theme: {
5361
5364
  '& .SCGroups-groups': {
5362
5365
  marginTop: any;
5363
5366
  '& .SCGroups-item': {
5364
- [x: number]: {
5365
- padding: any;
5366
- };
5367
- width: string;
5368
5367
  '& > div': {
5369
5368
  cursor: string;
5370
5369
  padding: any;
@@ -9816,6 +9815,7 @@ declare const theme: {
9816
9815
  };
9817
9816
  };
9818
9817
  skeletonRoot: ({ theme }: any) => {
9818
+ height: string;
9819
9819
  '& .SCEvent-skeleton-detail-root': {
9820
9820
  '& .SCEvent-skeleton-detail-calendar': {
9821
9821
  position: string;
@@ -9849,6 +9849,7 @@ declare const theme: {
9849
9849
  };
9850
9850
  };
9851
9851
  '& .SCEvent-skeleton-preview-root': {
9852
+ minWidth: string;
9852
9853
  '& .SCEvent-skeleton-preview-content': {
9853
9854
  padding: any;
9854
9855
  };
@@ -9954,12 +9955,6 @@ declare const theme: {
9954
9955
  marginBottom: any;
9955
9956
  };
9956
9957
  marginTop: any;
9957
- '& .SCEvents-item': {
9958
- paddingTop: any;
9959
- };
9960
- '& .SCEvents-item-skeleton': {
9961
- paddingTop: any;
9962
- };
9963
9958
  '& .SCBaseItem-root': {
9964
9959
  display: string;
9965
9960
  justifyContent: string;
@@ -10001,7 +9996,6 @@ declare const theme: {
10001
9996
  marginTop: any;
10002
9997
  '& .SCEvents-skeleton-item': {
10003
9998
  paddingTop: any;
10004
- width: string;
10005
9999
  };
10006
10000
  };
10007
10001
  };
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,12 +33,6 @@ 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;
@@ -80,7 +74,6 @@ declare const Component: {
80
74
  marginTop: any;
81
75
  '& .SCEvents-skeleton-item': {
82
76
  paddingTop: any;
83
- width: string;
84
77
  };
85
78
  };
86
79
  };
package/lib/esm/components/SCEvents.js CHANGED
@@ -33,12 +33,6 @@ 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'
@@ -79,8 +73,7 @@ const Component = {
79
73
  '& .SCEvents-skeleton-events': {
80
74
  marginTop: theme.spacing(2),
81
75
  '& .SCEvents-skeleton-item': {
82
- paddingTop: theme.spacing(2),
83
- width: '200px'
76
+ paddingTop: theme.spacing(2)
84
77
  }
85
78
  }
86
79
  }),
package/lib/esm/components/SCFeedObjectDetailTemplate.d.ts CHANGED
@@ -10,26 +10,29 @@ declare const Component: {
10
10
  paddingLeft: any;
11
11
  };
12
12
  };
13
- '& .SCFeedObject-detail': {
14
- [x: number]: {
15
- width: string;
16
- margin: any;
17
- };
18
- '& .SCFeedObject-content': {
19
- '& .SCFeedObject-text-section .SCFeedObject-text': {
20
- '& span': {
21
- display: string;
22
- };
23
- '& span:not(:has(+ a))': {
24
- width: string;
25
- };
26
- '& a': {
27
- display: string;
28
- margin: any;
29
- };
30
- '& 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': {
31
22
  '& span': {
32
- 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
+ };
33
36
  };
34
37
  };
35
38
  };
package/lib/esm/components/SCFeedObjectDetailTemplate.js CHANGED
@@ -10,26 +10,29 @@ const Component = {
10
10
  paddingLeft: theme.spacing(2)
11
11
  }
12
12
  },
13
- '& .SCFeedObject-detail': {
14
- [theme.breakpoints.down('md')]: {
15
- width: 'auto',
16
- margin: theme.spacing(0, 1)
17
- },
18
- '& .SCFeedObject-content': {
19
- '& .SCFeedObject-text-section .SCFeedObject-text': {
20
- '& span': {
21
- display: 'inline'
22
- },
23
- '& span:not(:has(+ a))': {
24
- width: '100%'
25
- },
26
- '& a': {
27
- display: 'inline-block',
28
- margin: theme.spacing(0, 0.3)
29
- },
30
- '& 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': {
31
22
  '& span': {
32
- 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
+ }
33
36
  }
34
37
  }
35
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)
package/lib/esm/index.d.ts CHANGED
@@ -4733,26 +4733,29 @@ declare const theme: {
4733
4733
  paddingLeft: any;
4734
4734
  };
4735
4735
  };
4736
- '& .SCFeedObject-detail': {
4737
- [x: number]: {
4738
- width: string;
4739
- margin: any;
4740
- };
4741
- '& .SCFeedObject-content': {
4742
- '& .SCFeedObject-text-section .SCFeedObject-text': {
4743
- '& span': {
4744
- display: string;
4745
- };
4746
- '& span:not(:has(+ a))': {
4747
- width: string;
4748
- };
4749
- '& a': {
4750
- display: string;
4751
- margin: any;
4752
- };
4753
- '& 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': {
4754
4745
  '& span': {
4755
- 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
+ };
4756
4759
  };
4757
4760
  };
4758
4761
  };
@@ -5361,10 +5364,6 @@ declare const theme: {
5361
5364
  '& .SCGroups-groups': {
5362
5365
  marginTop: any;
5363
5366
  '& .SCGroups-item': {
5364
- [x: number]: {
5365
- padding: any;
5366
- };
5367
- width: string;
5368
5367
  '& > div': {
5369
5368
  cursor: string;
5370
5369
  padding: any;
@@ -9816,6 +9815,7 @@ declare const theme: {
9816
9815
  };
9817
9816
  };
9818
9817
  skeletonRoot: ({ theme }: any) => {
9818
+ height: string;
9819
9819
  '& .SCEvent-skeleton-detail-root': {
9820
9820
  '& .SCEvent-skeleton-detail-calendar': {
9821
9821
  position: string;
@@ -9849,6 +9849,7 @@ declare const theme: {
9849
9849
  };
9850
9850
  };
9851
9851
  '& .SCEvent-skeleton-preview-root': {
9852
+ minWidth: string;
9852
9853
  '& .SCEvent-skeleton-preview-content': {
9853
9854
  padding: any;
9854
9855
  };
@@ -9954,12 +9955,6 @@ declare const theme: {
9954
9955
  marginBottom: any;
9955
9956
  };
9956
9957
  marginTop: any;
9957
- '& .SCEvents-item': {
9958
- paddingTop: any;
9959
- };
9960
- '& .SCEvents-item-skeleton': {
9961
- paddingTop: any;
9962
- };
9963
9958
  '& .SCBaseItem-root': {
9964
9959
  display: string;
9965
9960
  justifyContent: string;
@@ -10001,7 +9996,6 @@ declare const theme: {
10001
9996
  marginTop: any;
10002
9997
  '& .SCEvents-skeleton-item': {
10003
9998
  paddingTop: any;
10004
- width: string;
10005
9999
  };
10006
10000
  };
10007
10001
  };