@selfcommunity/react-theme-default 1.2.5-alpha.1 → 1.2.5-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.
- package/lib/cjs/components/SCFeedObject.d.ts +5 -1
- package/lib/cjs/components/SCFeedObject.js +9 -5
- package/lib/cjs/components/SCSearchAutocomplete.d.ts +0 -8
- package/lib/cjs/components/SCSearchAutocomplete.js +0 -8
- package/lib/cjs/index.d.ts +5 -12
- package/lib/esm/components/SCFeedObject.d.ts +5 -1
- package/lib/esm/components/SCFeedObject.js +9 -5
- package/lib/esm/components/SCSearchAutocomplete.d.ts +0 -8
- package/lib/esm/components/SCSearchAutocomplete.js +0 -8
- package/lib/esm/index.d.ts +5 -12
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -193,6 +193,11 @@ declare const Component: {
|
|
|
193
193
|
right: any;
|
|
194
194
|
};
|
|
195
195
|
};
|
|
196
|
+
'& .MuiCardHeader-content': {
|
|
197
|
+
display: string;
|
|
198
|
+
flexDirection: string;
|
|
199
|
+
gap: string;
|
|
200
|
+
};
|
|
196
201
|
'& .SCFeedObject-username': {
|
|
197
202
|
fontWeight: any;
|
|
198
203
|
minHeight: number;
|
|
@@ -394,7 +399,6 @@ declare const Component: {
|
|
|
394
399
|
};
|
|
395
400
|
'& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
|
|
396
401
|
color: string;
|
|
397
|
-
marginTop: any;
|
|
398
402
|
marginBottom: any;
|
|
399
403
|
borderRadius: string;
|
|
400
404
|
padding: any;
|
|
@@ -200,6 +200,11 @@ const Component = {
|
|
|
200
200
|
right: theme.spacing(0.25)
|
|
201
201
|
}
|
|
202
202
|
},
|
|
203
|
+
'& .MuiCardHeader-content': {
|
|
204
|
+
display: 'flex',
|
|
205
|
+
flexDirection: 'column',
|
|
206
|
+
gap: '4px'
|
|
207
|
+
},
|
|
203
208
|
'& .SCFeedObject-username': {
|
|
204
209
|
fontWeight: theme.typography.fontWeightBold,
|
|
205
210
|
minHeight: 24,
|
|
@@ -403,17 +408,16 @@ const Component = {
|
|
|
403
408
|
color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
404
409
|
? (0, material_1.lighten)(theme.palette.text.primary, 0.5)
|
|
405
410
|
: (0, material_1.darken)(theme.palette.text.primary, 0.5),
|
|
406
|
-
marginTop: theme.spacing(-0.5),
|
|
407
411
|
marginBottom: theme.spacing(0.5),
|
|
408
412
|
borderRadius: '50%',
|
|
409
413
|
padding: theme.spacing(1),
|
|
410
414
|
minWidth: 0,
|
|
411
415
|
'& .MuiIcon-root': {
|
|
412
|
-
fontSize: '
|
|
416
|
+
fontSize: '24px'
|
|
413
417
|
},
|
|
414
418
|
'& > img': {
|
|
415
|
-
width: '
|
|
416
|
-
height: '
|
|
419
|
+
width: '24px',
|
|
420
|
+
height: '24px'
|
|
417
421
|
}
|
|
418
422
|
}
|
|
419
423
|
}
|
|
@@ -524,7 +528,7 @@ const Component = {
|
|
|
524
528
|
}),
|
|
525
529
|
skeletonRoot: ({ theme }) => ({
|
|
526
530
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
|
|
527
|
-
border:
|
|
531
|
+
border: '0 none',
|
|
528
532
|
boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
|
|
529
533
|
borderRadius: 0,
|
|
530
534
|
[theme.breakpoints.up('sm')]: {
|
|
@@ -5,14 +5,6 @@ declare const Component: {
|
|
|
5
5
|
padding: any;
|
|
6
6
|
borderRadius: any;
|
|
7
7
|
flexGrow: number;
|
|
8
|
-
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9
|
-
borderColor: string;
|
|
10
|
-
borderWidth: number;
|
|
11
|
-
};
|
|
12
|
-
'& .MuiInputBase-input:focus-visible': {
|
|
13
|
-
outline: string;
|
|
14
|
-
outlineOffset: number;
|
|
15
|
-
};
|
|
16
8
|
'& .MuiAutocomplete-input': {
|
|
17
9
|
padding: any;
|
|
18
10
|
color: any;
|
|
@@ -11,14 +11,6 @@ const Component = {
|
|
|
11
11
|
padding: theme.spacing(0, 2),
|
|
12
12
|
borderRadius: theme.shape.borderRadius,
|
|
13
13
|
flexGrow: 1,
|
|
14
|
-
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
15
|
-
borderColor: 'primary.main',
|
|
16
|
-
borderWidth: 2
|
|
17
|
-
},
|
|
18
|
-
'& .MuiInputBase-input:focus-visible': {
|
|
19
|
-
outline: '3px solid currentColor',
|
|
20
|
-
outlineOffset: 2
|
|
21
|
-
},
|
|
22
14
|
'& .MuiAutocomplete-input': {
|
|
23
15
|
padding: theme.spacing(0.5, 1),
|
|
24
16
|
color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4212,6 +4212,11 @@ declare const theme: {
|
|
|
4212
4212
|
right: any;
|
|
4213
4213
|
};
|
|
4214
4214
|
};
|
|
4215
|
+
'& .MuiCardHeader-content': {
|
|
4216
|
+
display: string;
|
|
4217
|
+
flexDirection: string;
|
|
4218
|
+
gap: string;
|
|
4219
|
+
};
|
|
4215
4220
|
'& .SCFeedObject-username': {
|
|
4216
4221
|
fontWeight: any;
|
|
4217
4222
|
minHeight: number;
|
|
@@ -4413,7 +4418,6 @@ declare const theme: {
|
|
|
4413
4418
|
};
|
|
4414
4419
|
'& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
|
|
4415
4420
|
color: string;
|
|
4416
|
-
marginTop: any;
|
|
4417
4421
|
marginBottom: any;
|
|
4418
4422
|
borderRadius: string;
|
|
4419
4423
|
padding: any;
|
|
@@ -4470,9 +4474,6 @@ declare const theme: {
|
|
|
4470
4474
|
};
|
|
4471
4475
|
'& .SCCommentObject-root': {
|
|
4472
4476
|
marginTop: number;
|
|
4473
|
-
/**
|
|
4474
|
-
* Export default theme
|
|
4475
|
-
*/
|
|
4476
4477
|
marginBottom: number;
|
|
4477
4478
|
paddingTop: number;
|
|
4478
4479
|
paddingBottom: number;
|
|
@@ -9080,14 +9081,6 @@ declare const theme: {
|
|
|
9080
9081
|
padding: any;
|
|
9081
9082
|
borderRadius: any;
|
|
9082
9083
|
flexGrow: number;
|
|
9083
|
-
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9084
|
-
borderColor: string;
|
|
9085
|
-
borderWidth: number;
|
|
9086
|
-
};
|
|
9087
|
-
'& .MuiInputBase-input:focus-visible': {
|
|
9088
|
-
outline: string;
|
|
9089
|
-
outlineOffset: number;
|
|
9090
|
-
};
|
|
9091
9084
|
'& .MuiAutocomplete-input': {
|
|
9092
9085
|
padding: any;
|
|
9093
9086
|
color: any;
|
|
@@ -193,6 +193,11 @@ declare const Component: {
|
|
|
193
193
|
right: any;
|
|
194
194
|
};
|
|
195
195
|
};
|
|
196
|
+
'& .MuiCardHeader-content': {
|
|
197
|
+
display: string;
|
|
198
|
+
flexDirection: string;
|
|
199
|
+
gap: string;
|
|
200
|
+
};
|
|
196
201
|
'& .SCFeedObject-username': {
|
|
197
202
|
fontWeight: any;
|
|
198
203
|
minHeight: number;
|
|
@@ -394,7 +399,6 @@ declare const Component: {
|
|
|
394
399
|
};
|
|
395
400
|
'& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
|
|
396
401
|
color: string;
|
|
397
|
-
marginTop: any;
|
|
398
402
|
marginBottom: any;
|
|
399
403
|
borderRadius: string;
|
|
400
404
|
padding: any;
|
|
@@ -198,6 +198,11 @@ const Component = {
|
|
|
198
198
|
right: theme.spacing(0.25)
|
|
199
199
|
}
|
|
200
200
|
},
|
|
201
|
+
'& .MuiCardHeader-content': {
|
|
202
|
+
display: 'flex',
|
|
203
|
+
flexDirection: 'column',
|
|
204
|
+
gap: '4px'
|
|
205
|
+
},
|
|
201
206
|
'& .SCFeedObject-username': {
|
|
202
207
|
fontWeight: theme.typography.fontWeightBold,
|
|
203
208
|
minHeight: 24,
|
|
@@ -401,17 +406,16 @@ const Component = {
|
|
|
401
406
|
color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
402
407
|
? lighten(theme.palette.text.primary, 0.5)
|
|
403
408
|
: darken(theme.palette.text.primary, 0.5),
|
|
404
|
-
marginTop: theme.spacing(-0.5),
|
|
405
409
|
marginBottom: theme.spacing(0.5),
|
|
406
410
|
borderRadius: '50%',
|
|
407
411
|
padding: theme.spacing(1),
|
|
408
412
|
minWidth: 0,
|
|
409
413
|
'& .MuiIcon-root': {
|
|
410
|
-
fontSize: '
|
|
414
|
+
fontSize: '24px'
|
|
411
415
|
},
|
|
412
416
|
'& > img': {
|
|
413
|
-
width: '
|
|
414
|
-
height: '
|
|
417
|
+
width: '24px',
|
|
418
|
+
height: '24px'
|
|
415
419
|
}
|
|
416
420
|
}
|
|
417
421
|
}
|
|
@@ -522,7 +526,7 @@ const Component = {
|
|
|
522
526
|
}),
|
|
523
527
|
skeletonRoot: ({ theme }) => ({
|
|
524
528
|
'&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
|
|
525
|
-
border:
|
|
529
|
+
border: '0 none',
|
|
526
530
|
boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
|
|
527
531
|
borderRadius: 0,
|
|
528
532
|
[theme.breakpoints.up('sm')]: {
|
|
@@ -5,14 +5,6 @@ declare const Component: {
|
|
|
5
5
|
padding: any;
|
|
6
6
|
borderRadius: any;
|
|
7
7
|
flexGrow: number;
|
|
8
|
-
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9
|
-
borderColor: string;
|
|
10
|
-
borderWidth: number;
|
|
11
|
-
};
|
|
12
|
-
'& .MuiInputBase-input:focus-visible': {
|
|
13
|
-
outline: string;
|
|
14
|
-
outlineOffset: number;
|
|
15
|
-
};
|
|
16
8
|
'& .MuiAutocomplete-input': {
|
|
17
9
|
padding: any;
|
|
18
10
|
color: any;
|
|
@@ -9,14 +9,6 @@ const Component = {
|
|
|
9
9
|
padding: theme.spacing(0, 2),
|
|
10
10
|
borderRadius: theme.shape.borderRadius,
|
|
11
11
|
flexGrow: 1,
|
|
12
|
-
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
13
|
-
borderColor: 'primary.main',
|
|
14
|
-
borderWidth: 2
|
|
15
|
-
},
|
|
16
|
-
'& .MuiInputBase-input:focus-visible': {
|
|
17
|
-
outline: '3px solid currentColor',
|
|
18
|
-
outlineOffset: 2
|
|
19
|
-
},
|
|
20
12
|
'& .MuiAutocomplete-input': {
|
|
21
13
|
padding: theme.spacing(0.5, 1),
|
|
22
14
|
color: getContrastRatio((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -4212,6 +4212,11 @@ declare const theme: {
|
|
|
4212
4212
|
right: any;
|
|
4213
4213
|
};
|
|
4214
4214
|
};
|
|
4215
|
+
'& .MuiCardHeader-content': {
|
|
4216
|
+
display: string;
|
|
4217
|
+
flexDirection: string;
|
|
4218
|
+
gap: string;
|
|
4219
|
+
};
|
|
4215
4220
|
'& .SCFeedObject-username': {
|
|
4216
4221
|
fontWeight: any;
|
|
4217
4222
|
minHeight: number;
|
|
@@ -4413,7 +4418,6 @@ declare const theme: {
|
|
|
4413
4418
|
};
|
|
4414
4419
|
'& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
|
|
4415
4420
|
color: string;
|
|
4416
|
-
marginTop: any;
|
|
4417
4421
|
marginBottom: any;
|
|
4418
4422
|
borderRadius: string;
|
|
4419
4423
|
padding: any;
|
|
@@ -4470,9 +4474,6 @@ declare const theme: {
|
|
|
4470
4474
|
};
|
|
4471
4475
|
'& .SCCommentObject-root': {
|
|
4472
4476
|
marginTop: number;
|
|
4473
|
-
/**
|
|
4474
|
-
* Export default theme
|
|
4475
|
-
*/
|
|
4476
4477
|
marginBottom: number;
|
|
4477
4478
|
paddingTop: number;
|
|
4478
4479
|
paddingBottom: number;
|
|
@@ -9080,14 +9081,6 @@ declare const theme: {
|
|
|
9080
9081
|
padding: any;
|
|
9081
9082
|
borderRadius: any;
|
|
9082
9083
|
flexGrow: number;
|
|
9083
|
-
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9084
|
-
borderColor: string;
|
|
9085
|
-
borderWidth: number;
|
|
9086
|
-
};
|
|
9087
|
-
'& .MuiInputBase-input:focus-visible': {
|
|
9088
|
-
outline: string;
|
|
9089
|
-
outlineOffset: number;
|
|
9090
|
-
};
|
|
9091
9084
|
'& .MuiAutocomplete-input': {
|
|
9092
9085
|
padding: any;
|
|
9093
9086
|
color: any;
|