@selfcommunity/react-theme-default 0.1.50-events.91 → 0.1.50-events.92

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 (22) hide show
  1. package/lib/cjs/components/SCEvent.d.ts +6 -1
  2. package/lib/cjs/components/SCEvent.js +6 -1
  3. package/lib/cjs/components/SCEventParticipantsButton.d.ts +3 -2
  4. package/lib/cjs/components/SCEventParticipantsButton.js +3 -2
  5. package/lib/cjs/components/SCEvents.d.ts +6 -2
  6. package/lib/cjs/components/SCEvents.js +6 -2
  7. package/lib/cjs/components/SCMyEventsWidget.js +1 -1
  8. package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +10 -0
  9. package/lib/cjs/components/SCSuggestedEventsWidget.js +11 -1
  10. package/lib/cjs/index.d.ts +25 -8
  11. package/lib/esm/components/SCEvent.d.ts +6 -1
  12. package/lib/esm/components/SCEvent.js +6 -1
  13. package/lib/esm/components/SCEventParticipantsButton.d.ts +3 -2
  14. package/lib/esm/components/SCEventParticipantsButton.js +3 -2
  15. package/lib/esm/components/SCEvents.d.ts +6 -2
  16. package/lib/esm/components/SCEvents.js +6 -2
  17. package/lib/esm/components/SCMyEventsWidget.js +1 -1
  18. package/lib/esm/components/SCSuggestedEventsWidget.d.ts +10 -0
  19. package/lib/esm/components/SCSuggestedEventsWidget.js +11 -1
  20. package/lib/esm/index.d.ts +25 -8
  21. package/lib/umd/react-theme-default.js +2 -2
  22. package/package.json +4 -4
package/lib/cjs/components/SCEvent.d.ts CHANGED
@@ -49,9 +49,14 @@ declare const Component: {
49
49
  };
50
50
  };
51
51
  '& .SCEvent-preview-name-wrapper': {
52
+ marginTop: number;
52
53
  textDecoration: string;
53
54
  color: string;
54
- marginTop: number;
55
+ '& h5': {
56
+ whiteSpace: string;
57
+ overflow: string;
58
+ textOverflow: string;
59
+ };
55
60
  };
56
61
  };
57
62
  };
package/lib/cjs/components/SCEvent.js CHANGED
@@ -51,9 +51,14 @@ const Component = {
51
51
  }
52
52
  },
53
53
  '& .SCEvent-preview-name-wrapper': {
54
+ marginTop: 3,
54
55
  textDecoration: 'none',
55
56
  color: 'inherit',
56
- marginTop: 3
57
+ '& h5': {
58
+ whiteSpace: 'nowrap',
59
+ overflow: 'hidden',
60
+ textOverflow: 'ellipsis'
61
+ }
57
62
  }
58
63
  }
59
64
  }),
package/lib/cjs/components/SCEventParticipantsButton.d.ts CHANGED
@@ -10,8 +10,9 @@ declare const Component: {
10
10
  backgroundColor: string;
11
11
  };
12
12
  '& .MuiAvatarGroup-avatar': {
13
- width: string;
14
- height: string;
13
+ width: any;
14
+ height: any;
15
+ fontSize: string;
15
16
  };
