@selfcommunity/react-theme-default 0.1.50-events.60 → 0.1.50-events.63
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.
- package/lib/cjs/components/SCEvent.d.ts +0 -3
- package/lib/cjs/components/SCEvent.js +1 -4
- package/lib/cjs/components/SCEventHeader.d.ts +3 -0
- package/lib/cjs/components/SCEventHeader.js +8 -5
- package/lib/cjs/components/SCEventMembersWidget.d.ts +66 -0
- package/lib/cjs/components/SCEventMembersWidget.js +62 -0
- package/lib/cjs/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts} +2 -2
- package/lib/cjs/components/{SCEventPartecipantsButton.js → SCEventParticipantsButton.js} +3 -3
- package/lib/cjs/components/SCEventSubscribeButton.d.ts +0 -1
- package/lib/cjs/components/SCEventSubscribeButton.js +0 -1
- package/lib/cjs/components/SCRelatedEventsWidget.d.ts +91 -0
- package/lib/cjs/components/SCRelatedEventsWidget.js +87 -0
- package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +8 -6
- package/lib/cjs/components/SCSuggestedEventsWidget.js +11 -9
- package/lib/cjs/index.d.ts +175 -13
- package/lib/cjs/index.js +7 -3
- package/lib/esm/components/SCEvent.d.ts +0 -3
- package/lib/esm/components/SCEvent.js +1 -4
- package/lib/esm/components/SCEventHeader.d.ts +3 -0
- package/lib/esm/components/SCEventHeader.js +8 -5
- package/lib/esm/components/SCEventMembersWidget.d.ts +66 -0
- package/lib/esm/components/SCEventMembersWidget.js +60 -0
- package/lib/esm/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts} +2 -2
- package/lib/esm/components/{SCEventPartecipantsButton.js → SCEventParticipantsButton.js} +3 -3
- package/lib/esm/components/SCEventSubscribeButton.d.ts +0 -1
- package/lib/esm/components/SCEventSubscribeButton.js +0 -1
- package/lib/esm/components/SCRelatedEventsWidget.d.ts +91 -0
- package/lib/esm/components/SCRelatedEventsWidget.js +85 -0
- package/lib/esm/components/SCSuggestedEventsWidget.d.ts +8 -6
- package/lib/esm/components/SCSuggestedEventsWidget.js +11 -9
- package/lib/esm/index.d.ts +175 -13
- package/lib/esm/index.js +7 -3
- package/lib/umd/react-theme-default.js +3 -3
- package/package.json +4 -4
package/lib/cjs/index.d.ts
CHANGED
|
@@ -6490,9 +6490,6 @@ declare const theme: {
|
|
|
6490
6490
|
'& .SCEvent-preview-name-wrapper': {
|
|
6491
6491
|
textDecoration: string;
|
|
6492
6492
|
color: string;
|
|
6493
|
-
'& .SCEvent-preview-name': {
|
|
6494
|
-
marginBottom: string;
|
|
6495
|
-
};
|
|
6496
6493
|
};
|
|
6497
6494
|
};
|
|
6498
6495
|
};
|
|
@@ -6768,6 +6765,7 @@ declare const theme: {
|
|
|
6768
6765
|
fontSize: string;
|
|
6769
6766
|
fontWeight: any;
|
|
6770
6767
|
color: any;
|
|
6768
|
+
paddingLeft: any;
|
|
6771
6769
|
};
|
|
6772
6770
|
'& .SCEventHeader-info': {
|
|
6773
6771
|
paddingRight: any;
|
|
@@ -6776,12 +6774,14 @@ declare const theme: {
|
|
|
6776
6774
|
'& .SCEventHeader-name': {
|
|
6777
6775
|
fontSize: string;
|
|
6778
6776
|
fontWeight: any;
|
|
6777
|
+
paddingLeft: any;
|
|
6779
6778
|
};
|
|
6780
6779
|
'& .SCEventHeader-visibility': {
|
|
6781
6780
|
display: string;
|
|
6782
6781
|
justifyContent: string;
|
|
6783
6782
|
alignItems: string;
|
|
6784
6783
|
gap: any;
|
|
6784
|
+
paddingLeft: any;
|
|
6785
6785
|
'& .SCEventHeader-visibility-item': {
|
|
6786
6786
|
fontSize: any;
|
|
6787
6787
|
fontWeight: any;
|
|
@@ -6923,7 +6923,6 @@ declare const theme: {
|
|
|
6923
6923
|
backgroundColor: any;
|
|
6924
6924
|
justifyContent: string;
|
|
6925
6925
|
height: number;
|
|
6926
|
-
width: number;
|
|
6927
6926
|
borderRadius: string;
|
|
6928
6927
|
'&:hover, &:active': {
|
|
6929
6928
|
backgroundColor: any;
|
|
@@ -6990,7 +6989,7 @@ declare const theme: {
|
|
|
6990
6989
|
};
|
|
6991
6990
|
};
|
|
6992
6991
|
};
|
|
6993
|
-
|
|
6992
|
+
SCEventParticipantsButton: {
|
|
6994
6993
|
styleOverrides: {
|
|
6995
6994
|
root: ({ theme }: {
|
|
6996
6995
|
theme: any;
|
|
@@ -7007,14 +7006,14 @@ declare const theme: {
|
|
|
7007
7006
|
width: string;
|
|
7008
7007
|
height: string;
|
|
7009
7008
|
};
|
|
7010
|
-
'& .
|
|
7009
|
+
'& .SCEventParticipantsButton-participants': {
|
|
7011
7010
|
color: any;
|
|
7012
7011
|
};
|
|
7013
7012
|
};
|
|
7014
7013
|
dialogRoot: ({ theme }: {
|
|
7015
7014
|
theme: any;
|
|
7016
7015
|
}) => {
|
|
7017
|
-
'& .
|
|
7016
|
+
'& .SCEventParticipantsButton-infinite-scroll': {
|
|
7018
7017
|
[x: number]: {
|
|
7019
7018
|
height: string;
|
|
7020
7019
|
};
|
|
@@ -7184,19 +7183,21 @@ declare const theme: {
|
|
|
7184
7183
|
};
|
|
7185
7184
|
};
|
|
7186
7185
|
};
|
|
7187
|
-
'& .SCSuggestedEventsWidget-swiper-
|
|
7186
|
+
'& .SCSuggestedEventsWidget-swiper-arrow': {
|
|
7188
7187
|
position: string;
|
|
7189
7188
|
top: string;
|
|
7190
7189
|
transform: string;
|
|
7191
|
-
left: string;
|
|
7192
7190
|
zIndex: number;
|
|
7191
|
+
paddingLeft: string;
|
|
7192
|
+
paddingRight: string;
|
|
7193
|
+
minWidth: string;
|
|
7194
|
+
backgroundColor: any;
|
|
7195
|
+
};
|
|
7196
|
+
'& .SCSuggestedEventsWidget-swiper-prev-arrow': {
|
|
7197
|
+
left: string;
|
|
7193
7198
|
};
|
|
7194
7199
|
'& .SCSuggestedEventsWidget-swiper-next-arrow': {
|
|
7195
|
-
position: string;
|
|
7196
|
-
top: string;
|
|
7197
|
-
transform: string;
|
|
7198
7200
|
right: string;
|
|
7199
|
-
zIndex: number;
|
|
7200
7201
|
};
|
|
7201
7202
|
};
|
|
7202
7203
|
};
|
|
@@ -7228,6 +7229,167 @@ declare const theme: {
|
|
|
7228
7229
|
};
|
|
7229
7230
|
};
|
|
7230
7231
|
};
|
|
7232
|
+
SCEventMembersWidget: {
|
|
7233
|
+
styleOverrides: {
|
|
7234
|
+
root: ({ theme }: {
|
|
7235
|
+
theme: any;
|
|
7236
|
+
}) => {
|
|
7237
|
+
/**
|
|
7238
|
+
* Style fragments - Imports - Start
|
|
7239
|
+
*/
|
|
7240
|
+
'& .SCEventMembersWidget-content': {
|
|
7241
|
+
padding: string;
|
|
7242
|
+
'& .SCEventMembersWidget-title': {
|
|
7243
|
+
marginBottom: string;
|
|
7244
|
+
};
|
|
7245
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
7246
|
+
borderBottom: string;
|
|
7247
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
7248
|
+
gap: string;
|
|
7249
|
+
alignItems: string;
|
|
7250
|
+
};
|
|
7251
|
+
};
|
|
7252
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
7253
|
+
padding: string;
|
|
7254
|
+
};
|
|
7255
|
+
};
|
|
7256
|
+
'& .SCEventMembersWidget-actions': {
|
|
7257
|
+
padding: string;
|
|
7258
|
+
justifyContent: string;
|
|
7259
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
7260
|
+
color: any;
|
|
7261
|
+
};
|
|
7262
|
+
};
|
|
7263
|
+
};
|
|
7264
|
+
skeletonRoot: ({ theme }: {
|
|
7265
|
+
theme: any;
|
|
7266
|
+
}) => {
|
|
7267
|
+
'& .SCEventMembersWidget-content': {
|
|
7268
|
+
padding: string;
|
|
7269
|
+
'& .SCEventMembersWidget-title': {
|
|
7270
|
+
marginBottom: string;
|
|
7271
|
+
};
|
|
7272
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
7273
|
+
borderBottom: string;
|
|
7274
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
7275
|
+
gap: string;
|
|
7276
|
+
alignItems: string;
|
|
7277
|
+
};
|
|
7278
|
+
};
|
|
7279
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
7280
|
+
padding: string;
|
|
7281
|
+
};
|
|
7282
|
+
};
|
|
7283
|
+
'& .SCEventMembersWidget-actions': {
|
|
7284
|
+
padding: string;
|
|
7285
|
+
justifyContent: string;
|
|
7286
|
+
};
|
|
7287
|
+
};
|
|
7288
|
+
dialogRoot: ({ theme }: {
|
|
7289
|
+
theme: any;
|
|
7290
|
+
}) => {
|
|
7291
|
+
'& .SCEventMembersWidget-infinite-scroll': {
|
|
7292
|
+
[x: number]: {
|
|
7293
|
+
height: string;
|
|
7294
|
+
};
|
|
7295
|
+
height: string;
|
|
7296
|
+
};
|
|
7297
|
+
};
|
|
7298
|
+
};
|
|
7299
|
+
};
|
|
7300
|
+
SCRelatedEventsWidget: {
|
|
7301
|
+
styleOverrides: {
|
|
7302
|
+
root: ({ theme }: {
|
|
7303
|
+
theme: any;
|
|
7304
|
+
}) => {
|
|
7305
|
+
/**
|
|
7306
|
+
* Style fragments - Imports - Start
|
|
7307
|
+
*/
|
|
7308
|
+
'& .SCRelatedEventsWidget-content': {
|
|
7309
|
+
padding: string;
|
|
7310
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
7311
|
+
flexDirection: string;
|
|
7312
|
+
alignItems: string;
|
|
7313
|
+
gap: any;
|
|
7314
|
+
marginBottom: any;
|
|
7315
|
+
color: string;
|
|
7316
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
7317
|
+
width: string;
|
|
7318
|
+
height: string;
|
|
7319
|
+
};
|
|
7320
|
+
};
|
|
7321
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
7322
|
+
gap: any;
|
|
7323
|
+
'& .SCRelatedEventsWidget-event': {
|
|
7324
|
+
'& > div': {
|
|
7325
|
+
padding: string;
|
|
7326
|
+
'& > .SCBaseItem-content': {
|
|
7327
|
+
'& > .SCBaseItem-text': {
|
|
7328
|
+
margin: number;
|
|
7329
|
+
};
|
|
7330
|
+
};
|
|
7331
|
+
};
|
|
7332
|
+
};
|
|
7333
|
+
};
|
|
7334
|
+
};
|
|
7335
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
7336
|
+
padding: string;
|
|
7337
|
+
justifyContent: string;
|
|
7338
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
7339
|
+
color: any;
|
|
7340
|
+
};
|
|
7341
|
+
};
|
|
7342
|
+
};
|
|
7343
|
+
skeletonRoot: ({ theme }: {
|
|
7344
|
+
theme: any;
|
|
7345
|
+
}) => {
|
|
7346
|
+
'& .SCRelatedEventsWidget-content': {
|
|
7347
|
+
padding: string;
|
|
7348
|
+
'& .SCRelatedEventsWidget-user': {
|
|
7349
|
+
marginBottom: any;
|
|
7350
|
+
'& > .SCBaseItem-content': {
|
|
7351
|
+
'& > .SCBaseItem-text': {
|
|
7352
|
+
margin: number;
|
|
7353
|
+
};
|
|
7354
|
+
};
|
|
7355
|
+
'& > .SCBaseItem-actions': {
|
|
7356
|
+
display: string;
|
|
7357
|
+
};
|
|
7358
|
+
};
|
|
7359
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
7360
|
+
gap: any;
|
|
7361
|
+
'& .SCRelatedEventsWidget-event': {
|
|
7362
|
+
'& > div': {
|
|
7363
|
+
padding: string;
|
|
7364
|
+
'& > .SCBaseItem-content': {
|
|
7365
|
+
'& > .SCBaseItem-text': {
|
|
7366
|
+
margin: number;
|
|
7367
|
+
};
|
|
7368
|
+
};
|
|
7369
|
+
};
|
|
7370
|
+
};
|
|
7371
|
+
};
|
|
7372
|
+
};
|
|
7373
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
7374
|
+
padding: string;
|
|
7375
|
+
justifyContent: string;
|
|
7376
|
+
};
|
|
7377
|
+
};
|
|
7378
|
+
dialogRoot: ({ theme }: {
|
|
7379
|
+
theme: any;
|
|
7380
|
+
}) => {
|
|
7381
|
+
'& .SCRelatedEventsWidget-infinite-scroll': {
|
|
7382
|
+
[x: number]: {
|
|
7383
|
+
height: string;
|
|
7384
|
+
};
|
|
7385
|
+
height: string;
|
|
7386
|
+
'& .SCEvent-root': {
|
|
7387
|
+
width: string;
|
|
7388
|
+
};
|
|
7389
|
+
};
|
|
7390
|
+
};
|
|
7391
|
+
};
|
|
7392
|
+
};
|
|
7231
7393
|
};
|
|
7232
7394
|
selfcommunity: {
|
|
7233
7395
|
user: {
|
package/lib/cjs/index.js
CHANGED
|
@@ -72,7 +72,8 @@ const SCEventInfoDetails_1 = tslib_1.__importDefault(require("./components/SCEve
|
|
|
72
72
|
const SCEventInfoWidget_1 = tslib_1.__importDefault(require("./components/SCEventInfoWidget"));
|
|
73
73
|
const SCEventInviteButton_1 = tslib_1.__importDefault(require("./components/SCEventInviteButton"));
|
|
74
74
|
const SCEventLocationWidget_1 = tslib_1.__importDefault(require("./components/SCEventLocationWidget"));
|
|
75
|
-
const
|
|
75
|
+
const SCEventMembersWidget_1 = tslib_1.__importDefault(require("./components/SCEventMembersWidget"));
|
|
76
|
+
const SCEventParticipantsButton_1 = tslib_1.__importDefault(require("./components/SCEventParticipantsButton"));
|
|
76
77
|
const SCEvents_1 = tslib_1.__importDefault(require("./components/SCEvents"));
|
|
77
78
|
const SCEventSubscribeButton_1 = tslib_1.__importDefault(require("./components/SCEventSubscribeButton"));
|
|
78
79
|
const SCExploreFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCExploreFeedTemplate"));
|
|
@@ -128,6 +129,7 @@ const SCPrivateMessageSnippets_1 = tslib_1.__importDefault(require("./components
|
|
|
128
129
|
const SCPrivateMessageThread_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageThread"));
|
|
129
130
|
const SCPrivateMessageThreadItem_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageThreadItem"));
|
|
130
131
|
const SCReactionAction_1 = tslib_1.__importDefault(require("./components/SCReactionAction"));
|
|
132
|
+
const SCRelatedEventsWidget_1 = tslib_1.__importDefault(require("./components/SCRelatedEventsWidget"));
|
|
131
133
|
const SCRelatedFeedObjectsWidget_1 = tslib_1.__importDefault(require("./components/SCRelatedFeedObjectsWidget"));
|
|
132
134
|
const SCScrollContainer_1 = tslib_1.__importDefault(require("./components/SCScrollContainer"));
|
|
133
135
|
const SCSearchAutocomplete_1 = tslib_1.__importDefault(require("./components/SCSearchAutocomplete"));
|
|
@@ -369,11 +371,13 @@ const theme = {
|
|
|
369
371
|
SCEventInfoWidget: SCEventInfoWidget_1.default,
|
|
370
372
|
SCEventInfoDetails: SCEventInfoDetails_1.default,
|
|
371
373
|
SCEventSubscribeButton: SCEventSubscribeButton_1.default,
|
|
372
|
-
|
|
374
|
+
SCEventParticipantsButton: SCEventParticipantsButton_1.default,
|
|
373
375
|
SCMyEventsWidget: SCMyEventsWidget_1.default,
|
|
374
376
|
SCCalendar: SCCalendar_1.default,
|
|
375
377
|
SCCreateEventWidget: SCCreateEventWidget_1.default,
|
|
376
|
-
SCSuggestedEventsWidget: SCSuggestedEventsWidget_1.default
|
|
378
|
+
SCSuggestedEventsWidget: SCSuggestedEventsWidget_1.default,
|
|
379
|
+
SCEventMembersWidget: SCEventMembersWidget_1.default,
|
|
380
|
+
SCRelatedEventsWidget: SCRelatedEventsWidget_1.default
|
|
377
381
|
},
|
|
378
382
|
selfcommunity: {
|
|
379
383
|
user: {
|
|
@@ -16,6 +16,7 @@ declare const Component: {
|
|
|
16
16
|
fontSize: string;
|
|
17
17
|
fontWeight: any;
|
|
18
18
|
color: any;
|
|
19
|
+
paddingLeft: any;
|
|
19
20
|
};
|
|
20
21
|
'& .SCEventHeader-info': {
|
|
21
22
|
paddingRight: any;
|
|
@@ -24,12 +25,14 @@ declare const Component: {
|
|
|
24
25
|
'& .SCEventHeader-name': {
|
|
25
26
|
fontSize: string;
|
|
26
27
|
fontWeight: any;
|
|
28
|
+
paddingLeft: any;
|
|
27
29
|
};
|
|
28
30
|
'& .SCEventHeader-visibility': {
|
|
29
31
|
display: string;
|
|
30
32
|
justifyContent: string;
|
|
31
33
|
alignItems: string;
|
|
32
34
|
gap: any;
|
|
35
|
+
paddingLeft: any;
|
|
33
36
|
'& .SCEventHeader-visibility-item': {
|
|
34
37
|
fontSize: any;
|
|
35
38
|
fontWeight: any;
|
|
@@ -16,21 +16,24 @@ const Component = {
|
|
|
16
16
|
textTransform: 'uppercase',
|
|
17
17
|
fontSize: '1.143rem',
|
|
18
18
|
fontWeight: theme.typography.fontWeightLight,
|
|
19
|
-
color: theme.palette.text.secondary
|
|
19
|
+
color: theme.palette.text.secondary,
|
|
20
|
+
paddingLeft: theme.spacing(2)
|
|
20
21
|
},
|
|
21
22
|
'& .SCEventHeader-info': {
|
|
22
|
-
paddingRight: theme.spacing(
|
|
23
|
-
paddingLeft: theme.spacing(
|
|
23
|
+
paddingRight: theme.spacing(),
|
|
24
|
+
paddingLeft: theme.spacing(),
|
|
24
25
|
marginTop: theme.spacing(6),
|
|
25
26
|
'& .SCEventHeader-name': {
|
|
26
27
|
fontSize: '1.857rem',
|
|
27
|
-
fontWeight: theme.typography.fontWeightBold
|
|
28
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
29
|
+
paddingLeft: theme.spacing(2),
|
|
28
30
|
},
|
|
29
31
|
'& .SCEventHeader-visibility': {
|
|
30
32
|
display: 'flex',
|
|
31
33
|
justifyContent: 'flex-start',
|
|
32
34
|
alignItems: 'center',
|
|
33
35
|
gap: theme.spacing(0.5),
|
|
36
|
+
paddingLeft: theme.spacing(2),
|
|
34
37
|
'& .SCEventHeader-visibility-item': {
|
|
35
38
|
fontSize: theme.typography.fontSize,
|
|
36
39
|
fontWeight: theme.typography.fontWeightLight,
|
|
@@ -52,7 +55,7 @@ const Component = {
|
|
|
52
55
|
'& .SCUser-root': {
|
|
53
56
|
borderTop: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
54
57
|
borderBottom: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
55
|
-
padding: `${theme.spacing(0.5)} !important`,
|
|
58
|
+
padding: `${theme.spacing(0.5)} ${theme.spacing(2)} ${theme.spacing(0.5)} ${theme.spacing(2)}!important`,
|
|
56
59
|
marginTop: theme.spacing(1),
|
|
57
60
|
'& .SCBaseItemButton-actions': {
|
|
58
61
|
maxWidth: 'none',
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCEventMembersWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCEventMembersWidget-title': {
|
|
9
|
+
marginBottom: string;
|
|
10
|
+
};
|
|
11
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
12
|
+
borderBottom: string;
|
|
13
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
14
|
+
gap: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
19
|
+
padding: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'& .SCEventMembersWidget-actions': {
|
|
23
|
+
padding: string;
|
|
24
|
+
justifyContent: string;
|
|
25
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
26
|
+
color: any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
skeletonRoot: ({ theme }: {
|
|
31
|
+
theme: any;
|
|
32
|
+
}) => {
|
|
33
|
+
'& .SCEventMembersWidget-content': {
|
|
34
|
+
padding: string;
|
|
35
|
+
'& .SCEventMembersWidget-title': {
|
|
36
|
+
marginBottom: string;
|
|
37
|
+
};
|
|
38
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
39
|
+
borderBottom: string;
|
|
40
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
41
|
+
gap: string;
|
|
42
|
+
alignItems: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
46
|
+
padding: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
'& .SCEventMembersWidget-actions': {
|
|
50
|
+
padding: string;
|
|
51
|
+
justifyContent: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
dialogRoot: ({ theme }: {
|
|
55
|
+
theme: any;
|
|
56
|
+
}) => {
|
|
57
|
+
'& .SCEventMembersWidget-infinite-scroll': {
|
|
58
|
+
[x: number]: {
|
|
59
|
+
height: string;
|
|
60
|
+
};
|
|
61
|
+
height: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
export default Component;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
'& .SCEventMembersWidget-content': {
|
|
5
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
6
|
+
'& .SCEventMembersWidget-title': {
|
|
7
|
+
marginBottom: '18px'
|
|
8
|
+
},
|
|
9
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
10
|
+
borderBottom: `1px solid ${theme.palette.grey['300']}`,
|
|
11
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
12
|
+
gap: '2px',
|
|
13
|
+
alignItems: 'center'
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
17
|
+
padding: `${theme.spacing(4)} 0 0`
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
'& .SCEventMembersWidget-actions': {
|
|
21
|
+
padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
22
|
+
justifyContent: 'center',
|
|
23
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
24
|
+
color: theme.palette.primary.main
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}),
|
|
28
|
+
skeletonRoot: ({ theme }) => ({
|
|
29
|
+
'& .SCEventMembersWidget-content': {
|
|
30
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
31
|
+
'& .SCEventMembersWidget-title': {
|
|
32
|
+
marginBottom: '18px'
|
|
33
|
+
},
|
|
34
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
35
|
+
borderBottom: `1px solid ${theme.palette.grey['300']}`,
|
|
36
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
37
|
+
gap: '2px',
|
|
38
|
+
alignItems: 'center'
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
42
|
+
padding: `${theme.spacing(4)} 0 0`
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
'& .SCEventMembersWidget-actions': {
|
|
46
|
+
padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
47
|
+
justifyContent: 'center'
|
|
48
|
+
}
|
|
49
|
+
}),
|
|
50
|
+
dialogRoot: ({ theme }) => ({
|
|
51
|
+
'& .SCEventMembersWidget-infinite-scroll': {
|
|
52
|
+
height: '400px',
|
|
53
|
+
[theme.breakpoints.down('md')]: {
|
|
54
|
+
height: '100%'
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
})
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
export default Component;
|
package/lib/esm/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts}
RENAMED
|
@@ -12,14 +12,14 @@ declare const Component: {
|
|
|
12
12
|
width: string;
|
|
13
13
|
height: string;
|
|
14
14
|
};
|
|
15
|
-
'& .
|
|
15
|
+
'& .SCEventParticipantsButton-participants': {
|
|
16
16
|
color: any;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
dialogRoot: ({ theme }: {
|
|
20
20
|
theme: any;
|
|
21
21
|
}) => {
|
|
22
|
-
'& .
|
|
22
|
+
'& .SCEventParticipantsButton-infinite-scroll': {
|
|
23
23
|
[x: number]: {
|
|
24
24
|
height: string;
|
|
25
25
|
};
|
|
@@ -10,12 +10,12 @@ const Component = {
|
|
|
10
10
|
width: '24px',
|
|
11
11
|
height: '24px'
|
|
12
12
|
},
|
|
13
|
-
'& .
|
|
14
|
-
color: theme.palette.
|
|
13
|
+
'& .SCEventParticipantsButton-participants': {
|
|
14
|
+
color: theme.palette.grey[600]
|
|
15
15
|
}
|
|
16
16
|
}),
|
|
17
17
|
dialogRoot: ({ theme }) => ({
|
|
18
|
-
'& .
|
|
18
|
+
'& .SCEventParticipantsButton-infinite-scroll': {
|
|
19
19
|
height: '400px !important',
|
|
20
20
|
[theme.breakpoints.down('md')]: {
|
|
21
21
|
height: '100%'
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCRelatedEventsWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
9
|
+
flexDirection: string;
|
|
10
|
+
alignItems: string;
|
|
11
|
+
gap: any;
|
|
12
|
+
marginBottom: any;
|
|
13
|
+
color: string;
|
|
14
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
15
|
+
width: string;
|
|
16
|
+
height: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
20
|
+
gap: any;
|
|
21
|
+
'& .SCRelatedEventsWidget-event': {
|
|
22
|
+
'& > div': {
|
|
23
|
+
padding: string;
|
|
24
|
+
'& > .SCBaseItem-content': {
|
|
25
|
+
'& > .SCBaseItem-text': {
|
|
26
|
+
margin: number;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
34
|
+
padding: string;
|
|
35
|
+
justifyContent: string;
|
|
36
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
37
|
+
color: any;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
skeletonRoot: ({ theme }: {
|
|
42
|
+
theme: any;
|
|
43
|
+
}) => {
|
|
44
|
+
'& .SCRelatedEventsWidget-content': {
|
|
45
|
+
padding: string;
|
|
46
|
+
'& .SCRelatedEventsWidget-user': {
|
|
47
|
+
marginBottom: any;
|
|
48
|
+
'& > .SCBaseItem-content': {
|
|
49
|
+
'& > .SCBaseItem-text': {
|
|
50
|
+
margin: number;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
'& > .SCBaseItem-actions': {
|
|
54
|
+
display: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
58
|
+
gap: any;
|
|
59
|
+
'& .SCRelatedEventsWidget-event': {
|
|
60
|
+
'& > div': {
|
|
61
|
+
padding: string;
|
|
62
|
+
'& > .SCBaseItem-content': {
|
|
63
|
+
'& > .SCBaseItem-text': {
|
|
64
|
+
margin: number;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
72
|
+
padding: string;
|
|
73
|
+
justifyContent: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
dialogRoot: ({ theme }: {
|
|
77
|
+
theme: any;
|
|
78
|
+
}) => {
|
|
79
|
+
'& .SCRelatedEventsWidget-infinite-scroll': {
|
|
80
|
+
[x: number]: {
|
|
81
|
+
height: string;
|
|
82
|
+
};
|
|
83
|
+
height: string;
|
|
84
|
+
'& .SCEvent-root': {
|
|
85
|
+
width: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
export default Component;
|