@selfcommunity/react-theme-default 0.1.50-events.46 → 0.1.50-events.48

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 (40) hide show
  1. package/lib/cjs/components/SCEvent.d.ts +137 -17
  2. package/lib/cjs/components/SCEvent.js +138 -18
  3. package/lib/cjs/components/SCEventActionsMenu.d.ts +26 -0
  4. package/lib/cjs/components/SCEventActionsMenu.js +28 -0
  5. package/lib/cjs/components/SCEventHeader.d.ts +10 -5
  6. package/lib/cjs/components/SCEventHeader.js +11 -20
  7. package/lib/cjs/components/SCEventInfoDetails.js +1 -1
  8. package/lib/cjs/components/SCEventPartecipantsButton.d.ts +21 -1
  9. package/lib/cjs/components/SCEventPartecipantsButton.js +20 -2
  10. package/lib/cjs/components/SCMediaEvent.d.ts +10 -0
  11. package/lib/cjs/components/SCMediaEvent.js +12 -0
  12. package/lib/cjs/components/SCMyEventsWidget.d.ts +2 -30
  13. package/lib/cjs/components/SCMyEventsWidget.js +3 -31
  14. package/lib/cjs/components/SCNotification.d.ts +15 -0
  15. package/lib/cjs/components/SCNotification.js +15 -0
  16. package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +64 -0
  17. package/lib/cjs/components/SCSuggestedEventsWidget.js +62 -0
  18. package/lib/cjs/index.d.ts +285 -56
  19. package/lib/cjs/index.js +7 -1
  20. package/lib/esm/components/SCEvent.d.ts +137 -17
  21. package/lib/esm/components/SCEvent.js +138 -18
  22. package/lib/esm/components/SCEventActionsMenu.d.ts +26 -0
  23. package/lib/esm/components/SCEventActionsMenu.js +26 -0
  24. package/lib/esm/components/SCEventHeader.d.ts +10 -5
  25. package/lib/esm/components/SCEventHeader.js +11 -20
  26. package/lib/esm/components/SCEventInfoDetails.js +1 -1
  27. package/lib/esm/components/SCEventPartecipantsButton.d.ts +21 -1
  28. package/lib/esm/components/SCEventPartecipantsButton.js +20 -2
  29. package/lib/esm/components/SCMediaEvent.d.ts +10 -0
  30. package/lib/esm/components/SCMediaEvent.js +10 -0
  31. package/lib/esm/components/SCMyEventsWidget.d.ts +2 -30
  32. package/lib/esm/components/SCMyEventsWidget.js +3 -31
  33. package/lib/esm/components/SCNotification.d.ts +15 -0
  34. package/lib/esm/components/SCNotification.js +15 -0
  35. package/lib/esm/components/SCSuggestedEventsWidget.d.ts +64 -0
  36. package/lib/esm/components/SCSuggestedEventsWidget.js +60 -0
  37. package/lib/esm/index.d.ts +285 -56
  38. package/lib/esm/index.js +7 -1
  39. package/lib/umd/react-theme-default.js +2 -2
  40. package/package.json +4 -4
