@selfcommunity/react-theme-default 0.1.50-events.90 → 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 (26) 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/SCOnBoardingWidget.d.ts +0 -3
  9. package/lib/cjs/components/SCOnBoardingWidget.js +0 -3
  10. package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +10 -0
  11. package/lib/cjs/components/SCSuggestedEventsWidget.js +11 -1
  12. package/lib/cjs/index.d.ts +25 -11
  13. package/lib/esm/components/SCEvent.d.ts +6 -1
  14. package/lib/esm/components/SCEvent.js +6 -1
  15. package/lib/esm/components/SCEventParticipantsButton.d.ts +3 -2
  16. package/lib/esm/components/SCEventParticipantsButton.js +3 -2
  17. package/lib/esm/components/SCEvents.d.ts +6 -2
  18. package/lib/esm/components/SCEvents.js +6 -2
  19. package/lib/esm/components/SCMyEventsWidget.js +1 -1
  20. package/lib/esm/components/SCOnBoardingWidget.d.ts +0 -3
  21. package/lib/esm/components/SCOnBoardingWidget.js +0 -3
  22. package/lib/esm/components/SCSuggestedEventsWidget.d.ts +10 -0
  23. package/lib/esm/components/SCSuggestedEventsWidget.js +11 -1
  24. package/lib/esm/index.d.ts +25 -11
  25. package/lib/umd/react-theme-default.js +2 -2
  26. 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/SCOnBoardingWidget.d.ts CHANGED
@@ -121,9 +121,6 @@ declare const Component: {
121
121
  };
122
122
  };
123
123
  '& .MuiTypography-body1': {
124
- [x: number]: {
125
- justifyContent: string;
126
- };
127
124
  display: string;
128
125
  alignItems: string;
129
126
  fontSize: string;
package/lib/cjs/components/SCOnBoardingWidget.js CHANGED
@@ -130,9 +130,6 @@ const Component = {
130
130
  strong: {
131
131
  marginRight: expanded ? 'inherit' : theme.spacing(1),
132
132
  marginLeft: expanded ? 'inherit' : theme.spacing(1)
133
- },
134
- [theme.breakpoints.down('md')]: {
135
- justifyContent: 'center'
136
133
  }
137
134
  }
138
135
  },
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
@@ -5004,9 +5004,6 @@ declare const theme: {
5004
5004
  };
5005
5005
  };
5006
5006
  '& .MuiTypography-body1': {
5007
- [x: number]: {
5008
- justifyContent: string;
5009
- };
5010
5007
  display: string;
5011
5008
  alignItems: string;
5012
5009
  fontSize: string;
@@ -6813,9 +6810,14 @@ declare const theme: {
6813
6810
  };
6814
6811
  };
6815
6812
  '& .SCEvent-preview-name-wrapper': {
6813
+ marginTop: number;
6816
6814
  textDecoration: string;
6817
6815
  color: string;
6818
- marginTop: number;
6816
+ '& h5': {
6817
+ whiteSpace: string;
6818
+ overflow: string;
6819
+ textOverflow: string;
6820
+ };
6819
6821
  };
6820
6822
  };
6821
6823
  };
