@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.
- package/lib/cjs/components/SCCategoryFollowersButton.d.ts +12 -10
- package/lib/cjs/components/SCCategoryFollowersButton.js +12 -10
- package/lib/cjs/components/SCEventMembersWidget.d.ts +1 -10
- package/lib/cjs/components/SCEventMembersWidget.js +1 -8
- package/lib/cjs/components/SCEventParticipantsButton.d.ts +19 -15
- package/lib/cjs/components/SCEventParticipantsButton.js +20 -16
- package/lib/cjs/components/SCEvents.d.ts +6 -0
- package/lib/cjs/components/SCEvents.js +7 -1
- package/lib/cjs/components/SCGroupMembersButton.d.ts +12 -10
- package/lib/cjs/components/SCGroupMembersButton.js +12 -10
- package/lib/cjs/index.d.ts +50 -48
- package/lib/esm/components/SCCategoryFollowersButton.d.ts +12 -10
- package/lib/esm/components/SCCategoryFollowersButton.js +12 -10
- package/lib/esm/components/SCEventMembersWidget.d.ts +1 -10
- package/lib/esm/components/SCEventMembersWidget.js +1 -8
- package/lib/esm/components/SCEventParticipantsButton.d.ts +19 -15
- package/lib/esm/components/SCEventParticipantsButton.js +20 -16
- package/lib/esm/components/SCEvents.d.ts +6 -0
- package/lib/esm/components/SCEvents.js +7 -1
- package/lib/esm/components/SCGroupMembersButton.d.ts +12 -10
- package/lib/esm/components/SCGroupMembersButton.js +12 -10
- package/lib/esm/index.d.ts +50 -48
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +3 -3
|
@@ -7,23 +7,27 @@ const Component = {
|
|
|
7
7
|
'&:hover': {
|
|
8
8
|
backgroundColor: 'unset'
|
|
9
9
|
},
|
|
10
|
-
'& .MuiAvatarGroup-
|
|
11
|
-
'&:
|
|
12
|
-
|
|
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
|
-
'
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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': {
|
|
@@ -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
|
};
|
|
@@ -20,6 +20,9 @@ const Component = {
|
|
|
20
20
|
},
|
|
21
21
|
'& .SCEvents-events': {
|
|
22
22
|
marginTop: theme.spacing(2),
|
|
23
|
+
[theme.breakpoints.down('md')]: {
|
|
24
|
+
marginBottom: theme.spacing(7)
|
|
25
|
+
},
|
|
23
26
|
'& .SCEvents-item': {
|
|
24
27
|
paddingTop: theme.spacing(2)
|
|
25
28
|
},
|
|
@@ -45,7 +48,10 @@ const Component = {
|
|
|
45
48
|
alignItems: 'flex-start',
|
|
46
49
|
'& .SCEvent-skeleton-root': {
|
|
47
50
|
marginBottom: theme.spacing(2),
|
|
48
|
-
minWidth: '50%'
|
|
51
|
+
minWidth: '50%',
|
|
52
|
+
[theme.breakpoints.down('md')]: {
|
|
53
|
+
width: '100%'
|
|
54
|
+
}
|
|
49
55
|
},
|
|
50
56
|
'& .SCEvent-skeleton-snippet .SCBaseItem-content': {
|
|
51
57
|
maxWidth: '70%'
|
|
@@ -3,16 +3,7 @@ declare const Component: {
|
|
|
3
3
|
root: ({ theme, subscribers }: any) => {
|
|
4
4
|
padding: any;
|
|
5
5
|
'& .MuiAvatarGroup-root': {
|
|
6
|
-
'
|
|
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: () => {};
|
|
@@ -3,16 +3,7 @@ const Component = {
|
|
|
3
3
|
root: ({ theme, subscribers }) => ({
|
|
4
4
|
padding: theme.spacing(),
|
|
5
5
|
'& .MuiAvatarGroup-root': {
|
|
6
|
-
'
|
|
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
|
}),
|
package/lib/esm/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
|
-
'
|
|
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
|
-
'
|
|
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-
|
|
7740
|
-
'&:
|
|
7741
|
-
|
|
7742
|
-
|
|
7743
|
-
|
|
7744
|
-
|
|
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
|
-
|
|
7747
|
-
|
|
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
|
-
|
|
7755
|
-
|
|
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: (
|
|
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: {
|