@selfcommunity/react-theme-default 0.4.2-alpha.1 → 0.4.2-alpha.3

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 (24) hide show
  1. package/lib/cjs/components/SCCategoryFollowersButton.d.ts +12 -10
  2. package/lib/cjs/components/SCCategoryFollowersButton.js +12 -10
  3. package/lib/cjs/components/SCEventMembersWidget.d.ts +1 -10
  4. package/lib/cjs/components/SCEventMembersWidget.js +1 -8
  5. package/lib/cjs/components/SCEventParticipantsButton.d.ts +19 -15
  6. package/lib/cjs/components/SCEventParticipantsButton.js +20 -16
  7. package/lib/cjs/components/SCEvents.d.ts +6 -0
  8. package/lib/cjs/components/SCEvents.js +7 -1
  9. package/lib/cjs/components/SCGroupMembersButton.d.ts +12 -10
  10. package/lib/cjs/components/SCGroupMembersButton.js +12 -10
  11. package/lib/cjs/index.d.ts +50 -48
  12. package/lib/esm/components/SCCategoryFollowersButton.d.ts +12 -10
  13. package/lib/esm/components/SCCategoryFollowersButton.js +12 -10
  14. package/lib/esm/components/SCEventMembersWidget.d.ts +1 -10
  15. package/lib/esm/components/SCEventMembersWidget.js +1 -8
  16. package/lib/esm/components/SCEventParticipantsButton.d.ts +19 -15
  17. package/lib/esm/components/SCEventParticipantsButton.js +20 -16
  18. package/lib/esm/components/SCEvents.d.ts +6 -0
  19. package/lib/esm/components/SCEvents.js +7 -1
  20. package/lib/esm/components/SCGroupMembersButton.d.ts +12 -10
  21. package/lib/esm/components/SCGroupMembersButton.js +12 -10
  22. package/lib/esm/index.d.ts +50 -48
  23. package/lib/umd/react-theme-default.js +1 -1
  24. package/package.json +3 -3
package/lib/cjs/components/SCCategoryFollowersButton.d.ts CHANGED
@@ -3,16 +3,7 @@ declare const Component: {
3
3
  root: ({ theme, followers }: any) => {
4
4
  padding: any;
5
5
  '& .MuiAvatarGroup-root': {
6
- '& .MuiAvatar-root': {
7
- '&:first-of-type': {
8
- width: any;
9
- };
10
- '&:not(:first-of-type)': {
11
- width: any;
12
- };
13
- height: any;
14
- border: string;
15
- fontSize: string;
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
16
7
  '&.MuiAvatar-colorDefault': {
17
8
  marginLeft: number;
18
9
  backgroundColor: string;
@@ -22,6 +13,17 @@ declare const Component: {
22
13
  padding: number;
23
14
  };
24
15
  };
16
+ '& .MuiAvatar-root': {
17
+ height: any;
18
+ border: string;
19
+ fontSize: string;
20
+ '&:first-of-type': {
21
+ width: any;
22
+ };
23
+ '&:not(:first-of-type)': {
24
+ width: any;
25
+ };
26
+ };
25
27
  };
26
28
  };
27
29
  dialogRoot: () => {};
package/lib/cjs/components/SCCategoryFollowersButton.js CHANGED
@@ -5,16 +5,7 @@ const Component = {
5
5
  root: ({ theme, followers }) => ({
6
6
  padding: theme.spacing(),
7
7
  '& .MuiAvatarGroup-root': {
8
- '& .MuiAvatar-root': {
9
- '&:first-of-type': {
10
- width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
11
- },
12
- '&:not(:first-of-type)': {
13
- width: theme.selfcommunity.user.avatar.sizeSmall
14
- },
15
- height: theme.selfcommunity.user.avatar.sizeSmall,
16
- border: `1px solid ${theme.palette.common.white}`,
17
- fontSize: '0.7rem',
8
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
18
9
  '&.MuiAvatar-colorDefault': {
19
10
  marginLeft: 0,
20
11
  backgroundColor: 'transparent',
@@ -23,6 +14,17 @@ const Component = {
23
14
  borderRadius: 0,
24
15
  padding: 1
25
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
+ }
26
28
  }
27
29
  }
28
30
  }),
package/lib/cjs/components/SCEventMembersWidget.d.ts CHANGED
@@ -53,16 +53,7 @@ declare const Component: {
53
53
  };
54
54
  };
55
55
  };
56
- dialogRoot: ({ theme }: {
57
- theme: any;
58
- }) => {
59
- '& .SCEventMembersWidget-infinite-scroll': {
60
- [x: number]: {
61
- height: string;
62
- };
63
- height: string;
64
- };
65
- };
56
+ dialogRoot: () => {};
66
57
  };
67
58
  };
