@selfcommunity/react-theme-default 1.2.0-alpha.1 → 1.2.0-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.
Files changed (6) hide show
  1. package/lib/cjs/components/SCEventForm.js +7 -3
  2. package/lib/cjs/components/SCEventMembersWidget.js +7 -2
  3. package/lib/esm/components/SCEventForm.js +7 -3
  4. package/lib/esm/components/SCEventMembersWidget.js +7 -2
  5. package/lib/umd/react-theme-default.js +1 -1
  6. package/package.json +2 -2
package/lib/cjs/components/SCEventForm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const system_1 = require("@mui/system");
3
+ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => ({
@@ -91,7 +91,9 @@ const Component = {
91
91
  },
92
92
  '& .MuiDivider-root': {
93
93
  marginTop: theme.spacing(2),
94
- border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
94
+ border: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
95
+ ? `1px solid ${(0, material_1.alpha)(theme.palette.primary.dark, 0.5)}`
96
+ : `1px solid ${(0, material_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
95
97
  },
96
98
  '& .MuiDialogTitle-root': {
97
99
  '& span': {
@@ -101,7 +103,9 @@ const Component = {
101
103
  },
102
104
  '& .SCEventForm-event-address-root': {
103
105
  marginTop: theme.spacing(2),
104
- backgroundColor: theme.palette.grey['A200'],
106
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
107
+ ? theme.palette.background.paper
108
+ : theme.palette.grey['A200'],
105
109
  borderRadius: 5,
106
110
  '& .SCEventForm-event-address-tabs': {
107
111
  padding: theme.spacing(0, 2, 0, 2),
package/lib/cjs/components/SCEventMembersWidget.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme }) => ({
@@ -9,7 +10,9 @@ const Component = {
9
10
  marginBottom: '18px'
10
11
  },
11
12
  '& .SCEventMembersWidget-tabs-wrapper': {
12
- borderBottom: `1px solid ${theme.palette.grey['300']}`,
13
+ borderBottom: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
14
+ ? `1px solid ${theme.palette.grey[800]}`
15
+ : `1px solid ${theme.palette.grey[300]}`,
13
16
  '& .SCEventMembersWidget-tab-label-wrapper': {
14
17
  gap: '2px',
15
18
  alignItems: 'center'
@@ -36,7 +39,9 @@ const Component = {
36
39
  marginBottom: '18px'
37
40
  },
38
41
  '& .SCEventMembersWidget-tabs-wrapper': {
39
- borderBottom: `1px solid ${theme.palette.grey['300']}`,
42
+ borderBottom: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
43
+ ? `1px solid ${theme.palette.grey[800]}`
44
+ : `1px solid ${theme.palette.grey[300]}`,
40
45
  '& .SCEventMembersWidget-tab-label-wrapper': {
41
46
  gap: '2px',
42
47
  alignItems: 'center'
package/lib/esm/components/SCEventForm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { alpha } from '@mui/system';
1
+ import { alpha, getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => ({
@@ -89,7 +89,9 @@ const Component = {
89
89
  },
90
90
  '& .MuiDivider-root': {
91
91
  marginTop: theme.spacing(2),
92
- border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
92
+ border: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
93
+ ? `1px solid ${alpha(theme.palette.primary.dark, 0.5)}`
94
+ : `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
93
95
  },
94
96
  '& .MuiDialogTitle-root': {
95
97
  '& span': {
@@ -99,7 +101,9 @@ const Component = {
99
101
  },
100
102
  '& .SCEventForm-event-address-root': {
101
103
  marginTop: theme.spacing(2),
102
- backgroundColor: theme.palette.grey['A200'],
104
+ backgroundColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
105
+ ? theme.palette.background.paper
106
+ : theme.palette.grey['A200'],
103
107
  borderRadius: 5,
104
108
  '& .SCEventForm-event-address-tabs': {
105
109
  padding: theme.spacing(0, 2, 0, 2),
package/lib/esm/components/SCEventMembersWidget.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({
@@ -7,7 +8,9 @@ const Component = {
7
8
  marginBottom: '18px'
8
9
  },
9
10
  '& .SCEventMembersWidget-tabs-wrapper': {
10
- borderBottom: `1px solid ${theme.palette.grey['300']}`,
11
+ borderBottom: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
12
+ ? `1px solid ${theme.palette.grey[800]}`
13
+ : `1px solid ${theme.palette.grey[300]}`,
11
14
  '& .SCEventMembersWidget-tab-label-wrapper': {
12
15
  gap: '2px',
13
16
  alignItems: 'center'
@@ -34,7 +37,9 @@ const Component = {
34
37
  marginBottom: '18px'
35
38
  },
36
39
  '& .SCEventMembersWidget-tabs-wrapper': {
37
- borderBottom: `1px solid ${theme.palette.grey['300']}`,
40
+ borderBottom: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
41
+ ? `1px solid ${theme.palette.grey[800]}`
42
+ : `1px solid ${theme.palette.grey[300]}`,
38
43
  '& .SCEventMembersWidget-tab-label-wrapper': {
39
44
  gap: '2px',
40
45
  alignItems: 'center'