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

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 +20 -12
  2. package/lib/cjs/components/SCCategoryFollowersButton.js +22 -14
  3. package/lib/cjs/components/SCEventParticipantsButton.d.ts +8 -2
  4. package/lib/cjs/components/SCEventParticipantsButton.js +7 -2
  5. package/lib/cjs/components/SCGroupMembersButton.d.ts +20 -12
  6. package/lib/cjs/components/SCGroupMembersButton.js +22 -14
  7. package/lib/cjs/index.d.ts +48 -29
  8. package/lib/cjs/index.js +0 -2
  9. package/lib/esm/components/SCCategoryFollowersButton.d.ts +20 -12
  10. package/lib/esm/components/SCCategoryFollowersButton.js +22 -14
  11. package/lib/esm/components/SCEventParticipantsButton.d.ts +8 -2
  12. package/lib/esm/components/SCEventParticipantsButton.js +7 -2
  13. package/lib/esm/components/SCGroupMembersButton.d.ts +20 -12
  14. package/lib/esm/components/SCGroupMembersButton.js +22 -14
  15. package/lib/esm/index.d.ts +48 -29
  16. package/lib/esm/index.js +0 -2
  17. package/lib/umd/react-theme-default.js +1 -1
  18. package/package.json +4 -4
package/lib/cjs/components/SCCategoryFollowersButton.d.ts CHANGED
@@ -1,22 +1,30 @@
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
+ '& .MuiAvatar-root': {
7
+ '&:first-of-type': {
8
+ width: any;
9
+ };
10
+ '&:not(:first-of-type)': {
11
+ width: any;
12
+ };
13
+ height: any;
14
14
  border: string;
15
- borderRadius: number;
16
- padding: number;
15
+ fontSize: string;
16
+ '&.MuiAvatar-colorDefault': {
17
+ marginLeft: number;
18
+ backgroundColor: string;
19
+ color: any;
20
+ border: string;
21
+ borderRadius: number;
22
+ padding: number;
23
+ };
17
24
  };
18
25
  };
19
26
  };
27
+ dialogRoot: () => {};
20
28
  };
21
29
  };
22
30
  export default Component;
package/lib/cjs/components/SCCategoryFollowersButton.js CHANGED
@@ -2,23 +2,31 @@
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
+ '& .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',
18
+ '&.MuiAvatar-colorDefault': {
19
+ marginLeft: 0,
20
+ backgroundColor: 'transparent',
21
+ color: theme.palette.primary.main,
22
+ border: '0 none',
23
+ borderRadius: 0,
24
+ padding: 1
25
+ }
19
26
  }
20
27
  }
21
- })
28
+ }),
29
+ dialogRoot: () => ({})
22
30
  }
23
31
  };
24
32
  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;
@@ -10,7 +11,12 @@ declare const Component: {
10
11
  backgroundColor: string;
11
12
  };
12
13
  '& .MuiAvatarGroup-avatar': {
13
- width: string;
14
+ '&:first-of-type': {
15
+ width: any;
16
+ };
17
+ '&:not(:first-of-type)': {
18
+ width: any;
19
+ };
14
20
  height: any;
15
21
  border: string;
16
22
  fontSize: string;
package/lib/cjs/components/SCEventParticipantsButton.js CHANGED
@@ -2,7 +2,7 @@
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',
@@ -10,7 +10,12 @@ const Component = {
10
10
  backgroundColor: 'unset'
11
11
  },
12
12
  '& .MuiAvatarGroup-avatar': {
13
- width: 'auto',
13
+ '&:first-of-type': {
14
+ width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
15
+ },
16
+ '&:not(:first-of-type)': {
17
+ width: theme.selfcommunity.user.avatar.sizeSmall
18
+ },
14
19
  height: theme.selfcommunity.user.avatar.sizeSmall,
15
20
  border: `1px solid ${theme.palette.common.white}`,
16
21
  fontSize: '0.7rem',
package/lib/cjs/components/SCGroupMembersButton.d.ts CHANGED
@@ -1,22 +1,30 @@
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
+ '& .MuiAvatar-root': {
7
+ '&:first-of-type': {
8
+ width: any;
9
+ };
10
+ '&:not(:first-of-type)': {
11
+ width: any;
12
+ };
13
+ height: any;
14
14
  border: string;
15
- borderRadius: number;
16
- padding: number;
15
+ fontSize: string;
16
+ '&.MuiAvatar-colorDefault': {
17
+ marginLeft: number;
18
+ backgroundColor: string;
19
+ color: any;
20
+ border: string;
21
+ borderRadius: number;
22
+ padding: number;
23
+ };
17
24
  };
18
25
  };
19
26
  };
