@selfcommunity/react-theme-default 0.5.0-alpha.11 → 0.5.0-alpha.13
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/SCFeedObject.d.ts +8 -13
- package/lib/cjs/components/SCFeedObject.js +8 -13
- package/lib/cjs/components/SCUserAutocomplete.d.ts +18 -0
- package/lib/cjs/components/SCUserAutocomplete.js +20 -0
- package/lib/cjs/index.d.ts +25 -16
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/SCFeedObject.d.ts +8 -13
- package/lib/esm/components/SCFeedObject.js +8 -13
- package/lib/esm/components/SCUserAutocomplete.d.ts +18 -0
- package/lib/esm/components/SCUserAutocomplete.js +18 -0
- package/lib/esm/index.d.ts +25 -16
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -143,19 +143,14 @@ declare const Component: {
|
|
|
143
143
|
opacity: number;
|
|
144
144
|
};
|
|
145
145
|
};
|
|
146
|
-
'& .SCFeedObject-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
backgroundColor: any;
|
|
155
|
-
border: string;
|
|
156
|
-
borderRadius: string;
|
|
157
|
-
filter: string;
|
|
158
|
-
};
|
|
146
|
+
'& .SCFeedObject-new': {
|
|
147
|
+
color: any;
|
|
148
|
+
backgroundColor: string;
|
|
149
|
+
padding: string;
|
|
150
|
+
borderRadius: string;
|
|
151
|
+
marginRight: string;
|
|
152
|
+
fontSize: string;
|
|
153
|
+
fontWeight: number;
|
|
159
154
|
};
|
|
160
155
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
|
|
161
156
|
[x: number]: {
|
|
@@ -146,19 +146,14 @@ const Component = {
|
|
|
146
146
|
opacity: 1
|
|
147
147
|
}
|
|
148
148
|
},
|
|
149
|
-
'& .SCFeedObject-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
backgroundColor: theme.palette.secondary.main,
|
|
158
|
-
border: `1px solid ${theme.palette.common.white}`,
|
|
159
|
-
borderRadius: '9999px',
|
|
160
|
-
filter: 'drop-shadow(0 0 2px rgba(0, 0, 0, 0.50))'
|
|
161
|
-
}
|
|
149
|
+
'& .SCFeedObject-new': {
|
|
150
|
+
color: theme.palette.common.white,
|
|
151
|
+
backgroundColor: '#fa0501',
|
|
152
|
+
padding: '0 3px',
|
|
153
|
+
borderRadius: '3px',
|
|
154
|
+
marginRight: '3px',
|
|
155
|
+
fontSize: '10px',
|
|
156
|
+
fontWeight: 600
|
|
162
157
|
},
|
|
163
158
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
|
|
164
159
|
border: `0 none`,
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCUserAutocomplete-info': {
|
|
5
|
+
[x: number]: {
|
|
6
|
+
alignItems: string;
|
|
7
|
+
};
|
|
8
|
+
marginTop: any;
|
|
9
|
+
display: string;
|
|
10
|
+
'& .MuiIcon-root': {
|
|
11
|
+
marginRight: any;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
autocompleteRoot: ({ theme }: any) => {};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default Component;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCUserAutocomplete-info': {
|
|
7
|
+
marginTop: theme.spacing(3),
|
|
8
|
+
display: 'flex',
|
|
9
|
+
[theme.breakpoints.up('sm')]: {
|
|
10
|
+
alignItems: 'center'
|
|
11
|
+
},
|
|
12
|
+
'& .MuiIcon-root': {
|
|
13
|
+
marginRight: theme.spacing(0.5)
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}),
|
|
17
|
+
autocompleteRoot: ({ theme }) => ({})
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
exports.default = Component;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4086,19 +4086,14 @@ declare const theme: {
|
|
|
4086
4086
|
opacity: number;
|
|
4087
4087
|
};
|
|
4088
4088
|
};
|
|
4089
|
-
'& .SCFeedObject-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
backgroundColor: any;
|
|
4098
|
-
border: string;
|
|
4099
|
-
borderRadius: string;
|
|
4100
|
-
filter: string;
|
|
4101
|
-
};
|
|
4089
|
+
'& .SCFeedObject-new': {
|
|
4090
|
+
color: any;
|
|
4091
|
+
backgroundColor: string;
|
|
4092
|
+
padding: string;
|
|
4093
|
+
borderRadius: string;
|
|
4094
|
+
marginRight: string;
|
|
4095
|
+
fontSize: string;
|
|
4096
|
+
fontWeight: number;
|
|
4102
4097
|
};
|
|
4103
4098
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
|
|
4104
4099
|
[x: number]: {
|
|
@@ -8065,9 +8060,6 @@ declare const theme: {
|
|
|
8065
8060
|
alignItems: string;
|
|
8066
8061
|
marginRight: any;
|
|
8067
8062
|
'& .MuiIcon-root': {
|
|
8068
|
-
/**
|
|
8069
|
-
* Style assets - Imports - Start
|
|
8070
|
-
*/
|
|
8071
8063
|
margin: any;
|
|
8072
8064
|
};
|
|
8073
8065
|
};
|
|
@@ -9067,6 +9059,23 @@ declare const theme: {
|
|
|
9067
9059
|
};
|
|
9068
9060
|
};
|
|
9069
9061
|
};
|
|
9062
|
+
SCUserAutocomplete: {
|
|
9063
|
+
styleOverrides: {
|
|
9064
|
+
root: ({ theme }: any) => {
|
|
9065
|
+
'& .SCUserAutocomplete-info': {
|
|
9066
|
+
[x: number]: {
|
|
9067
|
+
alignItems: string;
|
|
9068
|
+
};
|
|
9069
|
+
marginTop: any;
|
|
9070
|
+
display: string;
|
|
9071
|
+
'& .MuiIcon-root': {
|
|
9072
|
+
marginRight: any;
|
|
9073
|
+
};
|
|
9074
|
+
};
|
|
9075
|
+
};
|
|
9076
|
+
autocompleteRoot: ({ theme }: any) => {};
|
|
9077
|
+
};
|
|
9078
|
+
};
|
|
9070
9079
|
SCUserCategoriesFollowedWidget: {
|
|
9071
9080
|
styleOverrides: {
|
|
9072
9081
|
root: ({ theme }: any) => {};
|
package/lib/cjs/index.js
CHANGED
|
@@ -187,6 +187,7 @@ const SCToastNotifications_1 = tslib_1.__importDefault(require("./components/SCT
|
|
|
187
187
|
const SCUser_1 = tslib_1.__importDefault(require("./components/SCUser"));
|
|
188
188
|
const SCUserActionIconButton_1 = tslib_1.__importDefault(require("./components/SCUserActionIconButton"));
|
|
189
189
|
const SCUserAvatar_1 = tslib_1.__importDefault(require("./components/SCUserAvatar"));
|
|
190
|
+
const SCUserAutocomplete_1 = tslib_1.__importDefault(require("./components/SCUserAutocomplete"));
|
|
190
191
|
const SCUserCategoriesFollowedWidget_1 = tslib_1.__importDefault(require("./components/SCUserCategoriesFollowedWidget"));
|
|
191
192
|
const SCUserConnectionsRequestsSentWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsRequestsSentWidget"));
|
|
192
193
|
const SCUserConnectionsRequestsWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsRequestsWidget"));
|
|
@@ -458,6 +459,7 @@ const theme = {
|
|
|
458
459
|
SCUser: SCUser_1.default,
|
|
459
460
|
SCUserActionIconButton: SCUserActionIconButton_1.default,
|
|
460
461
|
SCUserAvatar: SCUserAvatar_1.default,
|
|
462
|
+
SCUserAutocomplete: SCUserAutocomplete_1.default,
|
|
461
463
|
SCUserCategoriesFollowedWidget: SCUserCategoriesFollowedWidget_1.default,
|
|
462
464
|
SCUserConnectionsRequestsSentWidget: SCUserConnectionsRequestsSentWidget_1.default,
|
|
463
465
|
SCUserConnectionsRequestsWidget: SCUserConnectionsRequestsWidget_1.default,
|
|
@@ -143,19 +143,14 @@ declare const Component: {
|
|
|
143
143
|
opacity: number;
|
|
144
144
|
};
|
|
145
145
|
};
|
|
146
|
-
'& .SCFeedObject-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
backgroundColor: any;
|
|
155
|
-
border: string;
|
|
156
|
-
borderRadius: string;
|
|
157
|
-
filter: string;
|
|
158
|
-
};
|
|
146
|
+
'& .SCFeedObject-new': {
|
|
147
|
+
color: any;
|
|
148
|
+
backgroundColor: string;
|
|
149
|
+
padding: string;
|
|
150
|
+
borderRadius: string;
|
|
151
|
+
marginRight: string;
|
|
152
|
+
fontSize: string;
|
|
153
|
+
fontWeight: number;
|
|
159
154
|
};
|
|
160
155
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
|
|
161
156
|
[x: number]: {
|
|
@@ -144,19 +144,14 @@ const Component = {
|
|
|
144
144
|
opacity: 1
|
|
145
145
|
}
|
|
146
146
|
},
|
|
147
|
-
'& .SCFeedObject-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
backgroundColor: theme.palette.secondary.main,
|
|
156
|
-
border: `1px solid ${theme.palette.common.white}`,
|
|
157
|
-
borderRadius: '9999px',
|
|
158
|
-
filter: 'drop-shadow(0 0 2px rgba(0, 0, 0, 0.50))'
|
|
159
|
-
}
|
|
147
|
+
'& .SCFeedObject-new': {
|
|
148
|
+
color: theme.palette.common.white,
|
|
149
|
+
backgroundColor: '#fa0501',
|
|
150
|
+
padding: '0 3px',
|
|
151
|
+
borderRadius: '3px',
|
|
152
|
+
marginRight: '3px',
|
|
153
|
+
fontSize: '10px',
|
|
154
|
+
fontWeight: 600
|
|
160
155
|
},
|
|
161
156
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
|
|
162
157
|
border: `0 none`,
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCUserAutocomplete-info': {
|
|
5
|
+
[x: number]: {
|
|
6
|
+
alignItems: string;
|
|
7
|
+
};
|
|
8
|
+
marginTop: any;
|
|
9
|
+
display: string;
|
|
10
|
+
'& .MuiIcon-root': {
|
|
11
|
+
marginRight: any;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
autocompleteRoot: ({ theme }: any) => {};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default Component;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
'& .SCUserAutocomplete-info': {
|
|
5
|
+
marginTop: theme.spacing(3),
|
|
6
|
+
display: 'flex',
|
|
7
|
+
[theme.breakpoints.up('sm')]: {
|
|
8
|
+
alignItems: 'center'
|
|
9
|
+
},
|
|
10
|
+
'& .MuiIcon-root': {
|
|
11
|
+
marginRight: theme.spacing(0.5)
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}),
|
|
15
|
+
autocompleteRoot: ({ theme }) => ({})
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export default Component;
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -4086,19 +4086,14 @@ declare const theme: {
|
|
|
4086
4086
|
opacity: number;
|
|
4087
4087
|
};
|
|
4088
4088
|
};
|
|
4089
|
-
'& .SCFeedObject-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
backgroundColor: any;
|
|
4098
|
-
border: string;
|
|
4099
|
-
borderRadius: string;
|
|
4100
|
-
filter: string;
|
|
4101
|
-
};
|
|
4089
|
+
'& .SCFeedObject-new': {
|
|
4090
|
+
color: any;
|
|
4091
|
+
backgroundColor: string;
|
|
4092
|
+
padding: string;
|
|
4093
|
+
borderRadius: string;
|
|
4094
|
+
marginRight: string;
|
|
4095
|
+
fontSize: string;
|
|
4096
|
+
fontWeight: number;
|
|
4102
4097
|
};
|
|
4103
4098
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
|
|
4104
4099
|
[x: number]: {
|
|
@@ -8065,9 +8060,6 @@ declare const theme: {
|
|
|
8065
8060
|
alignItems: string;
|
|
8066
8061
|
marginRight: any;
|
|
8067
8062
|
'& .MuiIcon-root': {
|
|
8068
|
-
/**
|
|
8069
|
-
* Style assets - Imports - Start
|
|
8070
|
-
*/
|
|
8071
8063
|
margin: any;
|
|
8072
8064
|
};
|
|
8073
8065
|
};
|
|
@@ -9067,6 +9059,23 @@ declare const theme: {
|
|
|
9067
9059
|
};
|
|
9068
9060
|
};
|
|
9069
9061
|
};
|
|
9062
|
+
SCUserAutocomplete: {
|
|
9063
|
+
styleOverrides: {
|
|
9064
|
+
root: ({ theme }: any) => {
|
|
9065
|
+
'& .SCUserAutocomplete-info': {
|
|
9066
|
+
[x: number]: {
|
|
9067
|
+
alignItems: string;
|
|
9068
|
+
};
|
|
9069
|
+
marginTop: any;
|
|
9070
|
+
display: string;
|
|
9071
|
+
'& .MuiIcon-root': {
|
|
9072
|
+
marginRight: any;
|
|
9073
|
+
};
|
|
9074
|
+
};
|
|
9075
|
+
};
|
|
9076
|
+
autocompleteRoot: ({ theme }: any) => {};
|
|
9077
|
+
};
|
|
9078
|
+
};
|
|
9070
9079
|
SCUserCategoriesFollowedWidget: {
|
|
9071
9080
|
styleOverrides: {
|
|
9072
9081
|
root: ({ theme }: any) => {};
|
package/lib/esm/index.js
CHANGED
|
@@ -183,6 +183,7 @@ import SCToastNotifications from './components/SCToastNotifications';
|
|
|
183
183
|
import SCUser from './components/SCUser';
|
|
184
184
|
import SCUserActionIconButton from './components/SCUserActionIconButton';
|
|
185
185
|
import SCUserAvatar from './components/SCUserAvatar';
|
|
186
|
+
import SCUserAutocomplete from './components/SCUserAutocomplete';
|
|
186
187
|
import SCUserCategoriesFollowedWidget from './components/SCUserCategoriesFollowedWidget';
|
|
187
188
|
import SCUserConnectionsRequestsSentWidget from './components/SCUserConnectionsRequestsSentWidget';
|
|
188
189
|
import SCUserConnectionsRequestsWidget from './components/SCUserConnectionsRequestsWidget';
|
|
@@ -446,6 +447,7 @@ const theme = {
|
|
|
446
447
|
SCUser,
|
|
447
448
|
SCUserActionIconButton,
|
|
448
449
|
SCUserAvatar,
|
|
450
|
+
SCUserAutocomplete,
|
|
449
451
|
SCUserCategoriesFollowedWidget,
|
|
450
452
|
SCUserConnectionsRequestsSentWidget,
|
|
451
453
|
SCUserConnectionsRequestsWidget,
|