16
17
  '& .SCEventParticipantsButton-participants': {
17
18
  color: any;
package/lib/cjs/components/SCEventParticipantsButton.js CHANGED
@@ -10,8 +10,9 @@ const Component = {
10
10
  backgroundColor: 'unset'
11
11
  },
12
12
  '& .MuiAvatarGroup-avatar': {
13
- width: '24px',
14
- height: '24px'
13
+ width: theme.selfcommunity.user.avatar.sizeSmall,
14
+ height: theme.selfcommunity.user.avatar.sizeSmall,
15
+ fontSize: '0.8rem'
15
16
  },
16
17
  '& .SCEventParticipantsButton-participants': {
17
18
  color: theme.palette.grey[600]
package/lib/cjs/components/SCEvents.d.ts CHANGED
@@ -11,13 +11,17 @@ declare const Component: {
11
11
  '& .SCEvents-item': {
12
12
  paddingTop: any;
13
13
  };
14
- '& .SCEvent-skeleton-root': {
15
- padding: any;
14
+ '& .SCEvents-item-skeleton': {
15
+ paddingTop: any;
16
16
  };
17
17
  '& .SCBaseItem-root': {
18
18
  display: string;
19
19
  justifyContent: string;
20
20
  };
21
+ '& .SCEvent-skeleton-preview-name': {
22
+ marginTop: number;
23
+ marginBottom: number;
24
+ };
21
25
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
22
26
  maxWidth: string;
23
27
  };
package/lib/cjs/components/SCEvents.js CHANGED
@@ -13,13 +13,17 @@ const Component = {
13
13
  '& .SCEvents-item': {
14
14
  paddingTop: theme.spacing()
15
15
  },
16
- '& .SCEvent-skeleton-root': {
17
- padding: theme.spacing(0.5, 0, 0.5, 0)
16
+ '& .SCEvents-item-skeleton': {
17
+ paddingTop: theme.spacing()
18
18
  },
19
19
  '& .SCBaseItem-root': {
20
20
  display: 'flex',
21
21
  justifyContent: 'space-between'
22
22
  },
23
+ '& .SCEvent-skeleton-preview-name': {
24
+ marginTop: 6,
25
+ marginBottom: 6
26
+ },
23
27
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
24
28
  maxWidth: '70%'
25
29
  }
package/lib/cjs/components/SCMyEventsWidget.js CHANGED
@@ -12,7 +12,7 @@ const Component = {
12
12
  gap: theme.spacing(3),
13
13
  '& .SCMyEventsWidget-arrows': {
14
14
  width: '24px',
15
- height: '24px',
15
+ height: '24px'
16
16
  },
17
17
  '& .SCMyEventsWidget-action-button': {
18
18
  color: theme.palette.primary.main,
package/lib/cjs/components/SCSuggestedEventsWidget.d.ts CHANGED
@@ -62,6 +62,13 @@ declare const Component: {
62
62
  color: any;
63
63
  };
64
64
  };
65
+ '& .SCEvent-skeleton-preview-name': {
66
+ marginTop: number;
67
+ marginBottom: number;
68
+ };
69
+ '& .SCEvent-skeleton-preview-actions': {
70
+ padding: number;
71
+ };
65
72
  };
66
73
  skeletonRoot: ({ theme }: {
67
74
  theme: any;
@@ -80,6 +87,9 @@ declare const Component: {
80
87
  padding: string;
81
88
  justifyContent: string;
82
89
  };
90
+ '& .SCEvent-skeleton-preview-actions': {
91
+ padding: number;
92
+ };
83
93
  };
84
94
  };
85
95
  };
package/lib/cjs/components/SCSuggestedEventsWidget.js CHANGED
@@ -30,7 +30,7 @@ const Component = {
30
30
  },
31
31
  '& p': {
32
32
  marginTop: 1,
33
- fontSize: '0.74rem'
33
+ fontSize: '0.70rem'
34
34
  }
35
35
  }
36
36
  }
@@ -61,6 +61,13 @@ const Component = {
61
61
  '& .SCSuggestedEventsWidget-actionButton': {
62
62
  color: theme.palette.primary.main
63
63
  }
64
+ },
65
+ '& .SCEvent-skeleton-preview-name': {
66
+ marginTop: 0,
67
+ marginBottom: 0
68
+ },
69
+ '& .SCEvent-skeleton-preview-actions': {
70
+ padding: 0
64
71
  }
65
72
  }),
66
73
  skeletonRoot: ({ theme }) => ({
@@ -77,6 +84,9 @@ const Component = {
77
84
  '& .SCSuggestedEventsWidget-actions': {
78
85
  padding: `0 ${theme.spacing()} ${theme.spacing()}`,
79
86
  justifyContent: 'center'
87
+ },
88
+ '& .SCEvent-skeleton-preview-actions': {
89
+ padding: 0
80
90
  }
81
91
  })
82
92
  }
package/lib/cjs/index.d.ts CHANGED
@@ -6810,9 +6810,14 @@ declare const theme: {
6810
6810
  };
6811
6811
  };