68
59
  export default Component;
package/lib/cjs/components/SCEventMembersWidget.js CHANGED
@@ -51,14 +51,7 @@ const Component = {
51
51
  }
52
52
  }
53
53
  }),
54
- dialogRoot: ({ theme }) => ({
55
- '& .SCEventMembersWidget-infinite-scroll': {
56
- height: '400px',
57
- [theme.breakpoints.down('md')]: {
58
- height: '100%'
59
- }
60
- }
61
- })
54
+ dialogRoot: () => ({})
62
55
  }
63
56
  };
64
57
  exports.default = Component;
package/lib/cjs/components/SCEventParticipantsButton.d.ts CHANGED
@@ -10,23 +10,27 @@ declare const Component: {
10
10
  '&:hover': {
11
11
  backgroundColor: string;
12
12
  };
13
- '& .MuiAvatarGroup-avatar': {
14
- '&:first-of-type': {
15
- width: 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
+ };
16
23
  };
17
- '&:not(:first-of-type)': {
18
- width: any;
19
- };
20
- height: any;
21
- border: string;
22
- fontSize: string;
23
- '&.MuiAvatar-colorDefault': {
24
- marginLeft: number;
25
- backgroundColor: string;
26
- color: any;
24
+ '& .MuiAvatar-root': {
25
+ height: any;
27
26
  border: string;
28
- borderRadius: number;
29
- padding: number;
27
+ fontSize: string;
28
+ '&:first-of-type': {
29
+ width: any;
30
+ };
31
+ '&:not(:first-of-type)': {
32
+ width: any;
33
+ };
30
34
  };
31
35
  };
32
36
  '& .SCEventParticipantsButton-participants': {
package/lib/cjs/components/SCEventParticipantsButton.js CHANGED
@@ -9,23 +9,27 @@ const Component = {
9
9
  '&:hover': {
10
10
  backgroundColor: 'unset'
11
11
  },
12
- '& .MuiAvatarGroup-avatar': {
13
- '&:first-of-type': {
14
- width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
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
+ }
15
22
  },
16
- '&:not(:first-of-type)': {
17
- width: theme.selfcommunity.user.avatar.sizeSmall
18
- },
19
- height: theme.selfcommunity.user.avatar.sizeSmall,
20
- border: `1px solid ${theme.palette.common.white}`,
21
- fontSize: '0.7rem',
22
- '&.MuiAvatar-colorDefault': {
23
- marginLeft: 0,
24
- backgroundColor: 'transparent',
25
- color: theme.palette.primary.main,
26
- border: '0 none',
27
- borderRadius: 0,
28
- padding: 1
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
+ }
29
33
  }
30
34
  },
31
35
  '& .SCEventParticipantsButton-participants': {
package/lib/cjs/components/SCEvents.d.ts CHANGED
@@ -19,6 +19,9 @@ declare const Component: {
19
19
  };
20
20
  };
21
21
  '& .SCEvents-events': {
22
+ [x: number]: {
23
+ marginBottom: any;
24
+ };
22
25
  marginTop: any;
23
26
  '& .SCEvents-item': {
24
27
  paddingTop: any;
@@ -44,6 +47,9 @@ declare const Component: {
44
47
  flexDirection: string;
45
48
  alignItems: string;
46
49
  '& .SCEvent-skeleton-root': {
50
+ [x: number]: {
51
+ width: string;
52
+ };
47
53
  marginBottom: any;
48
54
  minWidth: string;
49
55
  };
package/lib/cjs/components/SCEvents.js CHANGED
@@ -22,6 +22,9 @@ const Component = {
22
22
  },
23
23
  '& .SCEvents-events': {
24
24
  marginTop: theme.spacing(2),
25
+ [theme.breakpoints.down('md')]: {
26
+ marginBottom: theme.spacing(7)
27
+ },
25
28
  '& .SCEvents-item': {
26
29
  paddingTop: theme.spacing(2)
27
30
  },
@@ -47,7 +50,10 @@ const Component = {
47
50
  alignItems: 'flex-start',
48
51
  '& .SCEvent-skeleton-root': {
49
52
  marginBottom: theme.spacing(2),
50
- minWidth: '50%'
53
+ minWidth: '50%',
54
+ [theme.breakpoints.down('md')]: {
55
+ width: '100%'
56
+ }
51
57
  },
52
58
  '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
53
59
  maxWidth: '70%'
package/lib/cjs/components/SCGroupMembersButton.d.ts CHANGED
@@ -3,16 +3,7 @@ declare const Component: {
3
3
  root: ({ theme, subscribers }: any) => {
4
4
  padding: any;
5
5
  '& .MuiAvatarGroup-root': {
6
- '& .MuiAvatar-root': {
7
- '&:first-of-type': {
8
- width: any;
9
- };
10
- '&:not(:first-of-type)': {
11
- width: any;
12
- };
13
- height: any;
14
- border: string;
15
- fontSize: string;
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
16
7
  '&.MuiAvatar-colorDefault': {
17
8
  marginLeft: number;
18
9
  backgroundColor: string;
@@ -22,6 +13,17 @@ declare const Component: {
22
13
  padding: number;
23
14
  };
24
15
  };
16
+ '& .MuiAvatar-root': {
17
+ height: any;
18
+ border: string;
19
+ fontSize: string;
20
+ '&:first-of-type': {
21
+ width: any;
22
+ };
23
+ '&:not(:first-of-type)': {
24
+ width: any;
25
+ };
26
+ };
25
27
  };
26
28
  };
27
29
  dialogRoot: () => {};
package/lib/cjs/components/SCGroupMembersButton.js CHANGED
@@ -5,16 +5,7 @@ const Component = {
5
5
  root: ({ theme, subscribers }) => ({
6
6
  padding: theme.spacing(),
7
7
  '& .MuiAvatarGroup-root': {
8
- '& .MuiAvatar-root': {
9
- '&:first-of-type': {
10
- width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
11
- },
12
- '&:not(:first-of-type)': {
13
- width: theme.selfcommunity.user.avatar.sizeSmall
14
- },
15
- height: theme.selfcommunity.user.avatar.sizeSmall,
16
- border: `1px solid ${theme.palette.common.white}`,
17
- fontSize: '0.7rem',
8
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
18
9
  '&.MuiAvatar-colorDefault': {
19
10
  marginLeft: 0,
20
11
  backgroundColor: 'transparent',
@@ -23,6 +14,17 @@ const Component = {
23
14
  borderRadius: 0,
24
15
  padding: 1
25
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
+ }
26
28
  }
27
29
  }
28
30
  }),
package/lib/cjs/index.d.ts CHANGED
@@ -711,16 +711,7 @@ declare const theme: {
711
711
  root: ({ theme, followers }: any) => {
712
712
  padding: any;
713
713
  '& .MuiAvatarGroup-root': {
714
- '& .MuiAvatar-root': {
715
- '&:first-of-type': {
716
- width: any;
717
- };
718
- '&:not(:first-of-type)': {
719
- width: any;
720
- };
721
- height: any;
722
- border: string;
723
- fontSize: string;
714
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
724
715
  '&.MuiAvatar-colorDefault': {
725
716
  marginLeft: number;
726
717
  backgroundColor: string;
@@ -730,6 +721,17 @@ declare const theme: {
730
721
  padding: number;
731
722
  };
732
723
  };
724
+ '& .MuiAvatar-root': {
725
+ height: any;
726
+ border: string;
727
+ fontSize: string;
728
+ '&:first-of-type': {
729
+ width: any;
730
+ };
731
+ '&:not(:first-of-type)': {
732
+ width: any;
733
+ };
734
+ };
733
735
  };
734
736
  };
735
737
  dialogRoot: () => {};
@@ -3288,16 +3290,7 @@ declare const theme: {
3288
3290
  root: ({ theme, subscribers }: any) => {
3289
3291
  padding: any;
3290
3292
  '& .MuiAvatarGroup-root': {
3291
- '& .MuiAvatar-root': {
3292
- '&:first-of-type': {
3293
- width: any;
3294
- };
3295
- '&:not(:first-of-type)': {
3296
- width: any;
3297
- };
3298
- height: any;
3299
- border: string;
3300
- fontSize: string;
3293
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
3301
3294
  '&.MuiAvatar-colorDefault': {
3302
3295
  marginLeft: number;
3303
3296
  backgroundColor: string;
@@ -3307,6 +3300,17 @@ declare const theme: {
3307
3300
  padding: number;
3308
3301
  };
3309
3302
  };
3303
+ '& .MuiAvatar-root': {
3304
+ height: any;
3305
+ border: string;
3306
+ fontSize: string;
3307
+ '&:first-of-type': {
3308
+ width: any;
3309
+ };
3310
+ '&:not(:first-of-type)': {
3311
+ width: any;
3312
+ };
3313
+ };
3310
3314
  };
3311
3315
  };
3312
3316
  dialogRoot: () => {};
@@ -7286,6 +7290,9 @@ declare const theme: {
7286
7290
  };
7287
7291
  };
7288
7292
  '& .SCEvents-events': {
7293
+ [x: number]: {
7294
+ marginBottom: any;
7295
+ };
7289
7296
  marginTop: any;
7290
7297
  '& .SCEvents-item': {
7291
7298
  paddingTop: any;
@@ -7311,6 +7318,9 @@ declare const theme: {
7311
7318
  flexDirection: string;
7312
7319
  alignItems: string;
7313
7320
  '& .SCEvent-skeleton-root': {
7321
+ [x: number]: {
7322
+ width: string;
7323
+ };
7314
7324
  marginBottom: any;
7315
7325
  minWidth: string;
7316
7326
  };
@@ -7736,23 +7746,27 @@ declare const theme: {
7736
7746
  '&:hover': {
7737
7747
  backgroundColor: string;
7738
7748
  };
7739
- '& .MuiAvatarGroup-avatar': {
7740
- '&:first-of-type': {
7741
- width: any;
7742
- };
7743
- '&:not(:first-of-type)': {
7744
- width: any;
7749
+ '& .MuiAvatarGroup-root': {
7750
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
7751
+ '&.MuiAvatar-colorDefault': {
7752
+ marginLeft: number;
7753
+ backgroundColor: string;
7754
+ color: any;
7755
+ border: string;
7756
+ borderRadius: number;
7757
+ padding: number;
7758
+ };
7745
7759
  };
7746
- height: any;
7747
- border: string;
7748
- fontSize: string;
7749
- '&.MuiAvatar-colorDefault': {
7750
- marginLeft: number;
7751
- backgroundColor: string;
7752
- color: any;
7760
+ '& .MuiAvatar-root': {
7761
+ height: any;
7753
7762
  border: string;
7754
- borderRadius: number;
7755
- padding: number;
7763
+ fontSize: string;
7764
+ '&:first-of-type': {
7765
+ width: any;
7766
+ };
7767
+ '&:not(:first-of-type)': {
7768
+ width: any;
7769
+ };
7756
7770
  };
7757
7771
  };
7758
7772
  '& .SCEventParticipantsButton-participants': {
@@ -7990,9 +8004,6 @@ declare const theme: {
7990
8004
  root: ({ theme }: {
7991
8005
  theme: any;
7992
8006
  }) => {
7993
- /**
7994
- * Style fragments - Imports - Start
7995
- */
7996
8007
  '& .SCEventMembersWidget-content': {
7997
8008
  padding: string;
7998
8009
  '& .SCEventMembersWidget-title': {
@@ -8043,16 +8054,7 @@ declare const theme: {
8043
8054
  };
8044
8055
  };
8045
8056
  };
8046
- dialogRoot: ({ theme }: {
8047
- theme: any;
8048
- }) => {
8049
- '& .SCEventMembersWidget-infinite-scroll': {
8050
- [x: number]: {
8051
- height: string;
8052
- };
8053
- height: string;
8054
- };
8055
- };
8057
+ dialogRoot: () => {};
8056
8058
  };
8057
8059
  };
8058
8060
  SCRelatedEventsWidget: {
package/lib/esm/components/SCCategoryFollowersButton.d.ts CHANGED
@@ -3,16 +3,7 @@ declare const Component: {
3
3
  root: ({ theme, followers }: any) => {
4
4
  padding: any;
5
5
  '& .MuiAvatarGroup-root': {
6
- '& .MuiAvatar-root': {
7
- '&:first-of-type': {
8
- width: any;
9
- };
10
- '&:not(:first-of-type)': {
11
- width: any;
12
- };
13
- height: any;
14
- border: string;
15
- fontSize: string;
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
16
7
  '&.MuiAvatar-colorDefault': {
17
8
  marginLeft: number;
18
9
  backgroundColor: string;
@@ -22,6 +13,17 @@ declare const Component: {
22
13
  padding: number;
23
14
  };
24
15
  };
16
+ '& .MuiAvatar-root': {
17
+ height: any;
18
+ border: string;
19
+ fontSize: string;
20
+ '&:first-of-type': {
21
+ width: any;
22
+ };
23
+ '&:not(:first-of-type)': {
24
+ width: any;
25
+ };
26
+ };
25
27
  };
26
28
  };
27
29
  dialogRoot: () => {};
package/lib/esm/components/SCCategoryFollowersButton.js CHANGED
@@ -3,16 +3,7 @@ const Component = {
3
3
  root: ({ theme, followers }) => ({
4
4
  padding: theme.spacing(),
5
5
  '& .MuiAvatarGroup-root': {
6
- '& .MuiAvatar-root': {
7
- '&:first-of-type': {
8
- width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
9
- },
10
- '&:not(:first-of-type)': {
11
- width: theme.selfcommunity.user.avatar.sizeSmall
12
- },
13
- height: theme.selfcommunity.user.avatar.sizeSmall,
14
- border: `1px solid ${theme.palette.common.white}`,
15
- fontSize: '0.7rem',
6
+ '&:not(.SCAvatarGroupSkeleton-root) .MuiAvatar-root': {
16
7
  '&.MuiAvatar-colorDefault': {
17
8
  marginLeft: 0,
18
9
  backgroundColor: 'transparent',
@@ -21,6 +12,17 @@ const Component = {
21
12
  borderRadius: 0,
22
13
  padding: 1
23
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
+ }
24
26
  }
25
27
  }
26
28
  }),
package/lib/esm/components/SCEventMembersWidget.d.ts CHANGED
@@ -53,16 +53,7 @@ declare const Component: {
53
53
  };
54
54
  };
55
55
  };
56
- dialogRoot: ({ theme }: {
57
- theme: any;
58
- }) => {
59
- '& .SCEventMembersWidget-infinite-scroll': {
60
- [x: number]: {
61
- height: string;
62
- };
63
- height: string;
64
- };
65
- };
56
+ dialogRoot: () => {};
66
57
  };
67
58
  };
68
59
  export default Component;
package/lib/esm/components/SCEventMembersWidget.js CHANGED
@@ -49,14 +49,7 @@ const Component = {
49
49
  }
50
50
  }
51
51
  }),
52
- dialogRoot: ({ theme }) => ({
53
- '& .SCEventMembersWidget-infinite-scroll': {
54
- height: '400px',
55
- [theme.breakpoints.down('md')]: {
56
- height: '100%'
57
- }
58
- }
59
- })
52
+ dialogRoot: () => ({})
60
53
  }
61
54
  };
62
55
  export default Component;
package/lib/esm/components/SCEventParticipantsButton.d.ts CHANGED
@@ -10,23 +10,27 @@ declare const Component: {
10
10
  '&:hover': {
11
11
  backgroundColor: string;
12
12
  };
13
- '& .MuiAvatarGroup-avatar': {
14
- '&:first-of-type': {
15
- width: 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
+ };
16
23
  };
17
- '&:not(:first-of-type)': {
18
- width: any;
19
- };
20
- height: any;
21
- border: string;
22
- fontSize: string;
23
- '&.MuiAvatar-colorDefault': {
24
- marginLeft: number;
25
- backgroundColor: string;
26
- color: any;
24
+ '& .MuiAvatar-root': {
25
+ height: any;
27
26
  border: string;
28
- borderRadius: number;
29
- padding: number;
27
+ fontSize: string;
28
+ '&:first-of-type': {
29
+ width: any;
30
+ };
31
+ '&:not(:first-of-type)': {
32
+ width: any;
33
+ };
30
34
  };
31
35
  };
32
36
  '& .SCEventParticipantsButton-participants': {