@selfcommunity/react-theme-default 0.4.2-alpha.1 → 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 (16) 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/SCEventParticipantsButton.d.ts +19 -15
  4. package/lib/cjs/components/SCEventParticipantsButton.js +20 -16
  5. package/lib/cjs/components/SCGroupMembersButton.d.ts +12 -10
  6. package/lib/cjs/components/SCGroupMembersButton.js +12 -10
  7. package/lib/cjs/index.d.ts +43 -35
  8. package/lib/esm/components/SCCategoryFollowersButton.d.ts +12 -10
  9. package/lib/esm/components/SCCategoryFollowersButton.js +12 -10
  10. package/lib/esm/components/SCEventParticipantsButton.d.ts +19 -15
  11. package/lib/esm/components/SCEventParticipantsButton.js +20 -16
  12. package/lib/esm/components/SCGroupMembersButton.d.ts +12 -10
  13. package/lib/esm/components/SCGroupMembersButton.js +12 -10
  14. package/lib/esm/index.d.ts +43 -35
  15. package/lib/umd/react-theme-default.js +1 -1
  16. 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/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/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: () => {};
@@ -7736,23 +7740,27 @@ declare const theme: {
7736
7740
  '&:hover': {
7737
7741
  backgroundColor: string;
7738
7742
  };
7739
- '& .MuiAvatarGroup-avatar': {
7740
- '&:first-of-type': {
7741
- width: any;
7742
- };
7743
- '&:not(:first-of-type)': {
7744
- width: 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
+ };
7745
7753
  };
7746
- height: any;
7747
- border: string;
7748
- fontSize: string;
7749
- '&.MuiAvatar-colorDefault': {
7750
- marginLeft: number;
7751
- backgroundColor: string;
7752
- color: any;
7754
+ '& .MuiAvatar-root': {
7755
+ height: any;
7753
7756
  border: string;
7754
- borderRadius: number;
7755
- padding: number;
7757
+ fontSize: string;
7758
+ '&:first-of-type': {
7759
+ width: any;
7760
+ };
7761
+ '&:not(:first-of-type)': {
7762
+ width: any;
7763
+ };
7756
7764
  };
7757
7765
  };
7758
7766
  '& .SCEventParticipantsButton-participants': {
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/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/esm/components/SCEventParticipantsButton.js CHANGED
@@ -7,23 +7,27 @@ const Component = {
7
7
  '&:hover': {
8
8
  backgroundColor: 'unset'
9
9
  },
10
- '& .MuiAvatarGroup-avatar': {
11
- '&:first-of-type': {
12
- width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
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
+ }
13
20
  },
14
- '&:not(:first-of-type)': {
15
- width: theme.selfcommunity.user.avatar.sizeSmall
16
- },
17
- height: theme.selfcommunity.user.avatar.sizeSmall,
18
- border: `1px solid ${theme.palette.common.white}`,
19
- fontSize: '0.7rem',
20
- '&.MuiAvatar-colorDefault': {
21
- marginLeft: 0,
22
- backgroundColor: 'transparent',
23
- color: theme.palette.primary.main,
24
- border: '0 none',
25
- borderRadius: 0,
26
- padding: 1
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
+ }
27
31
  }
28
32
  },
29
33
  '& .SCEventParticipantsButton-participants': {
package/lib/esm/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/esm/components/SCGroupMembersButton.js CHANGED
@@ -3,16 +3,7 @@ const Component = {
3
3
  root: ({ theme, subscribers }) => ({
4
4
  padding: theme.spacing(),
5
5
  '& .MuiAvatarGroup-root': {
6
- '& .MuiAvatar-root': {
7
- '&:first-of-type': {
8
- width: subscribers > 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: subscribers > 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
  }),