6812
6812
  '& .SCEvent-preview-name-wrapper': {
6813
+ marginTop: number;
6813
6814
  textDecoration: string;
6814
6815
  color: string;
6815
- marginTop: number;
6816
+ '& h5': {
6817
+ whiteSpace: string;
6818
+ overflow: string;
6819
+ textOverflow: string;
6820
+ };
6816
6821
  };
6817
6822
  };
6818
6823
  };
@@ -6964,13 +6969,17 @@ declare const theme: {
6964
6969
  '& .SCEvents-item': {
6965
6970
  paddingTop: any;
6966
6971
  };
6967
- '& .SCEvent-skeleton-root': {
6968
- padding: any;
6972
+ '& .SCEvents-item-skeleton': {
6973
+ paddingTop: any;
6969
6974
  };
6970
6975
  '& .SCBaseItem-root': {
6971
6976
  display: string;
6972
6977
  justifyContent: string;
6973
6978
  };
6979
+ '& .SCEvent-skeleton-preview-name': {
6980
+ marginTop: number;
6981
+ marginBottom: number;
6982
+ };
6974
6983
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6975
6984
  maxWidth: string;
6976
6985
  };
@@ -7378,8 +7387,9 @@ declare const theme: {
7378
7387
  backgroundColor: string;
7379
7388
  };
7380
7389
  '& .MuiAvatarGroup-avatar': {
7381
- width: string;
7382
- height: string;
7390
+ width: any;
7391
+ height: any;
7392
+ fontSize: string;
7383
7393
  };
7384
7394
  '& .SCEventParticipantsButton-participants': {
7385
7395
  color: any;
@@ -7520,9 +7530,6 @@ declare const theme: {
7520
7530
  root: ({ theme }: {
7521
7531
  theme: any;
7522
7532
  }) => {
7523
- /**
7524
- * Style fragments - Imports - Start
7525
- */
7526
7533
  '& .SCSuggestedEventsWidget-content': {
7527
7534
  padding: string;
7528
7535
  '& .SCSuggestedEventsWidget-title': {
@@ -7582,6 +7589,13 @@ declare const theme: {
7582
7589
  color: any;
7583
7590
  };
7584
7591
  };
7592
+ '& .SCEvent-skeleton-preview-name': {
7593
+ marginTop: number;
7594
+ marginBottom: number;
7595
+ };
7596
+ '& .SCEvent-skeleton-preview-actions': {
7597
+ padding: number;
7598
+ };
7585
7599
  };
7586
7600
  skeletonRoot: ({ theme }: {
7587
7601
  theme: any;
@@ -7600,6 +7614,9 @@ declare const theme: {
7600
7614
  padding: string;
7601
7615
  justifyContent: string;
7602
7616
  };
7617
+ '& .SCEvent-skeleton-preview-actions': {
7618
+ padding: number;
7619
+ };
7603
7620
  };
7604
7621
  };
7605
7622
  };
package/lib/esm/components/SCEvent.d.ts CHANGED
@@ -49,9 +49,14 @@ declare const Component: {
49
49
  };
50
50
  };
51
51
  '& .SCEvent-preview-name-wrapper': {
52
+ marginTop: number;
52
53
  textDecoration: string;
53
54
  color: string;
54
- marginTop: number;
55
+ '& h5': {
56
+ whiteSpace: string;
57
+ overflow: string;
58
+ textOverflow: string;
59
+ };
55
60
  };
56
61
  };
57
62
  };
package/lib/esm/components/SCEvent.js CHANGED
@@ -49,9 +49,14 @@ const Component = {
49
49
  }
50
50
  },
51
51
  '& .SCEvent-preview-name-wrapper': {
52
+ marginTop: 3,
52
53
  textDecoration: 'none',
53
54
  color: 'inherit',
54
- marginTop: 3
55
+ '& h5': {
56
+ whiteSpace: 'nowrap',
57
+ overflow: 'hidden',
58
+ textOverflow: 'ellipsis'
59
+ }
55
60
  }
56
61
  }
57
62
  }),
