@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/esm/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/esm/components/SCGroupMembersButton.js CHANGED
@@ -1,22 +1,32 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
- root: ({ theme }) => ({
3
+ root: ({ theme, subscribers }) => ({
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: subscribers > 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/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/esm/index.js CHANGED
@@ -233,8 +233,6 @@ const theme = {
233
233
  MuiAppBar,
234
234
  MuiAutocomplete,
235
235
  MuiAvatar,
236
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
237
- // @ts-ignore
238
236
  MuiButton,
239
237
  MuiContainer,
240
238
  MuiDialog,