pne-ui 1.0.6 → 1.0.7
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/cjs/createTheme.d.ts +2 -0
- package/cjs/createTheme.js +173 -0
- package/cjs/createTheme.js.map +1 -0
- package/cjs/index.d.ts +28 -0
- package/cjs/index.js.map +1 -1
- package/esm/createTheme.d.ts +2 -0
- package/esm/createTheme.js +169 -0
- package/esm/createTheme.js.map +1 -0
- package/esm/index.d.ts +28 -0
- package/esm/index.js.map +1 -1
- package/package.json +30 -4
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createPneTheme = void 0;
|
|
4
|
+
const styles_1 = require("@mui/material/styles");
|
|
5
|
+
const mainColor = '#1686ca';
|
|
6
|
+
let theme = null;
|
|
7
|
+
const createPneTheme = () => {
|
|
8
|
+
if (theme) {
|
|
9
|
+
return theme;
|
|
10
|
+
}
|
|
11
|
+
theme = (0, styles_1.createTheme)({
|
|
12
|
+
palette: {
|
|
13
|
+
tonalOffset: {
|
|
14
|
+
dark: 0.1,
|
|
15
|
+
light: 0.8 // results: as designed: #D3E7FF, generated: #D3E7FF
|
|
16
|
+
},
|
|
17
|
+
primary: {
|
|
18
|
+
main: mainColor
|
|
19
|
+
},
|
|
20
|
+
pneNeutral: {
|
|
21
|
+
main: mainColor
|
|
22
|
+
},
|
|
23
|
+
pneText: {
|
|
24
|
+
main: mainColor
|
|
25
|
+
},
|
|
26
|
+
pneTransparent: {
|
|
27
|
+
main: mainColor
|
|
28
|
+
},
|
|
29
|
+
pnePrimary: {
|
|
30
|
+
main: mainColor
|
|
31
|
+
},
|
|
32
|
+
pnePrimaryLight: {
|
|
33
|
+
main: mainColor
|
|
34
|
+
},
|
|
35
|
+
pneWhite: {
|
|
36
|
+
main: mainColor
|
|
37
|
+
},
|
|
38
|
+
pneWarningLight: {
|
|
39
|
+
main: '#F5762F'
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
components: {
|
|
43
|
+
MuiTooltip: {
|
|
44
|
+
styleOverrides: {
|
|
45
|
+
tooltip: {},
|
|
46
|
+
popper: {
|
|
47
|
+
// our menu has 1050 and mui modals have 1080 z-indexes
|
|
48
|
+
zIndex: 1040 + '!important',
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
MuiIconButton: {
|
|
53
|
+
styleOverrides: {
|
|
54
|
+
root: ({ ownerState, theme }) => {
|
|
55
|
+
if (ownerState.color === 'pnePrimary') {
|
|
56
|
+
return {
|
|
57
|
+
backgroundColor: theme.palette.primary.main,
|
|
58
|
+
stroke: '#fff',
|
|
59
|
+
'&:hover': {
|
|
60
|
+
backgroundColor: theme.palette.primary.dark,
|
|
61
|
+
stroke: '#fff',
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
else if (ownerState.color === 'pneNeutral') {
|
|
66
|
+
return {
|
|
67
|
+
backgroundColor: '#F1F5FA',
|
|
68
|
+
stroke: theme.palette.primary.main,
|
|
69
|
+
'&:hover': {
|
|
70
|
+
backgroundColor: theme.palette.primary.light,
|
|
71
|
+
stroke: theme.palette.primary.dark,
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
else if (ownerState.color === 'pneTransparent') {
|
|
76
|
+
return {
|
|
77
|
+
color: theme.palette.primary.main,
|
|
78
|
+
stroke: ownerState.disabled ? theme.palette.text.disabled
|
|
79
|
+
: theme.palette.primary.main,
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
return {};
|
|
83
|
+
},
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
MuiButton: {
|
|
87
|
+
styleOverrides: {
|
|
88
|
+
root: ({ ownerState, theme }) => {
|
|
89
|
+
if (ownerState.color === 'pnePrimary') {
|
|
90
|
+
return {
|
|
91
|
+
backgroundColor: theme.palette.primary.main,
|
|
92
|
+
color: theme.palette.primary.contrastText,
|
|
93
|
+
stroke: theme.palette.primary.contrastText,
|
|
94
|
+
boxShadow: 'none',
|
|
95
|
+
'&:hover': {
|
|
96
|
+
backgroundColor: theme.palette.primary.dark,
|
|
97
|
+
stroke: theme.palette.primary.contrastText,
|
|
98
|
+
boxShadow: 'none',
|
|
99
|
+
},
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
else if (ownerState.color === 'pneNeutral') {
|
|
103
|
+
return {
|
|
104
|
+
backgroundColor: '#F1F5FA',
|
|
105
|
+
color: theme.palette.primary.main,
|
|
106
|
+
stroke: theme.palette.primary.main,
|
|
107
|
+
boxShadow: 'none',
|
|
108
|
+
'&:hover': {
|
|
109
|
+
backgroundColor: theme.palette.primary.light,
|
|
110
|
+
stroke: theme.palette.primary.main,
|
|
111
|
+
boxShadow: 'none',
|
|
112
|
+
},
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
else if (ownerState.color === 'pneWhite') {
|
|
116
|
+
return {
|
|
117
|
+
backgroundColor: '#fff',
|
|
118
|
+
color: theme.palette.primary.main,
|
|
119
|
+
stroke: theme.palette.primary.main,
|
|
120
|
+
boxShadow: 'none',
|
|
121
|
+
'&:hover': {
|
|
122
|
+
backgroundColor: theme.palette.primary.light,
|
|
123
|
+
stroke: theme.palette.primary.main,
|
|
124
|
+
boxShadow: 'none',
|
|
125
|
+
},
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
else if (ownerState.color === 'pnePrimaryLight') {
|
|
129
|
+
return {
|
|
130
|
+
backgroundColor: theme.palette.primary.light,
|
|
131
|
+
color: theme.palette.primary.main,
|
|
132
|
+
stroke: theme.palette.primary.main,
|
|
133
|
+
boxShadow: 'none',
|
|
134
|
+
'&:hover': {
|
|
135
|
+
backgroundColor: theme.palette.primary.main,
|
|
136
|
+
color: theme.palette.primary.contrastText,
|
|
137
|
+
stroke: theme.palette.primary.contrastText,
|
|
138
|
+
boxShadow: 'none',
|
|
139
|
+
},
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
else if (ownerState.color === 'pneWarningLight') {
|
|
143
|
+
return {
|
|
144
|
+
backgroundColor: theme.palette.warning.light,
|
|
145
|
+
color: theme.palette.warning.contrastText,
|
|
146
|
+
stroke: theme.palette.warning.contrastText,
|
|
147
|
+
boxShadow: 'none',
|
|
148
|
+
'&:hover': {
|
|
149
|
+
backgroundColor: theme.palette.warning.main,
|
|
150
|
+
color: theme.palette.warning.contrastText,
|
|
151
|
+
stroke: theme.palette.warning.contrastText,
|
|
152
|
+
boxShadow: 'none',
|
|
153
|
+
},
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
else if (ownerState.color === 'pneText') {
|
|
157
|
+
return {
|
|
158
|
+
color: theme.palette.primary.main,
|
|
159
|
+
stroke: ownerState.disabled ? theme.palette.text.disabled
|
|
160
|
+
: theme.palette.primary.main,
|
|
161
|
+
boxShadow: 'none',
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
return {};
|
|
165
|
+
},
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
}
|
|
169
|
+
});
|
|
170
|
+
return theme;
|
|
171
|
+
};
|
|
172
|
+
exports.createPneTheme = createPneTheme;
|
|
173
|
+
//# sourceMappingURL=createTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"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"}
|
package/cjs/index.d.ts
CHANGED
|
@@ -1,4 +1,31 @@
|
|
|
1
1
|
import PneButton from './component/PneButton';
|
|
2
|
+
declare module '@mui/material/styles' {
|
|
3
|
+
interface Palette {
|
|
4
|
+
pneNeutral: Palette['primary'];
|
|
5
|
+
pnePrimary: Palette['primary'];
|
|
6
|
+
pnePrimaryLight: Palette['primary'];
|
|
7
|
+
pneWhite: Palette['primary'];
|
|
8
|
+
pneWarningLight: Palette['primary'];
|
|
9
|
+
pneText: Palette['primary'];
|
|
10
|
+
pneTransparent: Palette['primary'];
|
|
11
|
+
}
|
|
12
|
+
interface PaletteOptions {
|
|
13
|
+
pneNeutral: PaletteOptions['primary'];
|
|
14
|
+
pnePrimary: PaletteOptions['primary'];
|
|
15
|
+
pnePrimaryLight: PaletteOptions['primary'];
|
|
16
|
+
pneWhite: PaletteOptions['primary'];
|
|
17
|
+
pneWarningLight: PaletteOptions['primary'];
|
|
18
|
+
pneText: PaletteOptions['primary'];
|
|
19
|
+
pneTransparent: PaletteOptions['primary'];
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
declare module '@mui/material/IconButton' {
|
|
23
|
+
interface IconButtonPropsColorOverrides {
|
|
24
|
+
pneNeutral: true;
|
|
25
|
+
pnePrimary: true;
|
|
26
|
+
pneTransparent: true;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
2
29
|
declare module '@mui/material/Button' {
|
|
3
30
|
interface ButtonPropsColorOverrides {
|
|
4
31
|
pnePrimary: true;
|
|
@@ -6,6 +33,7 @@ declare module '@mui/material/Button' {
|
|
|
6
33
|
pneNeutral: true;
|
|
7
34
|
pneWhite: true;
|
|
8
35
|
pneWarningLight: true;
|
|
36
|
+
pneText: true;
|
|
9
37
|
}
|
|
10
38
|
}
|
|
11
39
|
export { PneButton };
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA8C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA8C;AA2CtC,oBA3CD,mBAAS,CA2CC"}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
import { createTheme } from '@mui/material/styles';
|
|
2
|
+
const mainColor = '#1686ca';
|
|
3
|
+
let theme = null;
|
|
4
|
+
export const createPneTheme = () => {
|
|
5
|
+
if (theme) {
|
|
6
|
+
return theme;
|
|
7
|
+
}
|
|
8
|
+
theme = createTheme({
|
|
9
|
+
palette: {
|
|
10
|
+
tonalOffset: {
|
|
11
|
+
dark: 0.1,
|
|
12
|
+
light: 0.8 // results: as designed: #D3E7FF, generated: #D3E7FF
|
|
13
|
+
},
|
|
14
|
+
primary: {
|
|
15
|
+
main: mainColor
|
|
16
|
+
},
|
|
17
|
+
pneNeutral: {
|
|
18
|
+
main: mainColor
|
|
19
|
+
},
|
|
20
|
+
pneText: {
|
|
21
|
+
main: mainColor
|
|
22
|
+
},
|
|
23
|
+
pneTransparent: {
|
|
24
|
+
main: mainColor
|
|
25
|
+
},
|
|
26
|
+
pnePrimary: {
|
|
27
|
+
main: mainColor
|
|
28
|
+
},
|
|
29
|
+
pnePrimaryLight: {
|
|
30
|
+
main: mainColor
|
|
31
|
+
},
|
|
32
|
+
pneWhite: {
|
|
33
|
+
main: mainColor
|
|
34
|
+
},
|
|
35
|
+
pneWarningLight: {
|
|
36
|
+
main: '#F5762F'
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
components: {
|
|
40
|
+
MuiTooltip: {
|
|
41
|
+
styleOverrides: {
|
|
42
|
+
tooltip: {},
|
|
43
|
+
popper: {
|
|
44
|
+
// our menu has 1050 and mui modals have 1080 z-indexes
|
|
45
|
+
zIndex: 1040 + '!important',
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
MuiIconButton: {
|
|
50
|
+
styleOverrides: {
|
|
51
|
+
root: ({ ownerState, theme }) => {
|
|
52
|
+
if (ownerState.color === 'pnePrimary') {
|
|
53
|
+
return {
|
|
54
|
+
backgroundColor: theme.palette.primary.main,
|
|
55
|
+
stroke: '#fff',
|
|
56
|
+
'&:hover': {
|
|
57
|
+
backgroundColor: theme.palette.primary.dark,
|
|
58
|
+
stroke: '#fff',
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
else if (ownerState.color === 'pneNeutral') {
|
|
63
|
+
return {
|
|
64
|
+
backgroundColor: '#F1F5FA',
|
|
65
|
+
stroke: theme.palette.primary.main,
|
|
66
|
+
'&:hover': {
|
|
67
|
+
backgroundColor: theme.palette.primary.light,
|
|
68
|
+
stroke: theme.palette.primary.dark,
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
else if (ownerState.color === 'pneTransparent') {
|
|
73
|
+
return {
|
|
74
|
+
color: theme.palette.primary.main,
|
|
75
|
+
stroke: ownerState.disabled ? theme.palette.text.disabled
|
|
76
|
+
: theme.palette.primary.main,
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
return {};
|
|
80
|
+
},
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
MuiButton: {
|
|
84
|
+
styleOverrides: {
|
|
85
|
+
root: ({ ownerState, theme }) => {
|
|
86
|
+
if (ownerState.color === 'pnePrimary') {
|
|
87
|
+
return {
|
|
88
|
+
backgroundColor: theme.palette.primary.main,
|
|
89
|
+
color: theme.palette.primary.contrastText,
|
|
90
|
+
stroke: theme.palette.primary.contrastText,
|
|
91
|
+
boxShadow: 'none',
|
|
92
|
+
'&:hover': {
|
|
93
|
+
backgroundColor: theme.palette.primary.dark,
|
|
94
|
+
stroke: theme.palette.primary.contrastText,
|
|
95
|
+
boxShadow: 'none',
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
else if (ownerState.color === 'pneNeutral') {
|
|
100
|
+
return {
|
|
101
|
+
backgroundColor: '#F1F5FA',
|
|
102
|
+
color: theme.palette.primary.main,
|
|
103
|
+
stroke: theme.palette.primary.main,
|
|
104
|
+
boxShadow: 'none',
|
|
105
|
+
'&:hover': {
|
|
106
|
+
backgroundColor: theme.palette.primary.light,
|
|
107
|
+
stroke: theme.palette.primary.main,
|
|
108
|
+
boxShadow: 'none',
|
|
109
|
+
},
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
else if (ownerState.color === 'pneWhite') {
|
|
113
|
+
return {
|
|
114
|
+
backgroundColor: '#fff',
|
|
115
|
+
color: theme.palette.primary.main,
|
|
116
|
+
stroke: theme.palette.primary.main,
|
|
117
|
+
boxShadow: 'none',
|
|
118
|
+
'&:hover': {
|
|
119
|
+
backgroundColor: theme.palette.primary.light,
|
|
120
|
+
stroke: theme.palette.primary.main,
|
|
121
|
+
boxShadow: 'none',
|
|
122
|
+
},
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
else if (ownerState.color === 'pnePrimaryLight') {
|
|
126
|
+
return {
|
|
127
|
+
backgroundColor: theme.palette.primary.light,
|
|
128
|
+
color: theme.palette.primary.main,
|
|
129
|
+
stroke: theme.palette.primary.main,
|
|
130
|
+
boxShadow: 'none',
|
|
131
|
+
'&:hover': {
|
|
132
|
+
backgroundColor: theme.palette.primary.main,
|
|
133
|
+
color: theme.palette.primary.contrastText,
|
|
134
|
+
stroke: theme.palette.primary.contrastText,
|
|
135
|
+
boxShadow: 'none',
|
|
136
|
+
},
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
else if (ownerState.color === 'pneWarningLight') {
|
|
140
|
+
return {
|
|
141
|
+
backgroundColor: theme.palette.warning.light,
|
|
142
|
+
color: theme.palette.warning.contrastText,
|
|
143
|
+
stroke: theme.palette.warning.contrastText,
|
|
144
|
+
boxShadow: 'none',
|
|
145
|
+
'&:hover': {
|
|
146
|
+
backgroundColor: theme.palette.warning.main,
|
|
147
|
+
color: theme.palette.warning.contrastText,
|
|
148
|
+
stroke: theme.palette.warning.contrastText,
|
|
149
|
+
boxShadow: 'none',
|
|
150
|
+
},
|
|
151
|
+
};
|
|
152
|
+
}
|
|
153
|
+
else if (ownerState.color === 'pneText') {
|
|
154
|
+
return {
|
|
155
|
+
color: theme.palette.primary.main,
|
|
156
|
+
stroke: ownerState.disabled ? theme.palette.text.disabled
|
|
157
|
+
: theme.palette.primary.main,
|
|
158
|
+
boxShadow: 'none',
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
return {};
|
|
162
|
+
},
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
}
|
|
166
|
+
});
|
|
167
|
+
return theme;
|
|
168
|
+
};
|
|
169
|
+
//# sourceMappingURL=createTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"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"}
|
package/esm/index.d.ts
CHANGED
|
@@ -1,4 +1,31 @@
|
|
|
1
1
|
import PneButton from './component/PneButton';
|
|
2
|
+
declare module '@mui/material/styles' {
|
|
3
|
+
interface Palette {
|
|
4
|
+
pneNeutral: Palette['primary'];
|
|
5
|
+
pnePrimary: Palette['primary'];
|
|
6
|
+
pnePrimaryLight: Palette['primary'];
|
|
7
|
+
pneWhite: Palette['primary'];
|
|
8
|
+
pneWarningLight: Palette['primary'];
|
|
9
|
+
pneText: Palette['primary'];
|
|
10
|
+
pneTransparent: Palette['primary'];
|
|
11
|
+
}
|
|
12
|
+
interface PaletteOptions {
|
|
13
|
+
pneNeutral: PaletteOptions['primary'];
|
|
14
|
+
pnePrimary: PaletteOptions['primary'];
|
|
15
|
+
pnePrimaryLight: PaletteOptions['primary'];
|
|
16
|
+
pneWhite: PaletteOptions['primary'];
|
|
17
|
+
pneWarningLight: PaletteOptions['primary'];
|
|
18
|
+
pneText: PaletteOptions['primary'];
|
|
19
|
+
pneTransparent: PaletteOptions['primary'];
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
declare module '@mui/material/IconButton' {
|
|
23
|
+
interface IconButtonPropsColorOverrides {
|
|
24
|
+
pneNeutral: true;
|
|
25
|
+
pnePrimary: true;
|
|
26
|
+
pneTransparent: true;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
2
29
|
declare module '@mui/material/Button' {
|
|
3
30
|
interface ButtonPropsColorOverrides {
|
|
4
31
|
pnePrimary: true;
|
|
@@ -6,6 +33,7 @@ declare module '@mui/material/Button' {
|
|
|
6
33
|
pneNeutral: true;
|
|
7
34
|
pneWhite: true;
|
|
8
35
|
pneWarningLight: true;
|
|
36
|
+
pneText: true;
|
|
9
37
|
}
|
|
10
38
|
}
|
|
11
39
|
export { PneButton };
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AA2C9C,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pne-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,7 +17,10 @@
|
|
|
17
17
|
"test": "jest --config jestconfig.json",
|
|
18
18
|
"prepare": "npm run build",
|
|
19
19
|
"prepublishOnly": "npm test && npm run lint",
|
|
20
|
-
"start": "webpack && webpack-dev-server --mode development"
|
|
20
|
+
"start": "webpack && webpack-dev-server --mode development",
|
|
21
|
+
"storybook": "storybook dev -p 6006",
|
|
22
|
+
"build-storybook": "storybook build",
|
|
23
|
+
"chromatic": "npx chromatic"
|
|
21
24
|
},
|
|
22
25
|
"keywords": [
|
|
23
26
|
"react",
|
|
@@ -32,31 +35,54 @@
|
|
|
32
35
|
"README.md",
|
|
33
36
|
"LICENSE"
|
|
34
37
|
],
|
|
35
|
-
"author":
|
|
38
|
+
"author": {
|
|
39
|
+
"name": "Payneteasy"
|
|
40
|
+
},
|
|
36
41
|
"license": "MIT",
|
|
37
42
|
"peerDependencies": {
|
|
38
43
|
"react": ">=18"
|
|
39
44
|
},
|
|
40
45
|
"devDependencies": {
|
|
46
|
+
"@babel/preset-env": "^7.22.5",
|
|
47
|
+
"@babel/preset-react": "^7.22.5",
|
|
48
|
+
"@babel/preset-typescript": "^7.22.5",
|
|
41
49
|
"@emotion/react": "11.11.1",
|
|
42
50
|
"@emotion/styled": "11.11.0",
|
|
51
|
+
"@mui/icons-material": "^5.11.16",
|
|
52
|
+
"@storybook/addon-essentials": "^7.0.22",
|
|
53
|
+
"@storybook/addon-interactions": "^7.0.22",
|
|
54
|
+
"@storybook/addon-links": "^7.0.22",
|
|
55
|
+
"@storybook/blocks": "^7.0.22",
|
|
56
|
+
"@storybook/react": "^7.0.22",
|
|
57
|
+
"@storybook/react-webpack5": "^7.0.22",
|
|
58
|
+
"@storybook/testing-library": "^0.0.14-next.2",
|
|
43
59
|
"@testing-library/react": "14.0.0",
|
|
44
60
|
"@types/jest": "29.5.2",
|
|
45
61
|
"@types/react": "18.2.13",
|
|
46
62
|
"@typescript-eslint/eslint-plugin": "5.60.0",
|
|
47
63
|
"@typescript-eslint/parser": "5.60.0",
|
|
64
|
+
"chromatic": "^6.19.8",
|
|
48
65
|
"eslint": "8.43.0",
|
|
49
66
|
"eslint-plugin-react": "7.32.2",
|
|
50
67
|
"eslint-plugin-react-hooks": "4.6.0",
|
|
68
|
+
"eslint-plugin-storybook": "^0.6.12",
|
|
51
69
|
"jest": "29.5.0",
|
|
52
70
|
"jest-canvas-mock": "2.5.1",
|
|
53
71
|
"jest-environment-jsdom": "29.5.0",
|
|
72
|
+
"prop-types": "^15.8.1",
|
|
54
73
|
"react": "18.2.0",
|
|
55
74
|
"react-dom": "18.2.0",
|
|
75
|
+
"storybook": "^7.0.22",
|
|
56
76
|
"ts-jest": "29.1.0",
|
|
57
77
|
"typescript": "5.1.3"
|
|
58
78
|
},
|
|
59
79
|
"dependencies": {
|
|
60
80
|
"@mui/material": "5.13.5"
|
|
61
|
-
}
|
|
81
|
+
},
|
|
82
|
+
"bugs": {
|
|
83
|
+
"url": "https://github.com/alcovp/pne-ui/issues"
|
|
84
|
+
},
|
|
85
|
+
"readme": "ERROR: No README data found!",
|
|
86
|
+
"homepage": "https://github.com/alcovp/pne-ui#readme",
|
|
87
|
+
"_id": "pne-ui@1.0.6"
|
|
62
88
|
}
|