package/lib/esm/components/SCEventParticipantsButton.d.ts CHANGED
@@ -10,8 +10,9 @@ declare const Component: {
10
10
  backgroundColor: string;
11
11
  };
12
12
  '& .MuiAvatarGroup-avatar': {
13
- width: string;
14
- height: string;
13
+ width: any;
14
+ height: any;
15
+ fontSize: string;
15
16
  };
16
17
  '& .SCEventParticipantsButton-participants': {
17
18
  color: any;
package/lib/esm/components/SCEventParticipantsButton.js CHANGED
@@ -8,8 +8,9 @@ const Component = {
8
8
  backgroundColor: 'unset'
9
9
  },
10
10
  '& .MuiAvatarGroup-avatar': {
11
- width: '24px',
12
- height: '24px'
11
+ width: theme.selfcommunity.user.avatar.sizeSmall,
12
+ height: theme.selfcommunity.user.avatar.sizeSmall,
13
+ fontSize: '0.8rem'
13
14
  },
14
15
  '& .SCEventParticipantsButton-participants': {
15
16
  color: theme.palette.grey[600]
package/lib/esm/components/SCEvents.d.ts CHANGED
@@ -11,13 +11,17 @@ declare const Component: {
11
11
  '& .SCEvents-item': {
12
12
  paddingTop: any;
13
13
  };
14
- '& .SCEvent-skeleton-root': {
15
- padding: any;
14
+ '& .SCEvents-item-skeleton': {
15
+ paddingTop: any;
16
16
  };
17
17
  '& .SCBaseItem-root': {
18
18
  display: string;
19
19
  justifyContent: string;
20
20
  };
21
+ '& .SCEvent-skeleton-preview-name': {
22
+ marginTop: number;
23
+ marginBottom: number;
24
+ };
21
25
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
22
26
  maxWidth: string;
23
27
  };
package/lib/esm/components/SCEvents.js CHANGED
@@ -11,13 +11,17 @@ const Component = {
11
11
  '& .SCEvents-item': {
12
12
  paddingTop: theme.spacing()
13
13
  },
14
- '& .SCEvent-skeleton-root': {
15
- padding: theme.spacing(0.5, 0, 0.5, 0)
14
+ '& .SCEvents-item-skeleton': {
15
+ paddingTop: theme.spacing()
16
16
  },
17
17
  '& .SCBaseItem-root': {
18
18
  display: 'flex',
19
19
  justifyContent: 'space-between'
20
20
  },
21
+ '& .SCEvent-skeleton-preview-name': {
22
+ marginTop: 6,
23
+ marginBottom: 6
24
+ },
21
25
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
22
26
  maxWidth: '70%'
23
27
  }
package/lib/esm/components/SCMyEventsWidget.js CHANGED
@@ -10,7 +10,7 @@ const Component = {
10
10
  gap: theme.spacing(3),
11
11
  '& .SCMyEventsWidget-arrows': {
12
12
  width: '24px',
13
- height: '24px',
13
+ height: '24px'
14
14
  },
15
15
  '& .SCMyEventsWidget-action-button': {
16
16
  color: theme.palette.primary.main,
package/lib/esm/components/SCSuggestedEventsWidget.d.ts CHANGED
@@ -62,6 +62,13 @@ declare const Component: {
62
62
  color: any;
63
63
  };
64
64
  };
65
+ '& .SCEvent-skeleton-preview-name': {
66
+ marginTop: number;
67
+ marginBottom: number;
68
+ };
69
+ '& .SCEvent-skeleton-preview-actions': {
70
+ padding: number;
71
+ };
65
72
  };
66
73
  skeletonRoot: ({ theme }: {
67
74
  theme: any;
@@ -80,6 +87,9 @@ declare const Component: {
80
87
  padding: string;
81
88
  justifyContent: string;
82
89
  };
90
+ '& .SCEvent-skeleton-preview-actions': {
91
+ padding: number;
92
+ };
83
93
  };
84
94
  };
85
95
  };
package/lib/esm/components/SCSuggestedEventsWidget.js CHANGED
@@ -28,7 +28,7 @@ const Component = {
28
28
  },
29
29
  '& p': {
30
30
  marginTop: 1,
31
- fontSize: '0.74rem'
31
+ fontSize: '0.70rem'
32
32
  }
33
33
  }
34
34
  }
@@ -59,6 +59,13 @@ const Component = {
59
59
  '& .SCSuggestedEventsWidget-actionButton': {
60
60
  color: theme.palette.primary.main
61
61
  }
62
+ },
63
+ '& .SCEvent-skeleton-preview-name': {
64
+ marginTop: 0,
65
+ marginBottom: 0
66
+ },
67
+ '& .SCEvent-skeleton-preview-actions': {
68
+ padding: 0
62
69
  }
63
70
  }),