package/lib/cjs/components/SCEvent.d.ts CHANGED
@@ -1,7 +1,67 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme }: any) => {};
4
+ detailRoot: ({ theme }: any) => {
5
+ '& .SCEvent-detail-image-wrapper': {
6
+ position: string;
7
+ '& .SCEvent-detail-image': {
8
+ height: string;
9
+ };
10
+ };
11
+ '& .SCEvent-detail-content': {
12
+ padding: string;
13
+ '& .SCEvent-detail-user': {
14
+ marginTop: string;
15
+ '& .SCBaseItemButton-text': {
16
+ margin: number;
17
+ };
18
+ };
19
+ '& .SCEvent-detail-name-wrapper': {
20
+ textDecoration: string;
21
+ color: string;
22
+ '& .SCEvent-detail-name': {
23
+ marginBottom: string;
24
+ };
25
+ };
26
+ '& .SCEvent-detail-first-divider': {
27
+ marginTop: string;
28
+ marginBottom: any;
29
+ };
30
+ '& .SCEvent-detail-second-divider': {
31
+ marginTop: any;
32
+ marginBottom: string;
33
+ };
34
+ };
35
+ };
36
+ previewRoot: ({ theme }: any) => {
37
+ '& .SCEvent-preview-image-wrapper': {
38
+ position: string;
39
+ '& .SCEvent-preview-image': {
40
+ height: string;
41
+ };
42
+ };
43
+ '& .SCEvent-preview-content': {
44
+ padding: string;
45
+ '& .SCEvent-detail-user': {
46
+ marginTop: string;
47
+ '& .SCBaseItemButton-text': {
48
+ margin: number;
49
+ };
50
+ };
51
+ '& .SCEvent-preview-name-wrapper': {
52
+ textDecoration: string;
53
+ color: string;
54
+ '& .SCEvent-preview-name': {
55
+ marginBottom: string;
56
+ };
57
+ };
58
+ };
59
+ };
60
+ snippetRoot: ({ theme }: any) => {
4
61
  overflow: string;
62
+ boxSizing: string;
63
+ paddingLeft: string;
64
+ paddingRight: string;
5
65
  '& .SCBaseItem-image': {
6
66
  '& .MuiAvatar-root': {
7
67
  width: number;
@@ -13,36 +73,96 @@ declare const Component: {
13
73
  };
14
74
  '& .SCBaseItem-text': {
15
75
  fontSize: any;
16
- '& .SCEvent-primary': {
76
+ '& .SCEvent-snippet-primary': {
77
+ color: any;
78
+ textDecoration: string;
79
+ '&:hover': {
80
+ textDecoration: string;
81
+ };
17
82
  '& p': {
18
83
  fontWeight: any;
19
84
  };
20
85
  };
21
- '& .SCEvent-secondary': {
86
+ '& .SCEvent-snippet-secondary': {
22
87
  color: any;
23
88
  };
24
89
  };
25
90
  };
26
91
  skeletonRoot: ({ theme }: any) => {
27
- gap: string;
28
- '& .SCBaseItem-content': {
29
- flex: number;
92
+ '& .SCEvent-skeleton-detail-root': {
93
+ '& .SCEvent-skeleton-detail-calendar': {
94
+ position: string;
95
+ bottom: string;
96
+ left: string;
97
+ boxShadow: string;
98
+ };
99
+ '& .SCEvent-skeleton-detail-content': {
100
+ padding: string;
101
+ '& .SCEvent-skeleton-detail-user': {
102
+ marginTop: string;
103
+ '& .SCBaseItemButton-text': {
104
+ margin: number;
105
+ };
106
+ };
107
+ '& .SCEvent-skeleton-detail-name-wrapper': {
108
+ textDecoration: string;
109
+ color: string;
110
+ '& .SCEvent-skeleton-detail-name': {
111
+ marginBottom: string;
112
+ };
113
+ };
114
+ '& .SCEvent-skeleton-detail-first-divider': {
115
+ marginTop: string;
116
+ marginBottom: any;
117
+ };
118
+ '& .SCEvent-skeleton-detail-second-divider': {
119
+ marginTop: any;
120
+ marginBottom: string;
121
+ };
122
+ };
30
123
  };
31
- '& .SCEvent-skeleton-image': {
32
- position: string;
33
- '& .MuiSkeleton-root': {
34
- borderRadius: string;
124
+ '& .SCEvent-skeleton-preview-root': {
125
+ '& .SCEvent-skeleton-preview-content': {
126
+ padding: any;
35
127
  };
36
- '& .MuiIcon-root': {
37
- color: any;
128
+ '& .SCEvent-skeleton-preview-image': {
38
129
  position: string;
39
- top: string;
40
- left: string;
41
- transform: string;
130
+ '& .MuiSkeleton-root': {
131
+ borderRadius: string;
132
+ };
133
+ '& .MuiIcon-root': {
134
+ color: any;
135
+ position: string;
136
+ top: string;
137
+ left: string;
138
+ transform: string;
139
+ };
140
+ };
141
+ '& .SCBaseItem-actions': {
142
+ maxWidth: string;
42
143
  };
43
144
  };
44
- '& .SCBaseItem-actions': {
45
- maxWidth: string;
145
+ '& .SCEvent-skeleton-snippet-root': {
146
+ overflow: string;
147
+ boxSizing: string;
148
+ paddingLeft: string;
149
+ paddingRight: string;
150
+ '& .SCEvent-skeleton-snippet-image': {
151
+ position: string;
152
+ '& .MuiSkeleton-root': {
153
+ borderRadius: string;
154
+ };
155
+ '& .MuiIcon-root': {
156
+ color: any;
157
+ position: string;
158
+ top: string;
159
+ left: string;
160
+ transform: string;
161
+ };
162
+ };
163
+ '& .SCBaseItem-actions': {
164
+ maxWidth: string;
165
+ };
46
166
  };
47
167
  };
48
168
  };
package/lib/cjs/components/SCEvent.js CHANGED
@@ -2,8 +2,68 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
- root: ({ theme }) => ({
5
+ root: ({ theme }) => ({}),
6
+ detailRoot: ({ theme }) => ({
7
+ '& .SCEvent-detail-image-wrapper': {
8
+ position: 'relative',
9
+ '& .SCEvent-detail-image': {
10
+ height: '170px'
11
+ }
12
+ },
13
+ '& .SCEvent-detail-content': {
14
+ padding: `52px ${theme.spacing(3)} 0 !important`,
15
+ '& .SCEvent-detail-user': {
16
+ marginTop: '14px',
17
+ '& .SCBaseItemButton-text': {
18
+ margin: 0
19
+ }
20
+ },
21
+ '& .SCEvent-detail-name-wrapper': {
22
+ textDecoration: 'none',
23
+ color: 'inherit',
24
+ '& .SCEvent-detail-name': {
25
+ marginBottom: '10px'
26
+ }
27
+ },
28
+ '& .SCEvent-detail-first-divider': {
29
+ marginTop: '18px',
30
+ marginBottom: theme.spacing()
31
+ },
32
+ '& .SCEvent-detail-second-divider': {
33
+ marginTop: theme.spacing(),
34
+ marginBottom: '18px'
35
+ }
36
+ }
37
+ }),
38
+ previewRoot: ({ theme }) => ({
39
+ '& .SCEvent-preview-image-wrapper': {
40
+ position: 'relative',
41
+ '& .SCEvent-preview-image': {
42
+ height: '80px'
43
+ }
44
+ },
45
+ '& .SCEvent-preview-content': {
46
+ padding: `${theme.spacing()} !important`,
47
+ '& .SCEvent-detail-user': {
48
+ marginTop: '14px',
49
+ '& .SCBaseItemButton-text': {
50
+ margin: 0
51
+ }
52
+ },
53
+ '& .SCEvent-preview-name-wrapper': {
54
+ textDecoration: 'none',
55
+ color: 'inherit',
56
+ '& .SCEvent-preview-name': {
57
+ marginBottom: '10px'
58
+ }
59
+ }
60
+ }
61
+ }),
62
+ snippetRoot: ({ theme }) => ({
6
63
  overflow: 'visible',
64
+ boxSizing: 'border-box',
65
+ paddingLeft: `${theme.spacing()} !important`,
66
+ paddingRight: `${theme.spacing()} !important`,
7
67
  '& .SCBaseItem-image': {
8
68
  '& .MuiAvatar-root': {
9
69
  width: 100,
@@ -15,36 +75,96 @@ const Component = {
15
75
  },
16
76
  '& .SCBaseItem-text': {
17
77
  fontSize: theme.typography.fontSize,
18
- '& .SCEvent-primary': {
78
+ '& .SCEvent-snippet-primary': {
79
+ color: theme.palette.text.primary,
80
+ textDecoration: 'none',
81
+ '&:hover': {
82
+ textDecoration: 'none'
83
+ },
19
84
  '& p': {
20
85
  fontWeight: theme.typography.fontWeightBold
21
86
  }
22
87
  },
23
- '& .SCEvent-secondary': {
88
+ '& .SCEvent-snippet-secondary': {
24
89
  color: theme.palette.text.secondary
25
90
  }
26
91
  }
27
92
  }),
28
93
  skeletonRoot: ({ theme }) => ({
29
- gap: '10%',
30
- '& .SCBaseItem-content': {
31
- flex: 0
94
+ '& .SCEvent-skeleton-detail-root': {
95
+ '& .SCEvent-skeleton-detail-calendar': {
96
+ position: 'absolute',
97
+ bottom: '-36px',
98
+ left: '24px',
99
+ boxShadow: '0px 3px 8px #00000040'
100
+ },
101
+ '& .SCEvent-skeleton-detail-content': {
102
+ padding: `52px ${theme.spacing(3)} 0 !important`,
103
+ '& .SCEvent-skeleton-detail-user': {
104
+ marginTop: '14px',
105
+ '& .SCBaseItemButton-text': {
106
+ margin: 0
107
+ }
108
+ },
109
+ '& .SCEvent-skeleton-detail-name-wrapper': {
110
+ textDecoration: 'none',
111
+ color: 'inherit',
112
+ '& .SCEvent-skeleton-detail-name': {
113
+ marginBottom: '10px'
114
+ }
115
+ },
116
+ '& .SCEvent-skeleton-detail-first-divider': {
117
+ marginTop: '18px',
118
+ marginBottom: theme.spacing()
119
+ },
120
+ '& .SCEvent-skeleton-detail-second-divider': {
121
+ marginTop: theme.spacing(),
122
+ marginBottom: '18px'
123
+ }
124
+ }
32
125
  },
33
- '& .SCEvent-skeleton-image': {
34
- position: 'relative',
35
- '& .MuiSkeleton-root': {
36
- borderRadius: '5px'
126
+ '& .SCEvent-skeleton-preview-root': {
127
+ '& .SCEvent-skeleton-preview-content': {
128
+ padding: theme.spacing()
37
129
  },
38
- '& .MuiIcon-root': {
39
- color: theme.palette.common.white,
40
- position: 'absolute',
41
- top: '50%',
42
- left: '50%',
43
- transform: 'translate(-50%, -50%)'
130
+ '& .SCEvent-skeleton-preview-image': {
131
+ position: 'relative',
132
+ '& .MuiSkeleton-root': {
133
+ borderRadius: '5px'
134
+ },
135
+ '& .MuiIcon-root': {
136
+ color: theme.palette.common.white,
137
+ position: 'absolute',
138
+ top: '50%',
139
+ left: '50%',
140
+ transform: 'translate(-50%, -50%)'
141
+ }
142
+ },
143
+ '& .SCBaseItem-actions': {
144
+ maxWidth: 'none !important'
44
145
  }
45
146
  },
46
- '& .SCBaseItem-actions': {
47
- maxWidth: 'none !important'
147
+ '& .SCEvent-skeleton-snippet-root': {
148
+ overflow: 'visible',
149
+ boxSizing: 'border-box',
150
+ paddingLeft: `${theme.spacing()} !important`,
151
+ paddingRight: `${theme.spacing()} !important`,
152
+ '& .SCEvent-skeleton-snippet-image': {
153
+ position: 'relative',
154
+ '& .MuiSkeleton-root': {
155
+ borderRadius: '5px'
156
+ },
157
+ '& .MuiIcon-root': {
158
+ color: theme.palette.common.white,
159
+ position: 'absolute',
160
+ top: '50%',
161
+ left: '50%',
162
+ transform: 'translate(-50%, -50%)'
163
+ }
164
+ },
165
+ '& .SCBaseItem-actions': {
166
+ maxWidth: 'none !important'
167
+ }
48
168
  }
49
169
  })
50
170
  }
package/lib/cjs/components/SCEventActionsMenu.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {};
4
+ menuRoot: ({ theme }: any) => {
5
+ '& .MuiDivider-root': {
6
+ margin: any;
7
+ };
8
+ '& .MuiIcon-root': {
9
+ fontSize: string;
10
+ };
11
+ };
12
+ drawerRoot: ({ theme }: any) => {
13
+ '& .SCEventActionsMenu-item': {
14
+ paddingTop: number;
15
+ paddingBottom: number;
16
+ };
17
+ '& .MuiDivider-root': {
18
+ margin: any;
19
+ };
20
+ '& .MuiIcon-root': {
21
+ fontSize: string;
22
+ };
23
+ };
24
+ };
25
+ };
26
+ export default Component;
package/lib/cjs/components/SCEventActionsMenu.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({}),
6
+ menuRoot: ({ theme }) => ({
7
+ '& .MuiDivider-root': {
8
+ margin: theme.spacing(1)
9
+ },
10
+ '& .MuiIcon-root': {
11
+ fontSize: '15px'
12
+ }
13
+ }),
14
+ drawerRoot: ({ theme }) => ({
15
+ '& .SCEventActionsMenu-item': {
16
+ paddingTop: 0,
17
+ paddingBottom: 0
18
+ },
19
+ '& .MuiDivider-root': {
20
+ margin: theme.spacing(2)
21
+ },
22
+ '& .MuiIcon-root': {
23
+ fontSize: '15px'
24
+ }
25
+ })
26
+ }
27
+ };
28
+ exports.default = Component;
package/lib/cjs/components/SCEventHeader.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme, isEventAdmin }: any) => {
4
4
  '& .SCEventHeader-cover': {
5
5
  [x: number]: {
6
6
  borderRadius: any;
@@ -52,14 +52,19 @@ declare const Component: {
52
52
  padding: string;
53
53
  marginTop: any;
54
54
  '& .SCBaseItemButton-actions': {
55
+ [x: number]: {
56
+ width: string;
57
+ };
55
58
  maxWidth: string;
56
- width: string;
57
59
  '& .SCEventHeader-multi-actions': {
60
+ [x: number]: {
61
+ '& .SCEventInviteButton-root': {
62
+ marginRight: any;
63
+ };
64
+ };
58
65
  display: string;
59
66
  justifyContent: string;
60
- };
61
- '& .SCEventSubscribeButton-select-root': {
62
- float: string;
67
+ alignItems: string;
63
68
  };
64
69
  };
65
70
  };
package/lib/cjs/components/SCEventHeader.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const system_1 = require("@mui/system");
4
4
  const Component = {
5
5
  styleOverrides: {
6
- root: ({ theme }) => ({
6
+ root: ({ theme, isEventAdmin }) => ({
7
7
  '& .SCEventHeader-cover': {
8
8
  position: 'relative',
9
9
  minHeight: 150,
@@ -56,31 +56,22 @@ const Component = {
56
56
  marginTop: theme.spacing(1),
57
57
  '& .SCBaseItemButton-actions': {
58
58
  maxWidth: 'none',
59
- width: '60%',
59
+ [theme.breakpoints.up('sm')]: {
60
+ width: isEventAdmin && '60%'
61
+ },
60
62
  '& .SCEventHeader-multi-actions': {
61
63
  display: 'flex',
62
- justifyContent: 'space-between'
63
- },
64
- '& .SCEventSubscribeButton-select-root': {
65
- float: 'right'
64
+ justifyContent: 'space-between',
65
+ alignItems: 'center',
66
+ [theme.breakpoints.down('md')]: {
67
+ '& .SCEventInviteButton-root': {
68
+ marginRight: theme.spacing(1)
69
+ }
70
+ }
66
71
  }
67
72
  }
68
73
  }
69
74
  },
70
- // '& .SCEventHeader-avatar': {
71
- // top: 230,
72
- // display: 'block',
73
- // position: 'absolute',
74
- // transform: 'translate(-50%, -50%)',
75
- // left: '50%',
76
- // '& .MuiAvatar-root': {
77
- // height: theme.selfcommunity.group.avatar.sizeLarge,
78
- // width: theme.selfcommunity.group.avatar.sizeLarge,
79
- // borderRadius: '50%',
80
- // border: `#FFF solid ${theme.spacing(0.5)}`,
81
- // objectFit: 'cover'
82
- // }
83
- // },
84
75
  '& .SCEventHeader-name': {
85
76
  fontWeight: theme.typography.fontWeightBold,
86
77
  fontSize: '1.429rem'
package/lib/cjs/components/SCEventInfoDetails.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
- gap: theme.spacing(2),
6
+ gap: theme.spacing(0.5),
7
7
  '& .SCEventInfoDetails-icon-text-wrapper': {
8
8
  flexDirection: 'row',
9
9
  alignItems: 'center',
package/lib/cjs/components/SCEventPartecipantsButton.d.ts CHANGED
@@ -4,8 +4,28 @@ declare const Component: {
4
4
  theme: any;
5
5
  }) => {
6
6
  gap: any;
7
+ marginTop: string;
8
+ '&:hover': {
9
+ backgroundColor: string;
10
+ };
11
+ '& .MuiAvatarGroup-avatar': {
12
+ width: string;
13
+ height: string;
14
+ };
15
+ '& .SCEventPartecipantsButton-partecipants': {
16
+ color: any;
17
+ };
18
+ };
19
+ dialogRoot: ({ theme }: {
20
+ theme: any;
21
+ }) => {
22
+ '& .SCEventPartecipantsButton-infinite-scroll': {
23
+ [x: number]: {
24
+ height: string;
25
+ };
26
+ height: string;
27
+ };
7
28
  };
8
- dialogRoot: () => {};
9
29
  };
10
30
  };
11
31
  export default Component;
package/lib/cjs/components/SCEventPartecipantsButton.js CHANGED
@@ -3,9 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
- gap: theme.spacing(1)
6
+ gap: theme.spacing(1),
7
+ marginTop: '0 !important',
8
+ '&:hover': {
9
+ backgroundColor: 'unset'
10
+ },
11
+ '& .MuiAvatarGroup-avatar': {
12
+ width: '24px',
13
+ height: '24px'
14
+ },
15
+ '& .SCEventPartecipantsButton-partecipants': {
16
+ color: theme.palette.primary.main
17
+ }
7
18
  }),
8
- dialogRoot: () => ({})
19
+ dialogRoot: ({ theme }) => ({
20
+ '& .SCEventPartecipantsButton-infinite-scroll': {
21
+ height: '400px !important',
22
+ [theme.breakpoints.down('md')]: {
23
+ height: '100%'
24
+ }
25
+ }
26
+ })
9
27
  }
10
28
  };
11
29
  exports.default = Component;
package/lib/cjs/components/SCMediaEvent.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ displayRoot: ({ theme }: any) => {
4
+ '& .SCMediaEvent-event-preview': {
5
+ margin: any;
6
+ };
7
+ };
8
+ };
9
+ };
10
+ export default Component;
package/lib/cjs/components/SCMediaEvent.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ displayRoot: ({ theme }) => ({
6
+ '& .SCMediaEvent-event-preview': {
7
+ margin: theme.spacing()
8
+ }
9
+ })
10
+ }
11
+ };
12
+ exports.default = Component;
package/lib/cjs/components/SCMyEventsWidget.d.ts CHANGED
@@ -6,21 +6,10 @@ declare const Component: {
6
6
  '& .SCMyEventsWidget-title-wrapper': {
7
7
  padding: string;
8
8
  };
9
- '& .SCMyEventsWidget-content': {
10
- padding: string;
11
- '& .SCMyEventsWidget-first-divider': {
12
- marginTop: string;
13
- marginBottom: string;
14
- };
15
- '& .SCMyEventsWidget-second-divider': {
16
- marginTop: string;
17
- marginBottom: string;
18
- };
19
- };
20
9
  '& .SCMyEventsWidget-actions': {
21
10
  padding: string;
22
11
  justifyContent: string;
23
- gap: string;
12
+ gap: any;
24
13
  '& .SCMyEventsWidget-arrows': {
25
14
  width: string;
26
15
  height: string;
@@ -35,28 +24,11 @@ declare const Component: {
35
24
  skeletonRoot: ({ theme }: {
36
25
  theme: any;
37
26
  }) => {
38
- '& .SCMyEventsWidget-calendar': {
39
- position: string;
40
- bottom: string;
41
- left: string;
42
- boxShadow: string;
43
- };
44
- '& .SCMyEventsWidget-content': {
45
- padding: string;
46
- '& .SCMyEventsWidget-first-divider': {
47
- marginTop: string;
48
- marginBottom: any;
49
- };
50
- '& .SCMyEventsWidget-second-divider': {
51
- marginTop: any;
52
- marginBottom: string;
53
- };
54
- };
55
27
  '& .SCMyEventsWidget-actions': {
56
28
  height: string;
57
29
  padding: string;
58
30
  justifyContent: string;
59
- gap: string;
31
+ gap: any;
60
32
  };
61
33
  };
62
34
  };