@selfcommunity/react-theme-default 0.1.50-events.59 → 0.1.50-events.62

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.
@@ -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,62 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCEventMembersWidget-content': {
7
+ padding: `${theme.spacing(2)} ${theme.spacing(2)} ${theme.spacing(3)}`,
8
+ '& .SCEventMembersWidget-title': {
9
+ marginBottom: '18px'
10
+ },
11
+ '& .SCEventMembersWidget-tabs-wrapper': {
12
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
13
+ '& .SCEventMembersWidget-tab-label-wrapper': {
14
+ gap: '2px',
15
+ alignItems: 'center'
16
+ }
17
+ },
18
+ '& .SCEventMembersWidget-tab-panel': {
19
+ padding: `${theme.spacing(4)} 0 0`
20
+ }
21
+ },
22
+ '& .SCEventMembersWidget-actions': {
23
+ padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
24
+ justifyContent: 'center',
25
+ '& .SCSuggestedEventsWidget-actionButton': {
26
+ color: theme.palette.primary.main
27
+ }
28
+ }
29
+ }),
30
+ skeletonRoot: ({ theme }) => ({
31
+ '& .SCEventMembersWidget-content': {
32
+ padding: `${theme.spacing(2)} ${theme.spacing(2)} ${theme.spacing(3)}`,
33
+ '& .SCEventMembersWidget-title': {
34
+ marginBottom: '18px'
35
+ },
36
+ '& .SCEventMembersWidget-tabs-wrapper': {
37
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
38
+ '& .SCEventMembersWidget-tab-label-wrapper': {
39
+ gap: '2px',
40
+ alignItems: 'center'
41
+ }
42
+ },
43
+ '& .SCEventMembersWidget-tab-panel': {
44
+ padding: `${theme.spacing(4)} 0 0`
45
+ }
46
+ },
47
+ '& .SCEventMembersWidget-actions': {
48
+ padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
49
+ justifyContent: 'center'
50
+ }
51
+ }),
52
+ dialogRoot: ({ theme }) => ({
53
+ '& .SCEventMembersWidget-infinite-scroll': {
54
+ height: '400px',
55
+ [theme.breakpoints.down('md')]: {
56
+ height: '100%'
57
+ }
58
+ }
59
+ })
60
+ }
61
+ };
62
+ exports.default = Component;
@@ -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;
@@ -0,0 +1,87 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCRelatedEventsWidget-content': {
7
+ padding: `10px ${theme.spacing(2)} 12px`,
8
+ '& .SCRelatedEventsWidget-avatar-wrapper': {
9
+ flexDirection: 'row',
10
+ alignItems: 'center',
11
+ gap: theme.spacing(1),
12
+ marginBottom: theme.spacing(2),
13
+ color: 'inherit',
14
+ '& .SCRelatedEventsWidget-avatar': {
15
+ width: '36px',
16
+ height: '36px'
17
+ }
18
+ },
19
+ '& .SCRelatedEventsWidget-event-wrapper': {
20
+ gap: theme.spacing(2),
21
+ '& .SCRelatedEventsWidget-event': {
22
+ '& > div': {
23
+ padding: '0 !important',
24
+ '& > .SCBaseItem-content': {
25
+ '& > .SCBaseItem-text': {
26
+ margin: 0
27
+ }
28
+ }
29
+ }
30
+ }
31
+ }
32
+ },
33
+ '& .SCRelatedEventsWidget-actions': {
34
+ padding: `0 ${theme.spacing(2)} 15px`,
35
+ justifyContent: 'center',
36
+ '& .SCSuggestedEventsWidget-actionButton': {
37
+ color: theme.palette.primary.main
38
+ }
39
+ }
40
+ }),
41
+ skeletonRoot: ({ theme }) => ({
42
+ '& .SCRelatedEventsWidget-content': {
43
+ padding: `10px ${theme.spacing(2)} 12px`,
44
+ '& .SCRelatedEventsWidget-user': {
45
+ marginBottom: theme.spacing(2),
46
+ '& > .SCBaseItem-content': {
47
+ '& > .SCBaseItem-text': {
48
+ margin: 0
49
+ }
50
+ },
51
+ '& > .SCBaseItem-actions': {
52
+ display: 'none'
53
+ }
54
+ },
55
+ '& .SCRelatedEventsWidget-event-wrapper': {
56
+ gap: theme.spacing(2),
57
+ '& .SCRelatedEventsWidget-event': {
58
+ '& > div': {
59
+ padding: '0 !important',
60
+ '& > .SCBaseItem-content': {
61
+ '& > .SCBaseItem-text': {
62
+ margin: 0
63
+ }
64
+ }
65
+ }
66
+ }
67
+ }
68
+ },
69
+ '& .SCRelatedEventsWidget-actions': {
70
+ padding: `0 ${theme.spacing(2)} 15px`,
71
+ justifyContent: 'center'
72
+ }
73
+ }),
74
+ dialogRoot: ({ theme }) => ({
75
+ '& .SCRelatedEventsWidget-infinite-scroll': {
76
+ height: '400px',
77
+ [theme.breakpoints.down('md')]: {
78
+ height: '100%'
79
+ },
80
+ '& .SCEvent-root': {
81
+ width: '100%'
82
+ }
83
+ }
84
+ })
85
+ }
86
+ };
87
+ exports.default = Component;
@@ -7228,6 +7228,167 @@ declare const theme: {
7228
7228
  };