27
+ dialogRoot: () => {};
20
28
  };
21
29
  };
22
30
  export default Component;
package/lib/cjs/components/SCGroupMembersButton.js CHANGED
@@ -2,23 +2,31 @@
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
+ '& .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',
18
+ '&.MuiAvatar-colorDefault': {
19
+ marginLeft: 0,
20
+ backgroundColor: 'transparent',
21
+ color: theme.palette.primary.main,
22
+ border: '0 none',
23
+ borderRadius: 0,
24
+ padding: 1
25
+ }
19
26
  }
20
27
  }
21
- })
28
+ }),
29
+ dialogRoot: () => ({})
22
30
  }
23
31
  };
24
32
  exports.default = Component;
package/lib/cjs/index.d.ts CHANGED
@@ -708,23 +708,31 @@ 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
+ '& .MuiAvatar-root': {
715
+ '&:first-of-type': {
716
+ width: any;
717
+ };
718
+ '&:not(:first-of-type)': {
719
+ width: any;
720
+ };
721
+ height: any;
722
722
  border: string;
723
- borderRadius: number;
724
- padding: number;
723
+ fontSize: string;
724
+ '&.MuiAvatar-colorDefault': {
725
+ marginLeft: number;
726
+ backgroundColor: string;
727
+ color: any;
728
+ border: string;
729
+ borderRadius: number;
730
+ padding: number;
731
+ };
725
732
  };
726
733
  };
727
734
  };
735
+ dialogRoot: () => {};
728
736
  };
729
737
  };
730
738
  SCCategoryHeader: {
@@ -3277,23 +3285,31 @@ declare const theme: {
3277
3285
  };
3278
3286
  SCGroupMembersButton: {
3279
3287
  styleOverrides: {
3280
- root: ({ theme }: any) => {
3288
+ root: ({ theme, subscribers }: any) => {
3281
3289
  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;
3290
+ '& .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;
3291
3299
  border: string;
3292
- borderRadius: number;
3293
- padding: number;
3300
+ fontSize: string;
3301
+ '&.MuiAvatar-colorDefault': {
3302
+ marginLeft: number;
3303
+ backgroundColor: string;
3304
+ color: any;
3305
+ border: string;
3306
+ borderRadius: number;
3307
+ padding: number;
3308
+ };
3294
3309
  };
3295
3310
  };
3296
3311
  };
3312
+ dialogRoot: () => {};
3297
3313
  };
3298
3314
  };
