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.
@@ -0,0 +1,2 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const createPneTheme: () => Theme;
@@ -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;AAYtC,oBAZD,mBAAS,CAYC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA8C;AA2CtC,oBA3CD,mBAAS,CA2CC"}
@@ -0,0 +1,2 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const createPneTheme: () => Theme;
@@ -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;AAY9C,OAAO,EAAC,SAAS,EAAC,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.6",
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": "Payneteasy",
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
  }