7229
7229
  };
7230
7230
  };
7231
+ SCEventMembersWidget: {
7232
+ styleOverrides: {
7233
+ root: ({ theme }: {
7234
+ theme: any;
7235
+ }) => {
7236
+ /**
7237
+ * Style fragments - Imports - Start
7238
+ */
7239
+ '& .SCEventMembersWidget-content': {
7240
+ padding: string;
7241
+ '& .SCEventMembersWidget-title': {
7242
+ marginBottom: string;
7243
+ };
7244
+ '& .SCEventMembersWidget-tabs-wrapper': {
7245
+ borderBottom: string;
7246
+ '& .SCEventMembersWidget-tab-label-wrapper': {
7247
+ gap: string;
7248
+ alignItems: string;
7249
+ };
7250
+ };
7251
+ '& .SCEventMembersWidget-tab-panel': {
7252
+ padding: string;
7253
+ };
7254
+ };
7255
+ '& .SCEventMembersWidget-actions': {
7256
+ padding: string;
7257
+ justifyContent: string;
7258
+ '& .SCSuggestedEventsWidget-actionButton': {
7259
+ color: any;
7260
+ };
7261
+ };
7262
+ };
7263
+ skeletonRoot: ({ theme }: {
7264
+ theme: any;
7265
+ }) => {
7266
+ '& .SCEventMembersWidget-content': {
7267
+ padding: string;
7268
+ '& .SCEventMembersWidget-title': {
7269
+ marginBottom: string;
7270
+ };
7271
+ '& .SCEventMembersWidget-tabs-wrapper': {
7272
+ borderBottom: string;
7273
+ '& .SCEventMembersWidget-tab-label-wrapper': {
7274
+ gap: string;
7275
+ alignItems: string;
7276
+ };
7277
+ };
7278
+ '& .SCEventMembersWidget-tab-panel': {
7279
+ padding: string;
7280
+ };
7281
+ };
7282
+ '& .SCEventMembersWidget-actions': {
7283
+ padding: string;
7284
+ justifyContent: string;
7285
+ };
7286
+ };
7287
+ dialogRoot: ({ theme }: {
7288
+ theme: any;
7289
+ }) => {
7290
+ '& .SCEventMembersWidget-infinite-scroll': {
7291
+ [x: number]: {
7292
+ height: string;
7293
+ };
7294
+ height: string;
7295
+ };
7296
+ };
7297
+ };
7298
+ };
7299
+ SCRelatedEventsWidget: {
7300
+ styleOverrides: {
7301
+ root: ({ theme }: {
7302
+ theme: any;
7303
+ }) => {
7304
+ /**
7305
+ * Style fragments - Imports - Start
7306
+ */
7307
+ '& .SCRelatedEventsWidget-content': {
7308
+ padding: string;
7309
+ '& .SCRelatedEventsWidget-avatar-wrapper': {
7310
+ flexDirection: string;
7311
+ alignItems: string;
7312
+ gap: any;
7313
+ marginBottom: any;
7314
+ color: string;
7315
+ '& .SCRelatedEventsWidget-avatar': {
7316
+ width: string;
7317
+ height: string;
7318
+ };
7319
+ };
7320
+ '& .SCRelatedEventsWidget-event-wrapper': {
7321
+ gap: any;
7322
+ '& .SCRelatedEventsWidget-event': {
7323
+ '& > div': {
7324
+ padding: string;
7325
+ '& > .SCBaseItem-content': {
7326
+ '& > .SCBaseItem-text': {
7327
+ margin: number;
7328
+ };
7329
+ };
7330
+ };
7331
+ };
7332
+ };
7333
+ };
7334
+ '& .SCRelatedEventsWidget-actions': {
7335
+ padding: string;
7336
+ justifyContent: string;
7337
+ '& .SCSuggestedEventsWidget-actionButton': {
7338
+ color: any;
7339
+ };
7340
+ };
7341
+ };
7342
+ skeletonRoot: ({ theme }: {
7343
+ theme: any;
7344
+ }) => {
7345
+ '& .SCRelatedEventsWidget-content': {
7346
+ padding: string;
7347
+ '& .SCRelatedEventsWidget-user': {
7348
+ marginBottom: any;
7349
+ '& > .SCBaseItem-content': {
7350
+ '& > .SCBaseItem-text': {
7351
+ margin: number;
7352
+ };
7353
+ };
7354
+ '& > .SCBaseItem-actions': {
7355
+ display: string;
7356
+ };
7357
+ };
7358
+ '& .SCRelatedEventsWidget-event-wrapper': {
7359
+ gap: any;
7360
+ '& .SCRelatedEventsWidget-event': {
7361
+ '& > div': {
7362
+ padding: string;
7363
+ '& > .SCBaseItem-content': {
7364
+ '& > .SCBaseItem-text': {
7365
+ margin: number;
7366
+ };
7367
+ };
7368
+ };
7369
+ };
7370
+ };
7371
+ };
7372
+ '& .SCRelatedEventsWidget-actions': {
7373
+ padding: string;
7374
+ justifyContent: string;
7375
+ };
7376
+ };
7377
+ dialogRoot: ({ theme }: {
7378
+ theme: any;
7379
+ }) => {
7380
+ '& .SCRelatedEventsWidget-infinite-scroll': {
7381
+ [x: number]: {
7382
+ height: string;
7383
+ };
7384
+ height: string;
7385
+ '& .SCEvent-root': {
7386
+ width: string;
7387
+ };
7388
+ };
7389
+ };
7390
+ };
7391
+ };
7231
7392
  };
7232
7393
  selfcommunity: {
7233
7394
  user: {
package/lib/cjs/index.js CHANGED
@@ -72,6 +72,7 @@ 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 SCEventMembersWidget_1 = tslib_1.__importDefault(require("./components/SCEventMembersWidget"));
75
76
  const SCEventPartecipantsButton_1 = tslib_1.__importDefault(require("./components/SCEventPartecipantsButton"));
76
77
  const SCEvents_1 = tslib_1.__importDefault(require("./components/SCEvents"));
77
78
  const SCEventSubscribeButton_1 = tslib_1.__importDefault(require("./components/SCEventSubscribeButton"));
@@ -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"));
@@ -373,7 +375,9 @@ const theme = {
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: {
@@ -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;