@selfcommunity/react-theme-default 0.4.2-alpha.0 → 0.4.2-alpha.2

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 (18) hide show
  1. package/lib/cjs/components/SCCategoryFollowersButton.d.ts +22 -12
  2. package/lib/cjs/components/SCCategoryFollowersButton.js +24 -14
  3. package/lib/cjs/components/SCEventParticipantsButton.d.ts +22 -12
  4. package/lib/cjs/components/SCEventParticipantsButton.js +22 -13
  5. package/lib/cjs/components/SCGroupMembersButton.d.ts +22 -12
  6. package/lib/cjs/components/SCGroupMembersButton.js +24 -14
  7. package/lib/cjs/index.d.ts +66 -39
  8. package/lib/cjs/index.js +0 -2
  9. package/lib/esm/components/SCCategoryFollowersButton.d.ts +22 -12
  10. package/lib/esm/components/SCCategoryFollowersButton.js +24 -14
  11. package/lib/esm/components/SCEventParticipantsButton.d.ts +22 -12
  12. package/lib/esm/components/SCEventParticipantsButton.js +22 -13
  13. package/lib/esm/components/SCGroupMembersButton.d.ts +22 -12
  14. package/lib/esm/components/SCGroupMembersButton.js +24 -14
  15. package/lib/esm/index.d.ts +66 -39
  16. package/lib/esm/index.js +0 -2
  17. package/lib/umd/react-theme-default.js +1 -1
  18. package/package.json +3 -3
package/lib/cjs/components/SCCategoryFollowersButton.d.ts CHANGED
@@ -1,22 +1,32 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme, followers }: any) => {
4
4
  padding: any;
5
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
6
- width: string;
7
- height: any;
8
- border: string;
9
- fontSize: string;
10
- '&.MuiAvatar-colorDefault': {
11
- marginLeft: number;
12
- backgroundColor: string;
13
- color: any;
5
+ '& .MuiAvatarGroup-root': {
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
7
+ '&.MuiAvatar-colorDefault': {
8
+ marginLeft: number;
9
+ backgroundColor: string;
10
+ color: any;
11
+ border: string;
12
+ borderRadius: number;
13
+ padding: number;
14
+ };
15
+ };
16
+ '& .MuiAvatar-root': {
17
+ height: any;
14
18
  border: string;
15
- borderRadius: number;
16
- padding: number;
19
+ fontSize: string;
20
+ '&:first-of-type': {
21
+ width: any;
22
+ };
23
+ '&:not(:first-of-type)': {
24
+ width: any;
25
+ };
17
26
  };
18
27
  };
19
28
  };
29
+ dialogRoot: () => {};
20
30
  };
21
31
  };
22
32
  export default Component;
package/lib/cjs/components/SCCategoryFollowersButton.js CHANGED
@@ -2,23 +2,33 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
- root: ({ theme }) => ({
5
+ root: ({ theme, followers }) => ({
6
6
  padding: theme.spacing(),
7
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
8
- width: 'auto',
9
- height: theme.selfcommunity.user.avatar.sizeSmall,
10
- border: `1px solid ${theme.palette.common.white}`,
11
- fontSize: '0.7rem',
12
- '&.MuiAvatar-colorDefault': {
13
- marginLeft: 0,
14
- backgroundColor: 'transparent',
15
- color: theme.palette.primary.main,
16
- border: '0 none',
17
- borderRadius: 0,
18
- padding: 1
7
+ '& .MuiAvatarGroup-root': {
8
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
9
+ '&.MuiAvatar-colorDefault': {
10
+ marginLeft: 0,
11
+ backgroundColor: 'transparent',
12
+ color: theme.palette.primary.main,
13
+ border: '0 none',
14
+ borderRadius: 0,
15
+ padding: 1
16
+ }
17
+ },
18
+ '& .MuiAvatar-root': {
19
+ height: theme.selfcommunity.user.avatar.sizeSmall,
20
+ border: `1px solid ${theme.palette.common.white}`,
21
+ fontSize: '0.7rem',
22
+ '&:first-of-type': {
23
+ width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
24
+ },
25
+ '&:not(:first-of-type)': {
26
+ width: theme.selfcommunity.user.avatar.sizeSmall
27
+ }
19
28
  }
20
29
  }
21
- })
30
+ }),
31
+ dialogRoot: () => ({})
22
32
  }
23
33
  };
24
34
  exports.default = Component;