3299
3315
  SCGroupMembersWidget: {
@@ -7710,12 +7726,10 @@ declare const theme: {
7710
7726
  };
7711
7727
  SCEventParticipantsButton: {
7712
7728
  styleOverrides: {
7713
- root: ({ theme }: {
7729
+ root: ({ theme, followers }: {
7714
7730
  theme: any;
7731
+ followers: any;
7715
7732
  }) => {
7716
- /**
7717
- * Style fragments - Imports - Start
7718
- */
7719
7733
  gap: any;
7720
7734
  marginTop: string;
7721
7735
  minWidth: string;
@@ -7723,7 +7737,12 @@ declare const theme: {
7723
7737
  backgroundColor: string;
7724
7738
  };
7725
7739
  '& .MuiAvatarGroup-avatar': {
7726
- width: string;
7740
+ '&:first-of-type': {
7741
+ width: any;
7742
+ };
7743
+ '&:not(:first-of-type)': {
7744
+ width: any;
7745
+ };
7727
7746
  height: any;
7728
7747
  border: string;
7729
7748
  fontSize: string;
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,30 @@
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
+ '& .MuiAvatar-root': {
7
+ '&:first-of-type': {
8
+ width: any;
9
+ };
10
+ '&:not(:first-of-type)': {
11
+ width: any;
12
+ };
13
+ height: any;
14
14
  border: string;
15
- borderRadius: number;
16
- padding: number;
15
+ fontSize: string;
16
+ '&.MuiAvatar-colorDefault': {
17
+ marginLeft: number;
18
+ backgroundColor: string;
19
+ color: any;
20
+ border: string;
21
+ borderRadius: number;
22
+ padding: number;
23
+ };
17
24
  };
18
25
  };
19
26
  };
27
+ dialogRoot: () => {};
20
28
  };
21
29
  };
22
30
  export default Component;
package/lib/esm/components/SCCategoryFollowersButton.js CHANGED
@@ -1,22 +1,30 @@
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
+ '& .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',
16
+ '&.MuiAvatar-colorDefault': {
17
+ marginLeft: 0,
18
+ backgroundColor: 'transparent',
19
+ color: theme.palette.primary.main,
20
+ border: '0 none',
21
+ borderRadius: 0,
22
+ padding: 1
23
+ }
17
24
  }
18
25
  }
19
- })
26
+ }),
27
+ dialogRoot: () => ({})
20
28
  }
21
29
  };
22
30
  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;
@@ -10,7 +11,12 @@ declare const Component: {
10
11
  backgroundColor: string;
11
12
  };
12
13
  '& .MuiAvatarGroup-avatar': {
13
- width: string;
14
+ '&:first-of-type': {
15
+ width: any;
16
+ };
17
+ '&:not(:first-of-type)': {
18
+ width: any;
19
+ };
14
20
  height: any;
15
21
  border: string;
16
22
  fontSize: string;
package/lib/esm/components/SCEventParticipantsButton.js CHANGED
@@ -1,6 +1,6 @@
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',
@@ -8,7 +8,12 @@ const Component = {
8
8
  backgroundColor: 'unset'
9
9
  },
10
10
  '& .MuiAvatarGroup-avatar': {
11
- width: 'auto',
11
+ '&:first-of-type': {
12
+ width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
13
+ },
14
+ '&:not(:first-of-type)': {
15
+ width: theme.selfcommunity.user.avatar.sizeSmall
16
+ },
12
17
  height: theme.selfcommunity.user.avatar.sizeSmall,
13
18
  border: `1px solid ${theme.palette.common.white}`,
14
19
  fontSize: '0.7rem',
package/lib/esm/components/SCGroupMembersButton.d.ts CHANGED
@@ -1,22 +1,30 @@
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
+ '& .MuiAvatar-root': {
7
+ '&:first-of-type': {
8
+ width: any;
9
+ };
10
+ '&:not(:first-of-type)': {
11
+ width: any;
12
+ };
13
+ height: any;
14
14
  border: string;
15
- borderRadius: number;
16
- padding: number;
15
+ fontSize: string;
16
+ '&.MuiAvatar-colorDefault': {
17
+ marginLeft: number;
18
+ backgroundColor: string;
19
+ color: any;
20
+ border: string;
21
+ borderRadius: number;
22
+ padding: number;
23
+ };
17
24
  };
18
25
  };
19
26
  };
27
+ dialogRoot: () => {};
20
28
  };
21
29
  };
22
30
  export default Component;
package/lib/esm/components/SCGroupMembersButton.js CHANGED
@@ -1,22 +1,30 @@
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
+ '& .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',
16
+ '&.MuiAvatar-colorDefault': {
17
+ marginLeft: 0,
18
+ backgroundColor: 'transparent',
19
+ color: theme.palette.primary.main,
20
+ border: '0 none',
21
+ borderRadius: 0,
22
+ padding: 1
23
+ }
17
24
  }
18
25
  }
19
- })
26
+ }),
27
+ dialogRoot: () => ({})
20
28
  }
21
29
  };
22
30
  export default Component;