@@ -6967,13 +6969,17 @@ declare const theme: {
6967
6969
  '& .SCEvents-item': {
6968
6970
  paddingTop: any;
6969
6971
  };
6970
- '& .SCEvent-skeleton-root': {
6971
- padding: any;
6972
+ '& .SCEvents-item-skeleton': {
6973
+ paddingTop: any;
6972
6974
  };
6973
6975
  '& .SCBaseItem-root': {
6974
6976
  display: string;
6975
6977
  justifyContent: string;
6976
6978
  };
6979
+ '& .SCEvent-skeleton-preview-name': {
6980
+ marginTop: number;
6981
+ marginBottom: number;
6982
+ };
6977
6983
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6978
6984
  maxWidth: string;
6979
6985
  };
@@ -7381,8 +7387,9 @@ declare const theme: {
7381
7387
  backgroundColor: string;
7382
7388
  };
7383
7389
  '& .MuiAvatarGroup-avatar': {
7384
- width: string;
7385
- height: string;
7390
+ width: any;
7391
+ height: any;
7392
+ fontSize: string;
7386
7393
  };
7387
7394
  '& .SCEventParticipantsButton-participants': {
7388
7395
  color: any;
@@ -7523,9 +7530,6 @@ declare const theme: {
7523
7530
  root: ({ theme }: {
7524
7531
  theme: any;
7525
7532
  }) => {
7526
- /**
7527
- * Style fragments - Imports - Start
7528
- */
7529
7533
  '& .SCSuggestedEventsWidget-content': {
7530
7534
  padding: string;
7531
7535
  '& .SCSuggestedEventsWidget-title': {
@@ -7585,6 +7589,13 @@ declare const theme: {
7585
7589
  color: any;
7586
7590
  };
7587
7591
  };
7592
+ '& .SCEvent-skeleton-preview-name': {
7593
+ marginTop: number;
7594
+ marginBottom: number;
7595
+ };
7596
+ '& .SCEvent-skeleton-preview-actions': {
7597
+ padding: number;
7598
+ };
7588
7599
  };
7589
7600
  skeletonRoot: ({ theme }: {
7590
7601
  theme: any;
@@ -7603,6 +7614,9 @@ declare const theme: {
7603
7614
  padding: string;
7604
7615
  justifyContent: string;
7605
7616
  };
7617
+ '& .SCEvent-skeleton-preview-actions': {
7618
+ padding: number;
7619
+ };
7606
7620
  };
7607
7621
  };
7608
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/SCOnBoardingWidget.d.ts CHANGED
@@ -121,9 +121,6 @@ declare const Component: {
121
121
  };
122
122
  };
123
123
  '& .MuiTypography-body1': {
124
- [x: number]: {
125
- justifyContent: string;
126
- };
127
124
  display: string;
128
125
  alignItems: string;
129
126
  fontSize: string;
package/lib/esm/components/SCOnBoardingWidget.js CHANGED
@@ -128,9 +128,6 @@ const Component = {
128
128
  strong: {
129
129
  marginRight: expanded ? 'inherit' : theme.spacing(1),
130
130
  marginLeft: expanded ? 'inherit' : theme.spacing(1)
131
- },
132
- [theme.breakpoints.down('md')]: {
133
- justifyContent: 'center'
134
131
  }
135
132
  }
136
133
  },
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
@@ -5004,9 +5004,6 @@ declare const theme: {
5004
5004
  };
5005
5005
  };
5006
5006
  '& .MuiTypography-body1': {
5007
- [x: number]: {
5008
- justifyContent: string;
5009
- };
5010
5007
  display: string;
5011
5008
  alignItems: string;
5012
5009
  fontSize: string;
@@ -6813,9 +6810,14 @@ declare const theme: {
6813
6810
  };
6814
6811
  };
6815
6812
  '& .SCEvent-preview-name-wrapper': {
6813
+ marginTop: number;
6816
6814
  textDecoration: string;
6817
6815
  color: string;
6818
- marginTop: number;
6816
+ '& h5': {
6817
+ whiteSpace: string;
6818
+ overflow: string;
6819
+ textOverflow: string;
6820
+ };
6819
6821
  };
6820
6822
  };
6821
6823
  };
@@ -6967,13 +6969,17 @@ declare const theme: {
6967
6969
  '& .SCEvents-item': {
6968
6970
  paddingTop: any;
6969
6971
  };
6970
- '& .SCEvent-skeleton-root': {
6971
- padding: any;
6972
+ '& .SCEvents-item-skeleton': {
6973
+ paddingTop: any;
6972
6974
  };
6973
6975
  '& .SCBaseItem-root': {
6974
6976
  display: string;
6975
6977
  justifyContent: string;
6976
6978
  };
6979
+ '& .SCEvent-skeleton-preview-name': {
6980
+ marginTop: number;
6981
+ marginBottom: number;
6982
+ };
6977
6983
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6978
6984
  maxWidth: string;
6979
6985
  };
@@ -7381,8 +7387,9 @@ declare const theme: {
7381
7387
  backgroundColor: string;
7382
7388
  };
7383
7389
  '& .MuiAvatarGroup-avatar': {
7384
- width: string;
7385
- height: string;
7390
+ width: any;
7391
+ height: any;
7392
+ fontSize: string;
7386
7393
  };
7387
7394
  '& .SCEventParticipantsButton-participants': {
7388
7395
  color: any;
@@ -7523,9 +7530,6 @@ declare const theme: {
7523
7530
  root: ({ theme }: {
7524
7531
  theme: any;
7525
7532
  }) => {
7526
- /**
7527
- * Style fragments - Imports - Start
7528
- */
7529
7533
  '& .SCSuggestedEventsWidget-content': {
7530
7534
  padding: string;
7531
7535
  '& .SCSuggestedEventsWidget-title': {
@@ -7585,6 +7589,13 @@ declare const theme: {
7585
7589
  color: any;
7586
7590
  };
7587
7591
  };
7592
+ '& .SCEvent-skeleton-preview-name': {
7593
+ marginTop: number;
7594
+ marginBottom: number;
7595
+ };
7596
+ '& .SCEvent-skeleton-preview-actions': {
7597
+ padding: number;
7598
+ };
7588
7599
  };
7589
7600
  skeletonRoot: ({ theme }: {
7590
7601
  theme: any;
@@ -7603,6 +7614,9 @@ declare const theme: {
7603
7614
  padding: string;
7604
7615
  justifyContent: string;
7605
7616
  };
7617
+ '& .SCEvent-skeleton-preview-actions': {
7618
+ padding: number;
7619
+ };
7606
7620
  };
7607
7621
  };
7608
7622
  };