package/lib/cjs/components/SCEventParticipantsButton.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: {
3
+ root: ({ theme, followers }: {
4
4
  theme: any;
5
+ followers: any;
5
6
  }) => {
6
7
  gap: any;
7
8
  marginTop: string;
@@ -9,18 +10,27 @@ declare const Component: {
9
10
  '&:hover': {
10
11
  backgroundColor: string;
11
12
  };
12
- '& .MuiAvatarGroup-avatar': {
13
- width: string;
14
- height: any;
15
- border: string;
16
- fontSize: string;
17
- '&.MuiAvatar-colorDefault': {
18
- marginLeft: number;
19
- backgroundColor: string;
20
- color: any;
13
+ '& .MuiAvatarGroup-root': {
14
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
15
+ '&.MuiAvatar-colorDefault': {
16
+ marginLeft: number;
17
+ backgroundColor: string;
18
+ color: any;
19
+ border: string;
20
+ borderRadius: number;
21
+ padding: number;
22
+ };
23
+ };
24
+ '& .MuiAvatar-root': {
25
+ height: any;
21
26
  border: string;
22
- borderRadius: number;
23
- padding: number;
27
+ fontSize: string;
28
+ '&:first-of-type': {
29
+ width: any;
30
+ };
31
+ '&:not(:first-of-type)': {
32
+ width: any;
33
+ };
24
34
  };
25
35
  };
26
36
  '& .SCEventParticipantsButton-participants': {
package/lib/cjs/components/SCEventParticipantsButton.js CHANGED
@@ -2,25 +2,34 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
- root: ({ theme }) => ({
5
+ root: ({ theme, followers }) => ({
6
6
  gap: theme.spacing(1),
7
7
  marginTop: '0 !important',
8
8
  minWidth: 'auto',
9
9
  '&:hover': {
10
10
  backgroundColor: 'unset'
11
11
  },
12
- '& .MuiAvatarGroup-avatar': {
13
- width: 'auto',
14
- height: theme.selfcommunity.user.avatar.sizeSmall,
15
- border: `1px solid ${theme.palette.common.white}`,
16
- fontSize: '0.7rem',
17
- '&.MuiAvatar-colorDefault': {
18
- marginLeft: 0,
19
- backgroundColor: 'transparent',
20
- color: theme.palette.primary.main,
21
- border: '0 none',
22
- borderRadius: 0,
23
- padding: 1
12
+ '& .MuiAvatarGroup-root': {
13
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
14
+ '&.MuiAvatar-colorDefault': {
15
+ marginLeft: 0,
16
+ backgroundColor: 'transparent',
17
+ color: theme.palette.primary.main,
18
+ border: '0 none',
19
+ borderRadius: 0,
20
+ padding: 1
21
+ }
22
+ },
23
+ '& .MuiAvatar-root': {
24
+ height: theme.selfcommunity.user.avatar.sizeSmall,
25
+ border: `1px solid ${theme.palette.common.white}`,
26
+ fontSize: '0.7rem',
27
+ '&:first-of-type': {
28
+ width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
29
+ },
30
+ '&:not(:first-of-type)': {
31
+ width: theme.selfcommunity.user.avatar.sizeSmall
32
+ }
24
33
  }
25
34
  },
26
35
  '& .SCEventParticipantsButton-participants': {
package/lib/cjs/components/SCGroupMembersButton.d.ts CHANGED
@@ -1,22 +1,32 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme, subscribers }: any) => {
4
4
  padding: any;
5
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
6
- width: string;
7
- height: any;
8
- border: string;
9
- fontSize: string;
10
- '&.MuiAvatar-colorDefault': {
11
- marginLeft: number;
12
- backgroundColor: string;
13
- color: any;
5
+ '& .MuiAvatarGroup-root': {
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
7
+ '&.MuiAvatar-colorDefault': {
8
+ marginLeft: number;
9
+ backgroundColor: string;
10
+ color: any;
11
+ border: string;
12
+ borderRadius: number;
13
+ padding: number;
14
+ };
15
+ };
16
+ '& .MuiAvatar-root': {
17
+ height: any;
14
18
  border: string;
15
- borderRadius: number;
16
- padding: number;
19
+ fontSize: string;
20
+ '&:first-of-type': {
21
+ width: any;
22
+ };
23
+ '&:not(:first-of-type)': {
24
+ width: any;
25
+ };
17
26
  };
18
27
  };
19
28
  };
29
+ dialogRoot: () => {};
20
30
  };
21
31
  };
22
32
  export default Component;
package/lib/cjs/components/SCGroupMembersButton.js CHANGED
@@ -2,23 +2,33 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
- root: ({ theme }) => ({
5
+ root: ({ theme, subscribers }) => ({
6
6
  padding: theme.spacing(),
7
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
8
- width: 'auto',
9
- height: theme.selfcommunity.user.avatar.sizeSmall,
10
- border: `1px solid ${theme.palette.common.white}`,
11
- fontSize: '0.7rem',
12
- '&.MuiAvatar-colorDefault': {
13
- marginLeft: 0,
14
- backgroundColor: 'transparent',
15
- color: theme.palette.primary.main,
16
- border: '0 none',
17
- borderRadius: 0,
18
- padding: 1
7
+ '& .MuiAvatarGroup-root': {
8
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
9
+ '&.MuiAvatar-colorDefault': {
10
+ marginLeft: 0,
11
+ backgroundColor: 'transparent',
12
+ color: theme.palette.primary.main,
13
+ border: '0 none',
14
+ borderRadius: 0,
15
+ padding: 1
16
+ }
17
+ },
18
+ '& .MuiAvatar-root': {
19
+ height: theme.selfcommunity.user.avatar.sizeSmall,
20
+ border: `1px solid ${theme.palette.common.white}`,
21
+ fontSize: '0.7rem',
22
+ '&:first-of-type': {
23
+ width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
24
+ },
25
+ '&:not(:first-of-type)': {
26
+ width: theme.selfcommunity.user.avatar.sizeSmall
27
+ }
19
28
  }
20
29
  }
21
- })
30
+ }),
31
+ dialogRoot: () => ({})
22
32
  }
23
33
  };
24
34
  exports.default = Component;
package/lib/cjs/index.d.ts CHANGED
@@ -708,23 +708,33 @@ declare const theme: {
708
708
  };
709
709
  SCCategoryFollowersButton: {
710
710
  styleOverrides: {
711
- root: ({ theme }: any) => {
711
+ root: ({ theme, followers }: any) => {
712
712
  padding: any;
713
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
714
- width: string;
715
- height: any;
716
- border: string;
717
- fontSize: string;
718
- '&.MuiAvatar-colorDefault': {
719
- marginLeft: number;
720
- backgroundColor: string;
721
- color: any;
713
+ '& .MuiAvatarGroup-root': {
714
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
715
+ '&.MuiAvatar-colorDefault': {
716
+ marginLeft: number;
717
+ backgroundColor: string;
718
+ color: any;
719
+ border: string;
720
+ borderRadius: number;
721
+ padding: number;
722
+ };
723
+ };
724
+ '& .MuiAvatar-root': {
725
+ height: any;
722
726
  border: string;
723
- borderRadius: number;
724
- padding: number;
727
+ fontSize: string;
728
+ '&:first-of-type': {
729
+ width: any;
730
+ };
731
+ '&:not(:first-of-type)': {
732
+ width: any;
733
+ };
725
734
  };
726
735
  };
727
736
  };
737
+ dialogRoot: () => {};
728
738
  };
729
739
  };
730
740
  SCCategoryHeader: {
@@ -3277,23 +3287,33 @@ declare const theme: {
3277
3287
  };
3278
3288
  SCGroupMembersButton: {
3279
3289
  styleOverrides: {
3280
- root: ({ theme }: any) => {
3290
+ root: ({ theme, subscribers }: any) => {
3281
3291
  padding: any;
3282
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
3283
- width: string;
3284
- height: any;
3285
- border: string;
3286
- fontSize: string;
3287
- '&.MuiAvatar-colorDefault': {
3288
- marginLeft: number;
3289
- backgroundColor: string;
3290
- color: any;
3292
+ '& .MuiAvatarGroup-root': {
3293
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
3294
+ '&.MuiAvatar-colorDefault': {
3295
+ marginLeft: number;
3296
+ backgroundColor: string;
3297
+ color: any;
3298
+ border: string;
3299
+ borderRadius: number;
3300
+ padding: number;
3301
+ };
3302
+ };
3303
+ '& .MuiAvatar-root': {
3304
+ height: any;
3291
3305
  border: string;
3292
- borderRadius: number;
3293
- padding: number;
3306
+ fontSize: string;
3307
+ '&:first-of-type': {
3308
+ width: any;
3309
+ };
3310
+ '&:not(:first-of-type)': {
3311
+ width: any;
3312
+ };
3294
3313
  };
3295
3314
  };
3296
3315
  };
3316
+ dialogRoot: () => {};
3297
3317
  };
3298
3318
  };
3299
3319
  SCGroupMembersWidget: {
@@ -7710,30 +7730,37 @@ declare const theme: {
7710
7730
  };
7711
7731
  SCEventParticipantsButton: {
7712
7732
  styleOverrides: {
7713
- root: ({ theme }: {
7733
+ root: ({ theme, followers }: {
7714
7734
  theme: any;
7735
+ followers: any;
7715
7736
  }) => {
7716
- /**
7717
- * Style fragments - Imports - Start
7718
- */
7719
7737
  gap: any;
7720
7738
  marginTop: string;
7721
7739
  minWidth: string;
7722
7740
  '&:hover': {
7723
7741
  backgroundColor: string;
7724
7742
  };
7725
- '& .MuiAvatarGroup-avatar': {
7726
- width: string;
7727
- height: any;
7728
- border: string;
7729
- fontSize: string;
7730
- '&.MuiAvatar-colorDefault': {
7731
- marginLeft: number;
7732
- backgroundColor: string;
7733
- color: any;
7743
+ '& .MuiAvatarGroup-root': {
7744
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
7745
+ '&.MuiAvatar-colorDefault': {
7746
+ marginLeft: number;
7747
+ backgroundColor: string;
7748
+ color: any;
7749
+ border: string;
7750
+ borderRadius: number;
7751
+ padding: number;
7752
+ };
7753
+ };
7754
+ '& .MuiAvatar-root': {
7755
+ height: any;
7734
7756
  border: string;
7735
- borderRadius: number;
7736
- padding: number;
7757
+ fontSize: string;
7758
+ '&:first-of-type': {
7759
+ width: any;
7760
+ };
7761
+ '&:not(:first-of-type)': {
7762
+ width: any;
7763
+ };
7737
7764
  };
7738
7765
  };
7739
7766
  '& .SCEventParticipantsButton-participants': {
package/lib/cjs/index.js CHANGED
@@ -236,8 +236,6 @@ const theme = {
236
236
  MuiAppBar: MuiAppBar_1.default,
237
237
  MuiAutocomplete: MuiAutocomplete_1.default,
238
238
  MuiAvatar: MuiAvatar_1.default,
239
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
240
- // @ts-ignore
241
239
  MuiButton: MuiButton_1.default,
242
240
  MuiContainer: MuiContainer_1.default,
243
241
  MuiDialog: MuiDialog_1.default,
package/lib/esm/components/SCCategoryFollowersButton.d.ts CHANGED
@@ -1,22 +1,32 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme, followers }: any) => {
4
4
  padding: any;
5
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
6
- width: string;
7
- height: any;
8
- border: string;
9
- fontSize: string;
10
- '&.MuiAvatar-colorDefault': {
11
- marginLeft: number;
12
- backgroundColor: string;
13
- color: any;
5
+ '& .MuiAvatarGroup-root': {
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
7
+ '&.MuiAvatar-colorDefault': {
8
+ marginLeft: number;
9
+ backgroundColor: string;
10
+ color: any;
11
+ border: string;
12
+ borderRadius: number;
13
+ padding: number;
14
+ };
15
+ };
16
+ '& .MuiAvatar-root': {
17
+ height: any;
14
18
  border: string;
15
- borderRadius: number;
16
- padding: number;
19
+ fontSize: string;
20
+ '&:first-of-type': {
21
+ width: any;
22
+ };
23
+ '&:not(:first-of-type)': {
24
+ width: any;
25
+ };
17
26
  };
18
27
  };
19
28
  };
29
+ dialogRoot: () => {};
20
30
  };
21
31
  };
22
32
  export default Component;
package/lib/esm/components/SCCategoryFollowersButton.js CHANGED
@@ -1,22 +1,32 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
- root: ({ theme }) => ({
3
+ root: ({ theme, followers }) => ({
4
4
  padding: theme.spacing(),
5
- '& .MuiAvatarGroup-root .MuiAvatar-root': {
6
- width: 'auto',
7
- height: theme.selfcommunity.user.avatar.sizeSmall,
8
- border: `1px solid ${theme.palette.common.white}`,
9
- fontSize: '0.7rem',
10
- '&.MuiAvatar-colorDefault': {
11
- marginLeft: 0,
12
- backgroundColor: 'transparent',
13
- color: theme.palette.primary.main,
14
- border: '0 none',
15
- borderRadius: 0,
16
- padding: 1
5
+ '& .MuiAvatarGroup-root': {
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
7
+ '&.MuiAvatar-colorDefault': {
8
+ marginLeft: 0,
9
+ backgroundColor: 'transparent',
10
+ color: theme.palette.primary.main,
11
+ border: '0 none',
12
+ borderRadius: 0,
13
+ padding: 1
14
+ }
15
+ },
16
+ '& .MuiAvatar-root': {
17
+ height: theme.selfcommunity.user.avatar.sizeSmall,
18
+ border: `1px solid ${theme.palette.common.white}`,
19
+ fontSize: '0.7rem',
20
+ '&:first-of-type': {
21
+ width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
22
+ },
23
+ '&:not(:first-of-type)': {
24
+ width: theme.selfcommunity.user.avatar.sizeSmall
25
+ }
17
26
  }
18
27
  }
19
- })
28
+ }),
29
+ dialogRoot: () => ({})
20
30
  }
21
31
  };
22
32
  export default Component;
package/lib/esm/components/SCEventParticipantsButton.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: {
3
+ root: ({ theme, followers }: {
4
4
  theme: any;
5
+ followers: any;
5
6
  }) => {
6
7
  gap: any;
7
8
  marginTop: string;
@@ -9,18 +10,27 @@ declare const Component: {
9
10
  '&:hover': {
10
11
  backgroundColor: string;
11
12
  };
12
- '& .MuiAvatarGroup-avatar': {
13
- width: string;
14
- height: any;
15
- border: string;
16
- fontSize: string;
17
- '&.MuiAvatar-colorDefault': {
18
- marginLeft: number;
19
- backgroundColor: string;
20
- color: any;
13
+ '& .MuiAvatarGroup-root': {
14
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
15
+ '&.MuiAvatar-colorDefault': {
16
+ marginLeft: number;
17
+ backgroundColor: string;
18
+ color: any;
19
+ border: string;
20
+ borderRadius: number;
21
+ padding: number;
22
+ };
23
+ };
24
+ '& .MuiAvatar-root': {
25
+ height: any;
21
26
  border: string;
22
- borderRadius: number;
23
- padding: number;
27
+ fontSize: string;
28
+ '&:first-of-type': {
29
+ width: any;
30
+ };
31
+ '&:not(:first-of-type)': {
32
+ width: any;
33
+ };
24
34
  };
25
35
  };
26
36
  '& .SCEventParticipantsButton-participants': {
package/lib/esm/components/SCEventParticipantsButton.js CHANGED
@@ -1,24 +1,33 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
- root: ({ theme }) => ({
3
+ root: ({ theme, followers }) => ({
4
4
  gap: theme.spacing(1),
5
5
  marginTop: '0 !important',
6
6
  minWidth: 'auto',
7
7
  '&:hover': {
8
8
  backgroundColor: 'unset'
9
9
  },
10
- '& .MuiAvatarGroup-avatar': {
11
- width: 'auto',
12
- height: theme.selfcommunity.user.avatar.sizeSmall,
13
- border: `1px solid ${theme.palette.common.white}`,
14
- fontSize: '0.7rem',
15
- '&.MuiAvatar-colorDefault': {
16
- marginLeft: 0,
17
- backgroundColor: 'transparent',
18
- color: theme.palette.primary.main,
19
- border: '0 none',
20
- borderRadius: 0,
21
- padding: 1
10
+ '& .MuiAvatarGroup-root': {
11
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
12
+ '&.MuiAvatar-colorDefault': {
13
+ marginLeft: 0,
14
+ backgroundColor: 'transparent',
15
+ color: theme.palette.primary.main,
16
+ border: '0 none',
17
+ borderRadius: 0,
18
+ padding: 1
19
+ }
20
+ },
21
+ '& .MuiAvatar-root': {
22
+ height: theme.selfcommunity.user.avatar.sizeSmall,
23
+ border: `1px solid ${theme.palette.common.white}`,
24
+ fontSize: '0.7rem',
25
+ '&:first-of-type': {
26
+ width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
27
+ },
28
+ '&:not(:first-of-type)': {
29
+ width: theme.selfcommunity.user.avatar.sizeSmall
30
+ }
22
31
  }
23
32
  },
24
33
  '& .SCEventParticipantsButton-participants': {