@selfcommunity/react-theme-default 1.2.0-alpha.4 → 1.2.0-alpha.6
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/SCComposer.d.ts +1 -0
- package/lib/cjs/components/SCComposer.js +5 -2
- package/lib/cjs/components/SCFeedObject.d.ts +4 -4
- package/lib/cjs/components/SCFeedObject.js +4 -6
- package/lib/cjs/index.d.ts +8 -4
- package/lib/esm/components/SCComposer.d.ts +1 -0
- package/lib/esm/components/SCComposer.js +4 -1
- package/lib/esm/components/SCFeedObject.d.ts +4 -4
- package/lib/esm/components/SCFeedObject.js +4 -6
- package/lib/esm/index.d.ts +8 -4
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const material_1 = require("@mui/material");
|
|
4
4
|
const Component = {
|
|
5
5
|
styleOverrides: {
|
|
6
6
|
root: ({ theme }) => ({
|
|
7
7
|
'& .MuiDialog-paper': {
|
|
8
|
+
boxShadow: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
9
|
+
? '0px 0px 2px 2px rgba(0 0 0 / 50%)'
|
|
10
|
+
: '0px 0px 1px 1px rgba(255 255 255 / 50%)',
|
|
8
11
|
[theme.breakpoints.down('md')]: {
|
|
9
12
|
height: '100%'
|
|
10
13
|
},
|
|
@@ -282,7 +285,7 @@ const Component = {
|
|
|
282
285
|
typeSwitchButtonGroupRoot: ({ theme }) => ({
|
|
283
286
|
'& .MuiToggleButton-root': {
|
|
284
287
|
backgroundColor: theme.palette.common.black,
|
|
285
|
-
color: (0,
|
|
288
|
+
color: (0, material_1.alpha)(theme.palette.common.white, 0.5),
|
|
286
289
|
padding: theme.spacing(0.5, 2),
|
|
287
290
|
fontSize: '1rem',
|
|
288
291
|
fontWeight: theme.typography.fontWeightBold,
|
|
@@ -2,6 +2,9 @@ declare const Component: {
|
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
4
|
width: string;
|
|
5
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
6
|
+
color: any;
|
|
7
|
+
};
|
|
5
8
|
'& .SCFeedObject-title-section': {
|
|
6
9
|
'& a': {
|
|
7
10
|
textDecoration: string;
|
|
@@ -378,10 +381,7 @@ declare const Component: {
|
|
|
378
381
|
fontWeight: any;
|
|
379
382
|
marginTop: any;
|
|
380
383
|
marginBottom: number;
|
|
381
|
-
color:
|
|
382
|
-
'&:hover': {
|
|
383
|
-
color: string;
|
|
384
|
-
};
|
|
384
|
+
color: any;
|
|
385
385
|
};
|
|
386
386
|
'& .MuiDivider-root': {
|
|
387
387
|
borderColor: any;
|
|
@@ -5,6 +5,9 @@ const Component = {
|
|
|
5
5
|
styleOverrides: {
|
|
6
6
|
root: ({ theme }) => ({
|
|
7
7
|
width: '100%',
|
|
8
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
9
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
10
|
+
},
|
|
8
11
|
'& .SCFeedObject-title-section': {
|
|
9
12
|
'& a': {
|
|
10
13
|
textDecoration: 'none'
|
|
@@ -385,12 +388,7 @@ const Component = {
|
|
|
385
388
|
fontWeight: theme.typography.fontWeightRegular,
|
|
386
389
|
marginTop: theme.spacing(0),
|
|
387
390
|
marginBottom: 0,
|
|
388
|
-
color:
|
|
389
|
-
? (0, material_1.lighten)(theme.palette.text.primary, 0.5)
|
|
390
|
-
: (0, material_1.darken)(theme.palette.text.primary, 0.5),
|
|
391
|
-
'&:hover': {
|
|
392
|
-
color: 'inherit'
|
|
393
|
-
}
|
|
391
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
394
392
|
},
|
|
395
393
|
'& .MuiDivider-root': {
|
|
396
394
|
borderColor: theme.palette.grey[300]
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -1377,6 +1377,7 @@ declare const theme: {
|
|
|
1377
1377
|
[x: number]: {
|
|
1378
1378
|
height: string;
|
|
1379
1379
|
};
|
|
1380
|
+
boxShadow: string;
|
|
1380
1381
|
position: string;
|
|
1381
1382
|
overflowX: string;
|
|
1382
1383
|
'& > form': {
|
|
@@ -4014,6 +4015,9 @@ declare const theme: {
|
|
|
4014
4015
|
styleOverrides: {
|
|
4015
4016
|
root: ({ theme }: any) => {
|
|
4016
4017
|
width: string;
|
|
4018
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
4019
|
+
color: any;
|
|
4020
|
+
};
|
|
4017
4021
|
'& .SCFeedObject-title-section': {
|
|
4018
4022
|
'& a': {
|
|
4019
4023
|
textDecoration: string;
|
|
@@ -4390,10 +4394,7 @@ declare const theme: {
|
|
|
4390
4394
|
fontWeight: any;
|
|
4391
4395
|
marginTop: any;
|
|
4392
4396
|
marginBottom: number;
|
|
4393
|
-
color:
|
|
4394
|
-
'&:hover': {
|
|
4395
|
-
color: string;
|
|
4396
|
-
};
|
|
4397
|
+
color: any;
|
|
4397
4398
|
};
|
|
4398
4399
|
'& .MuiDivider-root': {
|
|
4399
4400
|
borderColor: any;
|
|
@@ -4683,6 +4684,9 @@ declare const theme: {
|
|
|
4683
4684
|
};
|
|
4684
4685
|
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
|
|
4685
4686
|
display: string;
|
|
4687
|
+
/**
|
|
4688
|
+
* Style assets - Exports - Start
|
|
4689
|
+
*/
|
|
4686
4690
|
margin: any;
|
|
4687
4691
|
alignItems: string;
|
|
4688
4692
|
justifyContent: string;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { alpha } from '@mui/
|
|
1
|
+
import { alpha, getContrastRatio } from '@mui/material';
|
|
2
2
|
const Component = {
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
root: ({ theme }) => ({
|
|
5
5
|
'& .MuiDialog-paper': {
|
|
6
|
+
boxShadow: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
7
|
+
? '0px 0px 2px 2px rgba(0 0 0 / 50%)'
|
|
8
|
+
: '0px 0px 1px 1px rgba(255 255 255 / 50%)',
|
|
6
9
|
[theme.breakpoints.down('md')]: {
|
|
7
10
|
height: '100%'
|
|
8
11
|
},
|
|
@@ -2,6 +2,9 @@ declare const Component: {
|
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
4
|
width: string;
|
|
5
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
6
|
+
color: any;
|
|
7
|
+
};
|
|
5
8
|
'& .SCFeedObject-title-section': {
|
|
6
9
|
'& a': {
|
|
7
10
|
textDecoration: string;
|
|
@@ -378,10 +381,7 @@ declare const Component: {
|
|
|
378
381
|
fontWeight: any;
|
|
379
382
|
marginTop: any;
|
|
380
383
|
marginBottom: number;
|
|
381
|
-
color:
|
|
382
|
-
'&:hover': {
|
|
383
|
-
color: string;
|
|
384
|
-
};
|
|
384
|
+
color: any;
|
|
385
385
|
};
|
|
386
386
|
'& .MuiDivider-root': {
|
|
387
387
|
borderColor: any;
|
|
@@ -3,6 +3,9 @@ const Component = {
|
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
root: ({ theme }) => ({
|
|
5
5
|
width: '100%',
|
|
6
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
7
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
8
|
+
},
|
|
6
9
|
'& .SCFeedObject-title-section': {
|
|
7
10
|
'& a': {
|
|
8
11
|
textDecoration: 'none'
|
|
@@ -383,12 +386,7 @@ const Component = {
|
|
|
383
386
|
fontWeight: theme.typography.fontWeightRegular,
|
|
384
387
|
marginTop: theme.spacing(0),
|
|
385
388
|
marginBottom: 0,
|
|
386
|
-
color:
|
|
387
|
-
? lighten(theme.palette.text.primary, 0.5)
|
|
388
|
-
: darken(theme.palette.text.primary, 0.5),
|
|
389
|
-
'&:hover': {
|
|
390
|
-
color: 'inherit'
|
|
391
|
-
}
|
|
389
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
392
390
|
},
|
|
393
391
|
'& .MuiDivider-root': {
|
|
394
392
|
borderColor: theme.palette.grey[300]
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -1377,6 +1377,7 @@ declare const theme: {
|
|
|
1377
1377
|
[x: number]: {
|
|
1378
1378
|
height: string;
|
|
1379
1379
|
};
|
|
1380
|
+
boxShadow: string;
|
|
1380
1381
|
position: string;
|
|
1381
1382
|
overflowX: string;
|
|
1382
1383
|
'& > form': {
|
|
@@ -4014,6 +4015,9 @@ declare const theme: {
|
|
|
4014
4015
|
styleOverrides: {
|
|
4015
4016
|
root: ({ theme }: any) => {
|
|
4016
4017
|
width: string;
|
|
4018
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
4019
|
+
color: any;
|
|
4020
|
+
};
|
|
4017
4021
|
'& .SCFeedObject-title-section': {
|
|
4018
4022
|
'& a': {
|
|
4019
4023
|
textDecoration: string;
|
|
@@ -4390,10 +4394,7 @@ declare const theme: {
|
|
|
4390
4394
|
fontWeight: any;
|
|
4391
4395
|
marginTop: any;
|
|
4392
4396
|
marginBottom: number;
|
|
4393
|
-
color:
|
|
4394
|
-
'&:hover': {
|
|
4395
|
-
color: string;
|
|
4396
|
-
};
|
|
4397
|
+
color: any;
|
|
4397
4398
|
};
|
|
4398
4399
|
'& .MuiDivider-root': {
|
|
4399
4400
|
borderColor: any;
|
|
@@ -4683,6 +4684,9 @@ declare const theme: {
|
|
|
4683
4684
|
};
|
|
4684
4685
|
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
|
|
4685
4686
|
display: string;
|
|
4687
|
+
/**
|
|
4688
|
+
* Style assets - Exports - Start
|
|
4689
|
+
*/
|
|
4686
4690
|
margin: any;
|
|
4687
4691
|
alignItems: string;
|
|
4688
4692
|
justifyContent: string;
|