64
71
  skeletonRoot: ({ theme }) => ({
@@ -75,6 +82,9 @@ const Component = {
75
82
  '& .SCSuggestedEventsWidget-actions': {
76
83
  padding: `0 ${theme.spacing()} ${theme.spacing()}`,
77
84
  justifyContent: 'center'
85
+ },
86
+ '& .SCEvent-skeleton-preview-actions': {
87
+ padding: 0
78
88
  }
79
89
  })
80
90
  }
package/lib/esm/index.d.ts CHANGED
@@ -6810,9 +6810,14 @@ declare const theme: {
6810
6810
  };
6811
6811
  };
6812
6812
  '& .SCEvent-preview-name-wrapper': {
6813
+ marginTop: number;
6813
6814
  textDecoration: string;
6814
6815
  color: string;
6815
- marginTop: number;
6816
+ '& h5': {
6817
+ whiteSpace: string;
6818
+ overflow: string;
6819
+ textOverflow: string;
6820
+ };
6816
6821
  };
6817
6822
  };
6818
6823
  };
@@ -6964,13 +6969,17 @@ declare const theme: {
6964
6969
  '& .SCEvents-item': {
6965
6970
  paddingTop: any;
6966
6971
  };
6967
- '& .SCEvent-skeleton-root': {
6968
- padding: any;
6972
+ '& .SCEvents-item-skeleton': {
6973
+ paddingTop: any;
6969
6974
  };
6970
6975
  '& .SCBaseItem-root': {
6971
6976
  display: string;
6972
6977
  justifyContent: string;
6973
6978
  };
6979
+ '& .SCEvent-skeleton-preview-name': {
6980
+ marginTop: number;
6981
+ marginBottom: number;
6982
+ };
6974
6983
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6975
6984
  maxWidth: string;
6976
6985
  };
@@ -7378,8 +7387,9 @@ declare const theme: {
7378
7387
  backgroundColor: string;
7379
7388
  };
7380
7389
  '& .MuiAvatarGroup-avatar': {
7381
- width: string;
7382
- height: string;
7390
+ width: any;
7391
+ height: any;
7392
+ fontSize: string;
7383
7393
  };
7384
7394
  '& .SCEventParticipantsButton-participants': {
7385
7395
  color: any;
@@ -7520,9 +7530,6 @@ declare const theme: {
7520
7530
  root: ({ theme }: {
7521
7531
  theme: any;
7522
7532
  }) => {
7523
- /**
7524
- * Style fragments - Imports - Start
7525
- */
7526
7533
  '& .SCSuggestedEventsWidget-content': {
7527
7534
  padding: string;
7528
7535
  '& .SCSuggestedEventsWidget-title': {
@@ -7582,6 +7589,13 @@ declare const theme: {
7582
7589
  color: any;
7583
7590
  };
7584
7591
  };
7592
+ '& .SCEvent-skeleton-preview-name': {
7593
+ marginTop: number;
7594
+ marginBottom: number;
7595
+ };
7596
+ '& .SCEvent-skeleton-preview-actions': {
7597
+ padding: number;
7598
+ };
7585
7599
  };
7586
7600
  skeletonRoot: ({ theme }: {
7587
7601
  theme: any;
@@ -7600,6 +7614,9 @@ declare const theme: {
7600
7614
  padding: string;
7601
7615
  justifyContent: string;
7602
7616
  };
7617
+ '& .SCEvent-skeleton-preview-actions': {
7618
+ padding: number;
7619
+ };
7603
7620
  };
7604
7621
  };
7605
7622
  };