@selfcommunity/react-theme-default 0.3.2-alpha.0 → 0.4.0-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.
- package/lib/cjs/components/SCCategoryFollowersButton.d.ts +1 -1
- package/lib/cjs/components/SCCategoryFollowersButton.js +3 -3
- package/lib/cjs/components/SCEventParticipantsButton.d.ts +10 -1
- package/lib/cjs/components/SCEventParticipantsButton.js +11 -2
- package/lib/cjs/components/SCGroupMembersButton.d.ts +1 -1
- package/lib/cjs/components/SCGroupMembersButton.js +3 -3
- package/lib/cjs/components/SCTagAutocomplete.d.ts +6 -0
- package/lib/cjs/components/SCTagAutocomplete.js +8 -0
- package/lib/cjs/index.d.ts +20 -3
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/SCCategoryFollowersButton.d.ts +1 -1
- package/lib/esm/components/SCCategoryFollowersButton.js +3 -3
- package/lib/esm/components/SCEventParticipantsButton.d.ts +10 -1
- package/lib/esm/components/SCEventParticipantsButton.js +11 -2
- package/lib/esm/components/SCGroupMembersButton.d.ts +1 -1
- package/lib/esm/components/SCGroupMembersButton.js +3 -3
- package/lib/esm/components/SCTagAutocomplete.d.ts +6 -0
- package/lib/esm/components/SCTagAutocomplete.js +6 -0
- package/lib/esm/index.d.ts +20 -3
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +3 -3
|
@@ -5,10 +5,10 @@ const Component = {
|
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
padding: theme.spacing(),
|
|
7
7
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
8
|
-
width:
|
|
8
|
+
width: 'auto',
|
|
9
9
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
10
|
-
border:
|
|
11
|
-
fontSize: '0.
|
|
10
|
+
border: `1px solid ${theme.palette.common.white}`,
|
|
11
|
+
fontSize: '0.7rem',
|
|
12
12
|
'&.MuiAvatar-colorDefault': {
|
|
13
13
|
marginLeft: 0,
|
|
14
14
|
backgroundColor: 'transparent',
|
|
@@ -10,9 +10,18 @@ declare const Component: {
|
|
|
10
10
|
backgroundColor: string;
|
|
11
11
|
};
|
|
12
12
|
'& .MuiAvatarGroup-avatar': {
|
|
13
|
-
width:
|
|
13
|
+
width: string;
|
|
14
14
|
height: any;
|
|
15
|
+
border: string;
|
|
15
16
|
fontSize: string;
|
|
17
|
+
'&.MuiAvatar-colorDefault': {
|
|
18
|
+
marginLeft: number;
|
|
19
|
+
backgroundColor: string;
|
|
20
|
+
color: any;
|
|
21
|
+
border: string;
|
|
22
|
+
borderRadius: number;
|
|
23
|
+
padding: number;
|
|
24
|
+
};
|
|
16
25
|
};
|
|
17
26
|
'& .SCEventParticipantsButton-participants': {
|
|
18
27
|
color: any;
|
|
@@ -10,9 +10,18 @@ const Component = {
|
|
|
10
10
|
backgroundColor: 'unset'
|
|
11
11
|
},
|
|
12
12
|
'& .MuiAvatarGroup-avatar': {
|
|
13
|
-
width:
|
|
13
|
+
width: 'auto',
|
|
14
14
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
15
|
-
|
|
15
|
+
border: `1px solid ${theme.palette.common.white}`,
|
|
16
|
+
fontSize: '0.7rem',
|
|
17
|
+
'&.MuiAvatar-colorDefault': {
|
|
18
|
+
marginLeft: 0,
|
|
19
|
+
backgroundColor: 'transparent',
|
|
20
|
+
color: theme.palette.primary.main,
|
|
21
|
+
border: '0 none',
|
|
22
|
+
borderRadius: 0,
|
|
23
|
+
padding: 1
|
|
24
|
+
}
|
|
16
25
|
},
|
|
17
26
|
'& .SCEventParticipantsButton-participants': {
|
|
18
27
|
color: theme.palette.grey[600]
|
|
@@ -5,10 +5,10 @@ const Component = {
|
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
padding: theme.spacing(),
|
|
7
7
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
8
|
-
width:
|
|
8
|
+
width: 'auto',
|
|
9
9
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
10
|
-
border:
|
|
11
|
-
fontSize: '0.
|
|
10
|
+
border: `1px solid ${theme.palette.common.white}`,
|
|
11
|
+
fontSize: '0.7rem',
|
|
12
12
|
'&.MuiAvatar-colorDefault': {
|
|
13
13
|
marginLeft: 0,
|
|
14
14
|
backgroundColor: 'transparent',
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -711,7 +711,7 @@ declare const theme: {
|
|
|
711
711
|
root: ({ theme }: any) => {
|
|
712
712
|
padding: any;
|
|
713
713
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
714
|
-
width:
|
|
714
|
+
width: string;
|
|
715
715
|
height: any;
|
|
716
716
|
border: string;
|
|
717
717
|
fontSize: string;
|
|
@@ -3280,7 +3280,7 @@ declare const theme: {
|
|
|
3280
3280
|
root: ({ theme }: any) => {
|
|
3281
3281
|
padding: any;
|
|
3282
3282
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
3283
|
-
width:
|
|
3283
|
+
width: string;
|
|
3284
3284
|
height: any;
|
|
3285
3285
|
border: string;
|
|
3286
3286
|
fontSize: string;
|
|
@@ -6841,6 +6841,11 @@ declare const theme: {
|
|
|
6841
6841
|
dialogRoot: ({ theme }: any) => {};
|
|
6842
6842
|
};
|
|
6843
6843
|
};
|
|
6844
|
+
SCTagAutocomplete: {
|
|
6845
|
+
styleOverrides: {
|
|
6846
|
+
root: ({ theme }: any) => {};
|
|
6847
|
+
};
|
|
6848
|
+
};
|
|
6844
6849
|
SCEventForm: {
|
|
6845
6850
|
styleOverrides: {
|
|
6846
6851
|
root: ({ theme }: any) => {
|
|
@@ -7708,6 +7713,9 @@ declare const theme: {
|
|
|
7708
7713
|
root: ({ theme }: {
|
|
7709
7714
|
theme: any;
|
|
7710
7715
|
}) => {
|
|
7716
|
+
/**
|
|
7717
|
+
* Style fragments - Imports - Start
|
|
7718
|
+
*/
|
|
7711
7719
|
gap: any;
|
|
7712
7720
|
marginTop: string;
|
|
7713
7721
|
minWidth: string;
|
|
@@ -7715,9 +7723,18 @@ declare const theme: {
|
|
|
7715
7723
|
backgroundColor: string;
|
|
7716
7724
|
};
|
|
7717
7725
|
'& .MuiAvatarGroup-avatar': {
|
|
7718
|
-
width:
|
|
7726
|
+
width: string;
|
|
7719
7727
|
height: any;
|
|
7728
|
+
border: string;
|
|
7720
7729
|
fontSize: string;
|
|
7730
|
+
'&.MuiAvatar-colorDefault': {
|
|
7731
|
+
marginLeft: number;
|
|
7732
|
+
backgroundColor: string;
|
|
7733
|
+
color: any;
|
|
7734
|
+
border: string;
|
|
7735
|
+
borderRadius: number;
|
|
7736
|
+
padding: number;
|
|
7737
|
+
};
|
|
7721
7738
|
};
|
|
7722
7739
|
'& .SCEventParticipantsButton-participants': {
|
|
7723
7740
|
color: any;
|
package/lib/cjs/index.js
CHANGED
|
@@ -161,6 +161,7 @@ const SCUserProfileHeader_1 = tslib_1.__importDefault(require("./components/SCUs
|
|
|
161
161
|
const SCUserProfileTemplate_1 = tslib_1.__importDefault(require("./components/SCUserProfileTemplate"));
|
|
162
162
|
const SCUserSubscribedGroupsWidget_1 = tslib_1.__importDefault(require("./components/SCUserSubscribedGroupsWidget"));
|
|
163
163
|
const SCUserSuggestionWidget_1 = tslib_1.__importDefault(require("./components/SCUserSuggestionWidget"));
|
|
164
|
+
const SCTagAutocomplete_1 = tslib_1.__importDefault(require("./components/SCTagAutocomplete"));
|
|
164
165
|
const SCVoteAudienceButton_1 = tslib_1.__importDefault(require("./components/SCVoteAudienceButton"));
|
|
165
166
|
const SCVoteButton_1 = tslib_1.__importDefault(require("./components/SCVoteButton"));
|
|
166
167
|
const SCWidget_1 = tslib_1.__importDefault(require("./components/SCWidget"));
|
|
@@ -369,6 +370,7 @@ const theme = {
|
|
|
369
370
|
SCUserProfileTemplate: SCUserProfileTemplate_1.default,
|
|
370
371
|
SCUserSubscribedGroupsWidget: SCUserSubscribedGroupsWidget_1.default,
|
|
371
372
|
SCUserSuggestionWidget: SCUserSuggestionWidget_1.default,
|
|
373
|
+
SCTagAutocomplete: SCTagAutocomplete_1.default,
|
|
372
374
|
SCEventForm: SCEventForm_1.default,
|
|
373
375
|
SCEventFormDialog: SCEventFormDialog_1.default,
|
|
374
376
|
SCCreateEventButton: SCCreateEventButton_1.default,
|
|
@@ -3,10 +3,10 @@ const Component = {
|
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
padding: theme.spacing(),
|
|
5
5
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
6
|
-
width:
|
|
6
|
+
width: 'auto',
|
|
7
7
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
8
|
-
border:
|
|
9
|
-
fontSize: '0.
|
|
8
|
+
border: `1px solid ${theme.palette.common.white}`,
|
|
9
|
+
fontSize: '0.7rem',
|
|
10
10
|
'&.MuiAvatar-colorDefault': {
|
|
11
11
|
marginLeft: 0,
|
|
12
12
|
backgroundColor: 'transparent',
|
|
@@ -10,9 +10,18 @@ declare const Component: {
|
|
|
10
10
|
backgroundColor: string;
|
|
11
11
|
};
|
|
12
12
|
'& .MuiAvatarGroup-avatar': {
|
|
13
|
-
width:
|
|
13
|
+
width: string;
|
|
14
14
|
height: any;
|
|
15
|
+
border: string;
|
|
15
16
|
fontSize: string;
|
|
17
|
+
'&.MuiAvatar-colorDefault': {
|
|
18
|
+
marginLeft: number;
|
|
19
|
+
backgroundColor: string;
|
|
20
|
+
color: any;
|
|
21
|
+
border: string;
|
|
22
|
+
borderRadius: number;
|
|
23
|
+
padding: number;
|
|
24
|
+
};
|
|
16
25
|
};
|
|
17
26
|
'& .SCEventParticipantsButton-participants': {
|
|
18
27
|
color: any;
|
|
@@ -8,9 +8,18 @@ const Component = {
|
|
|
8
8
|
backgroundColor: 'unset'
|
|
9
9
|
},
|
|
10
10
|
'& .MuiAvatarGroup-avatar': {
|
|
11
|
-
width:
|
|
11
|
+
width: 'auto',
|
|
12
12
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
13
|
-
|
|
13
|
+
border: `1px solid ${theme.palette.common.white}`,
|
|
14
|
+
fontSize: '0.7rem',
|
|
15
|
+
'&.MuiAvatar-colorDefault': {
|
|
16
|
+
marginLeft: 0,
|
|
17
|
+
backgroundColor: 'transparent',
|
|
18
|
+
color: theme.palette.primary.main,
|
|
19
|
+
border: '0 none',
|
|
20
|
+
borderRadius: 0,
|
|
21
|
+
padding: 1
|
|
22
|
+
}
|
|
14
23
|
},
|
|
15
24
|
'& .SCEventParticipantsButton-participants': {
|
|
16
25
|
color: theme.palette.grey[600]
|
|
@@ -3,10 +3,10 @@ const Component = {
|
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
padding: theme.spacing(),
|
|
5
5
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
6
|
-
width:
|
|
6
|
+
width: 'auto',
|
|
7
7
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
8
|
-
border:
|
|
9
|
-
fontSize: '0.
|
|
8
|
+
border: `1px solid ${theme.palette.common.white}`,
|
|
9
|
+
fontSize: '0.7rem',
|
|
10
10
|
'&.MuiAvatar-colorDefault': {
|
|
11
11
|
marginLeft: 0,
|
|
12
12
|
backgroundColor: 'transparent',
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -711,7 +711,7 @@ declare const theme: {
|
|
|
711
711
|
root: ({ theme }: any) => {
|
|
712
712
|
padding: any;
|
|
713
713
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
714
|
-
width:
|
|
714
|
+
width: string;
|
|
715
715
|
height: any;
|
|
716
716
|
border: string;
|
|
717
717
|
fontSize: string;
|
|
@@ -3280,7 +3280,7 @@ declare const theme: {
|
|
|
3280
3280
|
root: ({ theme }: any) => {
|
|
3281
3281
|
padding: any;
|
|
3282
3282
|
'& .MuiAvatarGroup-root .MuiAvatar-root': {
|
|
3283
|
-
width:
|
|
3283
|
+
width: string;
|
|
3284
3284
|
height: any;
|
|
3285
3285
|
border: string;
|
|
3286
3286
|
fontSize: string;
|
|
@@ -6841,6 +6841,11 @@ declare const theme: {
|
|
|
6841
6841
|
dialogRoot: ({ theme }: any) => {};
|
|
6842
6842
|
};
|
|
6843
6843
|
};
|
|
6844
|
+
SCTagAutocomplete: {
|
|
6845
|
+
styleOverrides: {
|
|
6846
|
+
root: ({ theme }: any) => {};
|
|
6847
|
+
};
|
|
6848
|
+
};
|
|
6844
6849
|
SCEventForm: {
|
|
6845
6850
|
styleOverrides: {
|
|
6846
6851
|
root: ({ theme }: any) => {
|
|
@@ -7708,6 +7713,9 @@ declare const theme: {
|
|
|
7708
7713
|
root: ({ theme }: {
|
|
7709
7714
|
theme: any;
|
|
7710
7715
|
}) => {
|
|
7716
|
+
/**
|
|
7717
|
+
* Style fragments - Imports - Start
|
|
7718
|
+
*/
|
|
7711
7719
|
gap: any;
|
|
7712
7720
|
marginTop: string;
|
|
7713
7721
|
minWidth: string;
|
|
@@ -7715,9 +7723,18 @@ declare const theme: {
|
|
|
7715
7723
|
backgroundColor: string;
|
|
7716
7724
|
};
|
|
7717
7725
|
'& .MuiAvatarGroup-avatar': {
|
|
7718
|
-
width:
|
|
7726
|
+
width: string;
|
|
7719
7727
|
height: any;
|
|
7728
|
+
border: string;
|
|
7720
7729
|
fontSize: string;
|
|
7730
|
+
'&.MuiAvatar-colorDefault': {
|
|
7731
|
+
marginLeft: number;
|
|
7732
|
+
backgroundColor: string;
|
|
7733
|
+
color: any;
|
|
7734
|
+
border: string;
|
|
7735
|
+
borderRadius: number;
|
|
7736
|
+
padding: number;
|
|
7737
|
+
};
|
|
7721
7738
|
};
|
|
7722
7739
|
'& .SCEventParticipantsButton-participants': {
|
|
7723
7740
|
color: any;
|
package/lib/esm/index.js
CHANGED
|
@@ -158,6 +158,7 @@ import SCUserProfileHeader from './components/SCUserProfileHeader';
|
|
|
158
158
|
import SCUserProfileTemplate from './components/SCUserProfileTemplate';
|
|
159
159
|
import SCUserSubscribedGroupsWidget from './components/SCUserSubscribedGroupsWidget';
|
|
160
160
|
import SCUserSuggestionWidget from './components/SCUserSuggestionWidget';
|
|
161
|
+
import SCTagAutocomplete from './components/SCTagAutocomplete';
|
|
161
162
|
import SCVoteAudienceButton from './components/SCVoteAudienceButton';
|
|
162
163
|
import SCVoteButton from './components/SCVoteButton';
|
|
163
164
|
import SCWidget from './components/SCWidget';
|
|
@@ -366,6 +367,7 @@ const theme = {
|
|
|
366
367
|
SCUserProfileTemplate,
|
|
367
368
|
SCUserSubscribedGroupsWidget,
|
|
368
369
|
SCUserSuggestionWidget,
|
|
370
|
+
SCTagAutocomplete,
|
|
369
371
|
SCEventForm,
|
|
370
372
|
SCEventFormDialog,
|
|
371
373
|
SCCreateEventButton,
|