@selfcommunity/react-theme-default 1.2.0-alpha.5 → 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 +1 -4
- package/lib/cjs/components/SCFeedObject.js +1 -6
- package/lib/cjs/index.d.ts +5 -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 +1 -4
- package/lib/esm/components/SCFeedObject.js +1 -6
- package/lib/esm/index.d.ts +5 -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,
|
|
@@ -388,12 +388,7 @@ const Component = {
|
|
|
388
388
|
fontWeight: theme.typography.fontWeightRegular,
|
|
389
389
|
marginTop: theme.spacing(0),
|
|
390
390
|
marginBottom: 0,
|
|
391
|
-
color:
|
|
392
|
-
? (0, material_1.lighten)(theme.palette.text.primary, 0.5)
|
|
393
|
-
: (0, material_1.darken)(theme.palette.text.primary, 0.5),
|
|
394
|
-
'&:hover': {
|
|
395
|
-
color: 'inherit'
|
|
396
|
-
}
|
|
391
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
397
392
|
},
|
|
398
393
|
'& .MuiDivider-root': {
|
|
399
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': {
|
|
@@ -4393,10 +4394,7 @@ declare const theme: {
|
|
|
4393
4394
|
fontWeight: any;
|
|
4394
4395
|
marginTop: any;
|
|
4395
4396
|
marginBottom: number;
|
|
4396
|
-
color:
|
|
4397
|
-
'&:hover': {
|
|
4398
|
-
color: string;
|
|
4399
|
-
};
|
|
4397
|
+
color: any;
|
|
4400
4398
|
};
|
|
4401
4399
|
'& .MuiDivider-root': {
|
|
4402
4400
|
borderColor: any;
|
|
@@ -4686,6 +4684,9 @@ declare const theme: {
|
|
|
4686
4684
|
};
|
|
4687
4685
|
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
|
|
4688
4686
|
display: string;
|
|
4687
|
+
/**
|
|
4688
|
+
* Style assets - Exports - Start
|
|
4689
|
+
*/
|
|
4689
4690
|
margin: any;
|
|
4690
4691
|
alignItems: string;
|
|
4691
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
|
},
|
|
@@ -386,12 +386,7 @@ const Component = {
|
|
|
386
386
|
fontWeight: theme.typography.fontWeightRegular,
|
|
387
387
|
marginTop: theme.spacing(0),
|
|
388
388
|
marginBottom: 0,
|
|
389
|
-
color:
|
|
390
|
-
? lighten(theme.palette.text.primary, 0.5)
|
|
391
|
-
: darken(theme.palette.text.primary, 0.5),
|
|
392
|
-
'&:hover': {
|
|
393
|
-
color: 'inherit'
|
|
394
|
-
}
|
|
389
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
395
390
|
},
|
|
396
391
|
'& .MuiDivider-root': {
|
|
397
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': {
|
|
@@ -4393,10 +4394,7 @@ declare const theme: {
|
|
|
4393
4394
|
fontWeight: any;
|
|
4394
4395
|
marginTop: any;
|
|
4395
4396
|
marginBottom: number;
|
|
4396
|
-
color:
|
|
4397
|
-
'&:hover': {
|
|
4398
|
-
color: string;
|
|
4399
|
-
};
|
|
4397
|
+
color: any;
|
|
4400
4398
|
};
|
|
4401
4399
|
'& .MuiDivider-root': {
|
|
4402
4400
|
borderColor: any;
|
|
@@ -4686,6 +4684,9 @@ declare const theme: {
|
|
|
4686
4684
|
};
|
|
4687
4685
|
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
|
|
4688
4686
|
display: string;
|
|
4687
|
+
/**
|
|
4688
|
+
* Style assets - Exports - Start
|
|
4689
|
+
*/
|
|
4689
4690
|
margin: any;
|
|
4690
4691
|
alignItems: string;
|
|
4691
4692
|
justifyContent: string;
|