ece-docs-components 1.0.66 → 1.0.67
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/dist/cjs/ThemeProvider.js +33 -236
- package/dist/cjs/ThemeProvider.js.map +1 -1
- package/dist/cjs/components/Sidebar.js +1 -9
- package/dist/cjs/components/Sidebar.js.map +1 -1
- package/dist/cjs/themes/ECETheme.js +245 -0
- package/dist/cjs/themes/ECETheme.js.map +1 -0
- package/dist/cjs/themes/GPTheme.js +245 -0
- package/dist/cjs/themes/GPTheme.js.map +1 -0
- package/dist/cjs/themes/SchoolTheme.js +245 -0
- package/dist/cjs/themes/SchoolTheme.js.map +1 -0
- package/dist/esm/ThemeProvider.d.ts +3 -0
- package/dist/esm/ThemeProvider.js +35 -238
- package/dist/esm/ThemeProvider.js.map +1 -1
- package/dist/esm/components/Sidebar.js +2 -10
- package/dist/esm/components/Sidebar.js.map +1 -1
- package/dist/esm/images/PrimaryLogo_Variation_Cream.svg +18 -0
- package/dist/esm/node_modules/domhandler/lib/index.js +1 -1
- package/dist/esm/node_modules/html-dom-parser/lib/index.js +1 -1
- package/dist/esm/theme-types.d.ts +6 -0
- package/dist/esm/themes/ECETheme.d.ts +2 -0
- package/dist/esm/themes/ECETheme.js +241 -0
- package/dist/esm/themes/ECETheme.js.map +1 -0
- package/dist/esm/themes/GPTheme.d.ts +2 -0
- package/dist/esm/themes/GPTheme.js +241 -0
- package/dist/esm/themes/GPTheme.js.map +1 -0
- package/dist/esm/themes/SchoolTheme.d.ts +2 -0
- package/dist/esm/themes/SchoolTheme.js +241 -0
- package/dist/esm/themes/SchoolTheme.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var material = require('@mui/material');
|
|
6
|
+
|
|
7
|
+
const SchoolTheme = material.createTheme({
|
|
8
|
+
palette: {
|
|
9
|
+
mode: 'light',
|
|
10
|
+
primary: {
|
|
11
|
+
main: '#386e41',
|
|
12
|
+
light: '#386e41',
|
|
13
|
+
dark: '#386e41',
|
|
14
|
+
contrastText: '#FFFFFF',
|
|
15
|
+
},
|
|
16
|
+
secondary: {
|
|
17
|
+
main: '#8fc790',
|
|
18
|
+
light: '#8fc790',
|
|
19
|
+
dark: '#8fc790',
|
|
20
|
+
contrastText: '#FFFFFF',
|
|
21
|
+
},
|
|
22
|
+
error: {
|
|
23
|
+
main: '#F56B6B',
|
|
24
|
+
light: '#F56B6B',
|
|
25
|
+
dark: '#F56B6B',
|
|
26
|
+
contrastText: '#FFFFFF',
|
|
27
|
+
},
|
|
28
|
+
warning: {
|
|
29
|
+
main: '#F5D76E',
|
|
30
|
+
light: '#F5D76E',
|
|
31
|
+
dark: '#F5D76E',
|
|
32
|
+
contrastText: '#FFFBFF',
|
|
33
|
+
},
|
|
34
|
+
info: {
|
|
35
|
+
main: '#F5A623',
|
|
36
|
+
light: '#F5A623',
|
|
37
|
+
dark: '#F5A623',
|
|
38
|
+
contrastText: '#FFFFFF',
|
|
39
|
+
},
|
|
40
|
+
success: {
|
|
41
|
+
main: '#A3D977',
|
|
42
|
+
light: '#A3D977',
|
|
43
|
+
dark: '#A3D977',
|
|
44
|
+
contrastText: '#FFFFFF',
|
|
45
|
+
},
|
|
46
|
+
background: {
|
|
47
|
+
default: '#FDFCEE',
|
|
48
|
+
paper: '#FEFDF7',
|
|
49
|
+
},
|
|
50
|
+
text: {
|
|
51
|
+
primary: '#4D3019',
|
|
52
|
+
secondary: '#826E5C',
|
|
53
|
+
disabled: '#93908F',
|
|
54
|
+
},
|
|
55
|
+
divider: '#C6C7C0',
|
|
56
|
+
accent: {
|
|
57
|
+
main: '#d5ebde',
|
|
58
|
+
},
|
|
59
|
+
dark: {
|
|
60
|
+
main: '#4D3019',
|
|
61
|
+
},
|
|
62
|
+
light: {
|
|
63
|
+
main: '#FEFDF7',
|
|
64
|
+
},
|
|
65
|
+
markedRead: {
|
|
66
|
+
main: '#A3D977',
|
|
67
|
+
},
|
|
68
|
+
custom: {
|
|
69
|
+
iconColor: '#c7ffd3',
|
|
70
|
+
primaryButtonTextColor: '#FFFFFF',
|
|
71
|
+
readByBackgroundColor: '#c7ffc7',
|
|
72
|
+
stepIndicatorTextColor: '#FFFFFF',
|
|
73
|
+
markAsReadBackgroundColor: '#c7ffca8e',
|
|
74
|
+
tabBackgroundColor: '#f1fcf0',
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
typography: {
|
|
78
|
+
fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),
|
|
79
|
+
h1: {
|
|
80
|
+
color: '#4D3019',
|
|
81
|
+
fontWeight: 700,
|
|
82
|
+
fontSize: '2.5rem',
|
|
83
|
+
lineHeight: 1.2,
|
|
84
|
+
},
|
|
85
|
+
h2: {
|
|
86
|
+
color: '#4D3019',
|
|
87
|
+
fontWeight: 700,
|
|
88
|
+
fontSize: '2rem',
|
|
89
|
+
lineHeight: 1.3,
|
|
90
|
+
},
|
|
91
|
+
h3: {
|
|
92
|
+
color: '#4D3019',
|
|
93
|
+
fontWeight: 600,
|
|
94
|
+
fontSize: '1.75rem',
|
|
95
|
+
lineHeight: 1.3,
|
|
96
|
+
},
|
|
97
|
+
h4: {
|
|
98
|
+
color: '#4D3019',
|
|
99
|
+
fontWeight: 600,
|
|
100
|
+
fontSize: '1.5rem',
|
|
101
|
+
lineHeight: 1.4,
|
|
102
|
+
},
|
|
103
|
+
h5: {
|
|
104
|
+
color: '#4D3019',
|
|
105
|
+
fontWeight: 600,
|
|
106
|
+
fontSize: '1.25rem',
|
|
107
|
+
lineHeight: 1.4,
|
|
108
|
+
},
|
|
109
|
+
h6: {
|
|
110
|
+
color: '#4D3019',
|
|
111
|
+
fontWeight: 600,
|
|
112
|
+
fontSize: '1rem',
|
|
113
|
+
lineHeight: 1.4,
|
|
114
|
+
},
|
|
115
|
+
body1: {
|
|
116
|
+
color: '#4D3019',
|
|
117
|
+
fontWeight: 400,
|
|
118
|
+
fontSize: '1rem',
|
|
119
|
+
lineHeight: 1.5,
|
|
120
|
+
},
|
|
121
|
+
body2: {
|
|
122
|
+
color: '#826E5C',
|
|
123
|
+
fontWeight: 400,
|
|
124
|
+
fontSize: '0.875rem',
|
|
125
|
+
lineHeight: 1.5,
|
|
126
|
+
},
|
|
127
|
+
subtitle1: {
|
|
128
|
+
color: '#4D3019',
|
|
129
|
+
fontWeight: 500,
|
|
130
|
+
fontSize: '1rem',
|
|
131
|
+
lineHeight: 1.5,
|
|
132
|
+
},
|
|
133
|
+
subtitle2: {
|
|
134
|
+
color: '#826E5C',
|
|
135
|
+
fontWeight: 500,
|
|
136
|
+
fontSize: '0.875rem',
|
|
137
|
+
lineHeight: 1.5,
|
|
138
|
+
},
|
|
139
|
+
button: {
|
|
140
|
+
color: '#4D3019',
|
|
141
|
+
fontWeight: 500,
|
|
142
|
+
fontSize: '0.875rem',
|
|
143
|
+
lineHeight: 1.75,
|
|
144
|
+
textTransform: 'none',
|
|
145
|
+
},
|
|
146
|
+
caption: {
|
|
147
|
+
color: '#826E5C',
|
|
148
|
+
fontWeight: 400,
|
|
149
|
+
fontSize: '0.75rem',
|
|
150
|
+
lineHeight: 1.66,
|
|
151
|
+
},
|
|
152
|
+
overline: {
|
|
153
|
+
color: '#826E5C',
|
|
154
|
+
fontWeight: 500,
|
|
155
|
+
fontSize: '0.75rem',
|
|
156
|
+
lineHeight: 2.66,
|
|
157
|
+
textTransform: 'uppercase',
|
|
158
|
+
letterSpacing: '0.08em',
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
shape: {
|
|
162
|
+
borderRadius: 4,
|
|
163
|
+
},
|
|
164
|
+
breakpoints: {
|
|
165
|
+
values: {
|
|
166
|
+
xs: 320,
|
|
167
|
+
sm: 640,
|
|
168
|
+
md: 768,
|
|
169
|
+
lg: 1024,
|
|
170
|
+
xl: 1280,
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
components: {
|
|
174
|
+
MuiLink: {
|
|
175
|
+
styleOverrides: {
|
|
176
|
+
root: {
|
|
177
|
+
color: '#4D3019',
|
|
178
|
+
'&:hover, &:active': {
|
|
179
|
+
color: '#8fc790',
|
|
180
|
+
},
|
|
181
|
+
'&:visited': {
|
|
182
|
+
color: '#4D3019',
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
},
|
|
186
|
+
},
|
|
187
|
+
MuiTypography: {
|
|
188
|
+
defaultProps: {
|
|
189
|
+
variantMapping: {
|
|
190
|
+
h1: 'h1',
|
|
191
|
+
h2: 'h2',
|
|
192
|
+
h3: 'h3',
|
|
193
|
+
h4: 'h4',
|
|
194
|
+
h5: 'h5',
|
|
195
|
+
h6: 'h6',
|
|
196
|
+
subtitle1: 'p',
|
|
197
|
+
subtitle2: 'p',
|
|
198
|
+
body1: 'p',
|
|
199
|
+
body2: 'p',
|
|
200
|
+
},
|
|
201
|
+
},
|
|
202
|
+
},
|
|
203
|
+
MuiCssBaseline: {
|
|
204
|
+
styleOverrides: {
|
|
205
|
+
body: {
|
|
206
|
+
WebkitFontSmoothing: 'antialiased',
|
|
207
|
+
MozOsxFontSmoothing: 'grayscale',
|
|
208
|
+
backgroundColor: '#FDFCEE',
|
|
209
|
+
color: '#4D3019',
|
|
210
|
+
},
|
|
211
|
+
'input[type="checkbox"], input[type="radio"]': {
|
|
212
|
+
accentColor: '#8fc790',
|
|
213
|
+
},
|
|
214
|
+
'h1, h2, h3, h4, h5, h6': {
|
|
215
|
+
fontWeight: 'inherit !important',
|
|
216
|
+
},
|
|
217
|
+
'.MuiTypography-h1': {
|
|
218
|
+
fontWeight: '700 !important',
|
|
219
|
+
},
|
|
220
|
+
'.MuiTypography-h2': {
|
|
221
|
+
fontWeight: '700 !important',
|
|
222
|
+
},
|
|
223
|
+
'.MuiTypography-h3': {
|
|
224
|
+
fontWeight: '600 !important',
|
|
225
|
+
},
|
|
226
|
+
'.MuiTypography-h4': {
|
|
227
|
+
fontWeight: '600 !important',
|
|
228
|
+
},
|
|
229
|
+
'.MuiTypography-h5': {
|
|
230
|
+
fontWeight: '600 !important',
|
|
231
|
+
},
|
|
232
|
+
'.MuiTypography-h6': {
|
|
233
|
+
fontWeight: '600 !important',
|
|
234
|
+
},
|
|
235
|
+
},
|
|
236
|
+
},
|
|
237
|
+
},
|
|
238
|
+
appName: 'SchoolDocs',
|
|
239
|
+
contact: {
|
|
240
|
+
email: 'team@schooldocs.co.nz'
|
|
241
|
+
}
|
|
242
|
+
});
|
|
243
|
+
|
|
244
|
+
exports.default = SchoolTheme;
|
|
245
|
+
//# sourceMappingURL=SchoolTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SchoolTheme.js","sources":["../../../../src/themes/SchoolTheme.tsx"],"sourcesContent":["import { createTheme } from \"@mui/material\";\n\nconst SchoolTheme = createTheme({\n palette: {\n mode: 'light',\n primary: {\n main: '#386e41',\n light: '#386e41',\n dark: '#386e41',\n contrastText: '#FFFFFF',\n },\n secondary: {\n main: '#8fc790',\n light: '#8fc790',\n dark: '#8fc790',\n contrastText: '#FFFFFF',\n },\n error: {\n main: '#F56B6B',\n light: '#F56B6B',\n dark: '#F56B6B',\n contrastText: '#FFFFFF',\n },\n warning: {\n main: '#F5D76E',\n light: '#F5D76E',\n dark: '#F5D76E',\n contrastText: '#FFFBFF',\n },\n info: {\n main: '#F5A623',\n light: '#F5A623',\n dark: '#F5A623',\n contrastText: '#FFFFFF',\n },\n success: {\n main: '#A3D977',\n light: '#A3D977',\n dark: '#A3D977',\n contrastText: '#FFFFFF',\n },\n background: {\n default: '#FDFCEE',\n paper: '#FEFDF7',\n },\n text: {\n primary: '#4D3019',\n secondary: '#826E5C',\n disabled: '#93908F',\n },\n divider: '#C6C7C0',\n accent: {\n main: '#d5ebde',\n },\n dark: {\n main: '#4D3019',\n },\n light: {\n main: '#FEFDF7',\n },\n markedRead: {\n main: '#A3D977',\n },\n custom: {\n iconColor: '#c7ffd3',\n primaryButtonTextColor: '#FFFFFF',\n readByBackgroundColor: '#c7ffc7',\n stepIndicatorTextColor: '#FFFFFF',\n markAsReadBackgroundColor: '#c7ffca8e',\n tabBackgroundColor: '#f1fcf0',\n },\n },\n typography: {\n fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\n h1: {\n color: '#4D3019',\n fontWeight: 700,\n fontSize: '2.5rem',\n lineHeight: 1.2,\n },\n h2: {\n color: '#4D3019',\n fontWeight: 700,\n fontSize: '2rem',\n lineHeight: 1.3,\n },\n h3: {\n color: '#4D3019',\n fontWeight: 600,\n fontSize: '1.75rem',\n lineHeight: 1.3,\n },\n h4: {\n color: '#4D3019',\n fontWeight: 600,\n fontSize: '1.5rem',\n lineHeight: 1.4,\n },\n h5: {\n color: '#4D3019',\n fontWeight: 600,\n fontSize: '1.25rem',\n lineHeight: 1.4,\n },\n h6: {\n color: '#4D3019',\n fontWeight: 600,\n fontSize: '1rem',\n lineHeight: 1.4,\n },\n body1: {\n color: '#4D3019',\n fontWeight: 400,\n fontSize: '1rem',\n lineHeight: 1.5,\n },\n body2: {\n color: '#826E5C',\n fontWeight: 400,\n fontSize: '0.875rem',\n lineHeight: 1.5,\n },\n subtitle1: {\n color: '#4D3019',\n fontWeight: 500,\n fontSize: '1rem',\n lineHeight: 1.5,\n },\n subtitle2: {\n color: '#826E5C',\n fontWeight: 500,\n fontSize: '0.875rem',\n lineHeight: 1.5,\n },\n button: {\n color: '#4D3019',\n fontWeight: 500,\n fontSize: '0.875rem',\n lineHeight: 1.75,\n textTransform: 'none',\n },\n caption: {\n color: '#826E5C',\n fontWeight: 400,\n fontSize: '0.75rem',\n lineHeight: 1.66,\n },\n overline: {\n color: '#826E5C',\n fontWeight: 500,\n fontSize: '0.75rem',\n lineHeight: 2.66,\n textTransform: 'uppercase',\n letterSpacing: '0.08em',\n },\n },\n shape: {\n borderRadius: 4,\n },\n breakpoints: {\n values: {\n xs: 320,\n sm: 640,\n md: 768,\n lg: 1024,\n xl: 1280,\n },\n },\n components: {\n MuiLink: {\n styleOverrides: {\n root: {\n color: '#4D3019',\n '&:hover, &:active': {\n color: '#8fc790',\n },\n '&:visited': {\n color: '#4D3019',\n }\n },\n },\n },\n MuiTypography: {\n defaultProps: {\n variantMapping: {\n h1: 'h1',\n h2: 'h2',\n h3: 'h3',\n h4: 'h4',\n h5: 'h5',\n h6: 'h6',\n subtitle1: 'p',\n subtitle2: 'p',\n body1: 'p',\n body2: 'p',\n },\n },\n },\n MuiCssBaseline: {\n styleOverrides: {\n body: {\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n backgroundColor: '#FDFCEE',\n color: '#4D3019',\n },\n 'input[type=\"checkbox\"], input[type=\"radio\"]': {\n accentColor: '#8fc790',\n },\n 'h1, h2, h3, h4, h5, h6': {\n fontWeight: 'inherit !important',\n },\n '.MuiTypography-h1': {\n fontWeight: '700 !important',\n },\n '.MuiTypography-h2': {\n fontWeight: '700 !important',\n },\n '.MuiTypography-h3': {\n fontWeight: '600 !important',\n },\n '.MuiTypography-h4': {\n fontWeight: '600 !important',\n },\n '.MuiTypography-h5': {\n fontWeight: '600 !important',\n },\n '.MuiTypography-h6': {\n fontWeight: '600 !important',\n },\n },\n },\n },\n appName: 'SchoolDocs',\n contact: {\n email: 'team@schooldocs.co.nz'\n }\n});\n\nexport default SchoolTheme"],"names":["createTheme"],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import './theme-types';
|
|
3
|
+
type ThemeType = 'ECE' | 'GP' | 'School';
|
|
3
4
|
export declare const ThemeProvider: React.FC<{
|
|
4
5
|
children: React.ReactNode;
|
|
6
|
+
theme?: ThemeType;
|
|
5
7
|
}>;
|
|
6
8
|
export declare const useTheme: () => import("@mui/material").Theme;
|
|
9
|
+
export {};
|
|
@@ -1,246 +1,43 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { ThemeProvider as ThemeProvider$1 } from '@mui/material/styles';
|
|
3
3
|
import { CssBaseline } from '@mui/material';
|
|
4
|
+
import { createContext, useContext } from 'react';
|
|
4
5
|
import { ToastContainer } from 'react-toastify';
|
|
6
|
+
import ECETheme from './themes/ECETheme.js';
|
|
7
|
+
import GPTheme from './themes/GPTheme.js';
|
|
8
|
+
import SchoolTheme from './themes/SchoolTheme.js';
|
|
5
9
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
error: {
|
|
22
|
-
main: '#F56B6B',
|
|
23
|
-
light: '#F56B6B',
|
|
24
|
-
dark: '#F56B6B',
|
|
25
|
-
contrastText: '#FFFFFF',
|
|
26
|
-
},
|
|
27
|
-
warning: {
|
|
28
|
-
main: '#F5D76E',
|
|
29
|
-
light: '#F5D76E',
|
|
30
|
-
dark: '#F5D76E',
|
|
31
|
-
contrastText: '#FFFBFF',
|
|
32
|
-
},
|
|
33
|
-
info: {
|
|
34
|
-
main: '#F5A623',
|
|
35
|
-
light: '#F5A623',
|
|
36
|
-
dark: '#F5A623',
|
|
37
|
-
contrastText: '#FFFFFF',
|
|
38
|
-
},
|
|
39
|
-
success: {
|
|
40
|
-
main: '#A3D977',
|
|
41
|
-
light: '#A3D977',
|
|
42
|
-
dark: '#A3D977',
|
|
43
|
-
contrastText: '#FFFFFF',
|
|
44
|
-
},
|
|
45
|
-
background: {
|
|
46
|
-
default: '#FDFCEE',
|
|
47
|
-
paper: '#FEFDF7',
|
|
48
|
-
},
|
|
49
|
-
text: {
|
|
50
|
-
primary: '#4D3019',
|
|
51
|
-
secondary: '#826E5C',
|
|
52
|
-
disabled: '#93908F',
|
|
53
|
-
},
|
|
54
|
-
divider: '#C6C7C0',
|
|
55
|
-
accent: {
|
|
56
|
-
main: '#FFEDD1',
|
|
57
|
-
},
|
|
58
|
-
dark: {
|
|
59
|
-
main: '#4D3019',
|
|
60
|
-
},
|
|
61
|
-
light: {
|
|
62
|
-
main: '#FEFDF7',
|
|
63
|
-
},
|
|
64
|
-
markedRead: {
|
|
65
|
-
main: '#A3D977',
|
|
66
|
-
},
|
|
67
|
-
custom: {
|
|
68
|
-
iconColor: '#ebc7ff',
|
|
69
|
-
primaryButtonTextColor: '#FFFFFF',
|
|
70
|
-
readByBackgroundColor: '#ebc7ff',
|
|
71
|
-
stepIndicatorTextColor: '#FFFFFF',
|
|
72
|
-
markAsReadBackgroundColor: '#ebc7ff8e',
|
|
73
|
-
tabBackgroundColor: '#F8F0FC',
|
|
74
|
-
},
|
|
75
|
-
},
|
|
76
|
-
typography: {
|
|
77
|
-
fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),
|
|
78
|
-
h1: {
|
|
79
|
-
color: '#4D3019',
|
|
80
|
-
fontWeight: 700,
|
|
81
|
-
fontSize: '2.5rem',
|
|
82
|
-
lineHeight: 1.2,
|
|
83
|
-
},
|
|
84
|
-
h2: {
|
|
85
|
-
color: '#4D3019',
|
|
86
|
-
fontWeight: 700,
|
|
87
|
-
fontSize: '2rem',
|
|
88
|
-
lineHeight: 1.3,
|
|
89
|
-
},
|
|
90
|
-
h3: {
|
|
91
|
-
color: '#4D3019',
|
|
92
|
-
fontWeight: 600,
|
|
93
|
-
fontSize: '1.75rem',
|
|
94
|
-
lineHeight: 1.3,
|
|
95
|
-
},
|
|
96
|
-
h4: {
|
|
97
|
-
color: '#4D3019',
|
|
98
|
-
fontWeight: 600,
|
|
99
|
-
fontSize: '1.5rem',
|
|
100
|
-
lineHeight: 1.4,
|
|
101
|
-
},
|
|
102
|
-
h5: {
|
|
103
|
-
color: '#4D3019',
|
|
104
|
-
fontWeight: 600,
|
|
105
|
-
fontSize: '1.25rem',
|
|
106
|
-
lineHeight: 1.4,
|
|
107
|
-
},
|
|
108
|
-
h6: {
|
|
109
|
-
color: '#4D3019',
|
|
110
|
-
fontWeight: 600,
|
|
111
|
-
fontSize: '1rem',
|
|
112
|
-
lineHeight: 1.4,
|
|
113
|
-
},
|
|
114
|
-
body1: {
|
|
115
|
-
color: '#4D3019',
|
|
116
|
-
fontWeight: 400,
|
|
117
|
-
fontSize: '1rem',
|
|
118
|
-
lineHeight: 1.5,
|
|
119
|
-
},
|
|
120
|
-
body2: {
|
|
121
|
-
color: '#826E5C',
|
|
122
|
-
fontWeight: 400,
|
|
123
|
-
fontSize: '0.875rem',
|
|
124
|
-
lineHeight: 1.5,
|
|
125
|
-
},
|
|
126
|
-
subtitle1: {
|
|
127
|
-
color: '#4D3019',
|
|
128
|
-
fontWeight: 500,
|
|
129
|
-
fontSize: '1rem',
|
|
130
|
-
lineHeight: 1.5,
|
|
131
|
-
},
|
|
132
|
-
subtitle2: {
|
|
133
|
-
color: '#826E5C',
|
|
134
|
-
fontWeight: 500,
|
|
135
|
-
fontSize: '0.875rem',
|
|
136
|
-
lineHeight: 1.5,
|
|
137
|
-
},
|
|
138
|
-
button: {
|
|
139
|
-
color: '#4D3019',
|
|
140
|
-
fontWeight: 500,
|
|
141
|
-
fontSize: '0.875rem',
|
|
142
|
-
lineHeight: 1.75,
|
|
143
|
-
textTransform: 'none',
|
|
144
|
-
},
|
|
145
|
-
caption: {
|
|
146
|
-
color: '#826E5C',
|
|
147
|
-
fontWeight: 400,
|
|
148
|
-
fontSize: '0.75rem',
|
|
149
|
-
lineHeight: 1.66,
|
|
150
|
-
},
|
|
151
|
-
overline: {
|
|
152
|
-
color: '#826E5C',
|
|
153
|
-
fontWeight: 500,
|
|
154
|
-
fontSize: '0.75rem',
|
|
155
|
-
lineHeight: 2.66,
|
|
156
|
-
textTransform: 'uppercase',
|
|
157
|
-
letterSpacing: '0.08em',
|
|
158
|
-
},
|
|
159
|
-
},
|
|
160
|
-
shape: {
|
|
161
|
-
borderRadius: 4,
|
|
162
|
-
},
|
|
163
|
-
breakpoints: {
|
|
164
|
-
values: {
|
|
165
|
-
xs: 320,
|
|
166
|
-
sm: 640,
|
|
167
|
-
md: 768,
|
|
168
|
-
lg: 1024,
|
|
169
|
-
xl: 1280,
|
|
170
|
-
},
|
|
171
|
-
},
|
|
172
|
-
components: {
|
|
173
|
-
MuiLink: {
|
|
174
|
-
styleOverrides: {
|
|
175
|
-
root: {
|
|
176
|
-
color: '#4D3019',
|
|
177
|
-
'&:hover, &:active': {
|
|
178
|
-
color: '#D79AFC',
|
|
179
|
-
},
|
|
180
|
-
'&:visited': {
|
|
181
|
-
color: '#4D3019',
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
},
|
|
185
|
-
},
|
|
186
|
-
MuiTypography: {
|
|
187
|
-
defaultProps: {
|
|
188
|
-
variantMapping: {
|
|
189
|
-
h1: 'h1',
|
|
190
|
-
h2: 'h2',
|
|
191
|
-
h3: 'h3',
|
|
192
|
-
h4: 'h4',
|
|
193
|
-
h5: 'h5',
|
|
194
|
-
h6: 'h6',
|
|
195
|
-
subtitle1: 'p',
|
|
196
|
-
subtitle2: 'p',
|
|
197
|
-
body1: 'p',
|
|
198
|
-
body2: 'p',
|
|
199
|
-
},
|
|
200
|
-
},
|
|
201
|
-
},
|
|
202
|
-
MuiCssBaseline: {
|
|
203
|
-
styleOverrides: {
|
|
204
|
-
body: {
|
|
205
|
-
WebkitFontSmoothing: 'antialiased',
|
|
206
|
-
MozOsxFontSmoothing: 'grayscale',
|
|
207
|
-
backgroundColor: '#FDFCEE',
|
|
208
|
-
color: '#4D3019',
|
|
209
|
-
},
|
|
210
|
-
'input[type="checkbox"], input[type="radio"]': {
|
|
211
|
-
accentColor: '#D79AFC',
|
|
212
|
-
},
|
|
213
|
-
'h1, h2, h3, h4, h5, h6': {
|
|
214
|
-
fontWeight: 'inherit !important',
|
|
215
|
-
},
|
|
216
|
-
'.MuiTypography-h1': {
|
|
217
|
-
fontWeight: '700 !important',
|
|
218
|
-
},
|
|
219
|
-
'.MuiTypography-h2': {
|
|
220
|
-
fontWeight: '700 !important',
|
|
221
|
-
},
|
|
222
|
-
'.MuiTypography-h3': {
|
|
223
|
-
fontWeight: '600 !important',
|
|
224
|
-
},
|
|
225
|
-
'.MuiTypography-h4': {
|
|
226
|
-
fontWeight: '600 !important',
|
|
227
|
-
},
|
|
228
|
-
'.MuiTypography-h5': {
|
|
229
|
-
fontWeight: '600 !important',
|
|
230
|
-
},
|
|
231
|
-
'.MuiTypography-h6': {
|
|
232
|
-
fontWeight: '600 !important',
|
|
233
|
-
},
|
|
234
|
-
},
|
|
235
|
-
},
|
|
236
|
-
},
|
|
237
|
-
appName: 'ECE Docs',
|
|
238
|
-
});
|
|
239
|
-
const ThemeProvider = ({ children }) => {
|
|
240
|
-
return (jsxs(ThemeProvider$1, { theme: theme, children: [jsx(CssBaseline, {}), children, jsx(ToastContainer, {})] }));
|
|
10
|
+
// Create the context
|
|
11
|
+
const ThemeContext = createContext('ECE');
|
|
12
|
+
const ThemeProvider = ({ children, theme = 'ECE' }) => {
|
|
13
|
+
const getTheme = () => {
|
|
14
|
+
switch (theme) {
|
|
15
|
+
case 'GP':
|
|
16
|
+
return GPTheme;
|
|
17
|
+
case 'School':
|
|
18
|
+
return SchoolTheme;
|
|
19
|
+
case 'ECE':
|
|
20
|
+
default:
|
|
21
|
+
return ECETheme;
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
return (jsx(ThemeContext.Provider, { value: theme, children: jsxs(ThemeProvider$1, { theme: getTheme(), children: [jsx(CssBaseline, {}), children, jsx(ToastContainer, {})] }) }));
|
|
241
25
|
};
|
|
26
|
+
// Updated useTheme hook
|
|
242
27
|
const useTheme = () => {
|
|
243
|
-
|
|
28
|
+
const themeType = useContext(ThemeContext);
|
|
29
|
+
if (!themeType) {
|
|
30
|
+
throw new Error('useTheme must be used within a ThemeProvider');
|
|
31
|
+
}
|
|
32
|
+
switch (themeType) {
|
|
33
|
+
case 'GP':
|
|
34
|
+
return GPTheme;
|
|
35
|
+
case 'School':
|
|
36
|
+
return SchoolTheme;
|
|
37
|
+
case 'ECE':
|
|
38
|
+
default:
|
|
39
|
+
return ECETheme;
|
|
40
|
+
}
|
|
244
41
|
};
|
|
245
42
|
|
|
246
43
|
export { ThemeProvider, useTheme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { CssBaseline } from '@mui/material';\r\nimport * as React from 'react';\r\nimport './theme-types';\r\nimport { ToastContainer } from 'react-toastify';\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n mode: 'light',\r\n primary: {\r\n main: '#AD46FF',\r\n light: '#AD46FF',\r\n dark: '#AD46FF',\r\n contrastText: '#FFFFFF',\r\n },\r\n secondary: {\r\n main: '#D79AFC',\r\n light: '#D79AFC',\r\n dark: '#D79AFC',\r\n contrastText: '#FFFFFF',\r\n },\r\n error: {\r\n main: '#F56B6B',\r\n light: '#F56B6B',\r\n dark: '#F56B6B',\r\n contrastText: '#FFFFFF',\r\n },\r\n warning: {\r\n main: '#F5D76E',\r\n light: '#F5D76E',\r\n dark: '#F5D76E',\r\n contrastText: '#FFFBFF',\r\n },\r\n info: {\r\n main: '#F5A623',\r\n light: '#F5A623',\r\n dark: '#F5A623',\r\n contrastText: '#FFFFFF',\r\n },\r\n success: {\r\n main: '#A3D977',\r\n light: '#A3D977',\r\n dark: '#A3D977',\r\n contrastText: '#FFFFFF',\r\n },\r\n background: {\r\n default: '#FDFCEE',\r\n paper: '#FEFDF7',\r\n },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n disabled: '#93908F',\r\n },\r\n divider: '#C6C7C0',\r\n accent: {\r\n main: '#FFEDD1',\r\n },\r\n dark: {\r\n main: '#4D3019',\r\n },\r\n light: {\r\n main: '#FEFDF7',\r\n },\r\n markedRead: {\r\n main: '#A3D977',\r\n },\r\n custom: {\r\n iconColor: '#ebc7ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n readByBackgroundColor: '#ebc7ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n markAsReadBackgroundColor: '#ebc7ff8e',\r\n tabBackgroundColor: '#F8F0FC',\r\n },\r\n },\r\n typography: {\r\n fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\r\n h1: {\r\n color: '#4D3019',\r\n fontWeight: 700,\r\n fontSize: '2.5rem',\r\n lineHeight: 1.2,\r\n },\r\n h2: {\r\n color: '#4D3019',\r\n fontWeight: 700,\r\n fontSize: '2rem',\r\n lineHeight: 1.3,\r\n },\r\n h3: {\r\n color: '#4D3019',\r\n fontWeight: 600,\r\n fontSize: '1.75rem',\r\n lineHeight: 1.3,\r\n },\r\n h4: {\r\n color: '#4D3019',\r\n fontWeight: 600,\r\n fontSize: '1.5rem',\r\n lineHeight: 1.4,\r\n },\r\n h5: {\r\n color: '#4D3019',\r\n fontWeight: 600,\r\n fontSize: '1.25rem',\r\n lineHeight: 1.4,\r\n },\r\n h6: {\r\n color: '#4D3019',\r\n fontWeight: 600,\r\n fontSize: '1rem',\r\n lineHeight: 1.4,\r\n },\r\n body1: {\r\n color: '#4D3019',\r\n fontWeight: 400,\r\n fontSize: '1rem',\r\n lineHeight: 1.5,\r\n },\r\n body2: {\r\n color: '#826E5C',\r\n fontWeight: 400,\r\n fontSize: '0.875rem',\r\n lineHeight: 1.5,\r\n },\r\n subtitle1: {\r\n color: '#4D3019',\r\n fontWeight: 500,\r\n fontSize: '1rem',\r\n lineHeight: 1.5,\r\n },\r\n subtitle2: {\r\n color: '#826E5C',\r\n fontWeight: 500,\r\n fontSize: '0.875rem',\r\n lineHeight: 1.5,\r\n },\r\n button: {\r\n color: '#4D3019',\r\n fontWeight: 500,\r\n fontSize: '0.875rem',\r\n lineHeight: 1.75,\r\n textTransform: 'none',\r\n },\r\n caption: {\r\n color: '#826E5C',\r\n fontWeight: 400,\r\n fontSize: '0.75rem',\r\n lineHeight: 1.66,\r\n },\r\n overline: {\r\n color: '#826E5C',\r\n fontWeight: 500,\r\n fontSize: '0.75rem',\r\n lineHeight: 2.66,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.08em',\r\n },\r\n },\r\n shape: {\r\n borderRadius: 4,\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 320,\r\n sm: 640,\r\n md: 768,\r\n lg: 1024,\r\n xl: 1280,\r\n },\r\n },\r\n components: {\r\n MuiLink: {\r\n styleOverrides: {\r\n root: {\r\n color: '#4D3019',\r\n '&:hover, &:active': {\r\n color: '#D79AFC',\r\n },\r\n '&:visited': {\r\n color: '#4D3019',\r\n }\r\n },\r\n },\r\n },\r\n MuiTypography: {\r\n defaultProps: {\r\n variantMapping: {\r\n h1: 'h1',\r\n h2: 'h2',\r\n h3: 'h3',\r\n h4: 'h4',\r\n h5: 'h5',\r\n h6: 'h6',\r\n subtitle1: 'p',\r\n subtitle2: 'p',\r\n body1: 'p',\r\n body2: 'p',\r\n },\r\n },\r\n },\r\n MuiCssBaseline: {\r\n styleOverrides: {\r\n body: {\r\n WebkitFontSmoothing: 'antialiased',\r\n MozOsxFontSmoothing: 'grayscale',\r\n backgroundColor: '#FDFCEE',\r\n color: '#4D3019',\r\n },\r\n 'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n accentColor: '#D79AFC',\r\n },\r\n 'h1, h2, h3, h4, h5, h6': {\r\n fontWeight: 'inherit !important',\r\n },\r\n '.MuiTypography-h1': {\r\n fontWeight: '700 !important',\r\n },\r\n '.MuiTypography-h2': {\r\n fontWeight: '700 !important',\r\n },\r\n '.MuiTypography-h3': {\r\n fontWeight: '600 !important',\r\n },\r\n '.MuiTypography-h4': {\r\n fontWeight: '600 !important',\r\n },\r\n '.MuiTypography-h5': {\r\n fontWeight: '600 !important',\r\n },\r\n '.MuiTypography-h6': {\r\n fontWeight: '600 !important',\r\n },\r\n },\r\n },\r\n },\r\n appName: 'ECE Docs',\r\n});\r\n\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\r\n return (\r\n <MuiThemeProvider theme={theme}>\r\n <CssBaseline />\r\n {children}\r\n <ToastContainer />\r\n </MuiThemeProvider>\r\n );\r\n};\r\n\r\n\r\nexport const useTheme = () => {\r\n return theme;\r\n};\r\n"],"names":["_jsxs","MuiThemeProvider","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { CssBaseline } from '@mui/material';\r\nimport * as React from 'react';\r\nimport { createContext, useContext } from 'react';\r\nimport './theme-types';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport ECETheme from './themes/ECETheme';\r\nimport GPTheme from './themes/GPTheme';\r\nimport ShoolTheme from './themes/SchoolTheme';\r\n\r\ntype ThemeType = 'ECE' | 'GP' | 'School';\r\n\r\n// Create the context\r\nconst ThemeContext = createContext<ThemeType>('ECE');\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode; theme?: ThemeType }> = ({ \r\n children, \r\n theme = 'ECE' \r\n}) => {\r\n const getTheme = () => {\r\n switch (theme) {\r\n case 'GP':\r\n return GPTheme;\r\n case 'School':\r\n return ShoolTheme;\r\n case 'ECE':\r\n default:\r\n return ECETheme;\r\n }\r\n };\r\n\r\n return (\r\n <ThemeContext.Provider value={theme}>\r\n <MuiThemeProvider theme={getTheme()}>\r\n <CssBaseline />\r\n {children}\r\n <ToastContainer />\r\n </MuiThemeProvider>\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\n// Updated useTheme hook\r\nexport const useTheme = () => {\r\n const themeType = useContext(ThemeContext);\r\n \r\n if (!themeType) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n\r\n switch (themeType) {\r\n case 'GP':\r\n return GPTheme;\r\n case 'School':\r\n return ShoolTheme;\r\n case 'ECE':\r\n default:\r\n return ECETheme;\r\n }\r\n};\r\n"],"names":["ShoolTheme","_jsx","_jsxs","MuiThemeProvider"],"mappings":";;;;;;;;;AAYA;AACA,MAAM,YAAY,GAAG,aAAa,CAAY,KAAK,CAAC;AAE7C,MAAM,aAAa,GAA+D,CAAC,EACxF,QAAQ,EACR,KAAK,GAAG,KAAK,EACd,KAAI;IACH,MAAM,QAAQ,GAAG,MAAK;QACpB,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAOA,WAAU;AACnB,YAAA,KAAK,KAAK;AACV,YAAA;AACE,gBAAA,OAAO,QAAQ;;AAErB,IAAA,CAAC;AAED,IAAA,QACEC,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACjCC,IAAA,CAACC,eAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACjCF,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EACd,QAAQ,EACTA,GAAA,CAAC,cAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACD,EAAA,CACG;AAE5B;AAEA;AACO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,CAAC;IAE1C,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC;IACjE;IAEA,QAAQ,SAAS;AACf,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,OAAO;AAChB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAOD,WAAU;AACnB,QAAA,KAAK,KAAK;AACV,QAAA;AACE,YAAA,OAAO,QAAQ;;AAErB;;;;"}
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { styled, Box, IconButton, ListItemButton, Typography, List, ListItemText, Collapse } from '@mui/material';
|
|
4
4
|
import { useTheme } from '../ThemeProvider.js';
|
|
5
|
-
import { HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, ArticleRounded, ExpandLessRounded, ExpandMoreRounded,
|
|
5
|
+
import { HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, ArticleRounded, ExpandLessRounded, ExpandMoreRounded, ChevronRightRounded } from '@mui/icons-material';
|
|
6
6
|
|
|
7
7
|
var Visibility;
|
|
8
8
|
(function (Visibility) {
|
|
@@ -211,15 +211,7 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
|
|
|
211
211
|
display: "flex",
|
|
212
212
|
alignItems: "center",
|
|
213
213
|
height: "100%",
|
|
214
|
-
}, children: expandedItems.includes("policies") ? (jsx(ExpandLessRounded, { sx: { fontSize: 20, color: "#4D3019" } })) : (jsx(ExpandMoreRounded, { sx: { fontSize: 20, color: "#4D3019" } })) })] }))] }), expandedItems.includes("policies") && isOpen && (jsx(Collapse, { in: true, timeout: "auto", children: jsx(List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(policies) }) }))] }))
|
|
215
|
-
if (!isOpen)
|
|
216
|
-
onToggle();
|
|
217
|
-
toggleItem("/settings");
|
|
218
|
-
handleNavigation("/settings");
|
|
219
|
-
}, isActive: window.location.pathname.includes("/settings"), title: !isOpen ? "Settings" : undefined, children: [jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: jsx(Settings, {}) }), isOpen && (jsx(ListItemText, { primary: "Settings", primaryTypographyProps: {
|
|
220
|
-
fontSize: "1rem",
|
|
221
|
-
fontWeight: 700,
|
|
222
|
-
}, sx: { flex: 1, ml: 1 } }))] }) }, "/settings")] }) })] }) })] }));
|
|
214
|
+
}, children: expandedItems.includes("policies") ? (jsx(ExpandLessRounded, { sx: { fontSize: 20, color: "#4D3019" } })) : (jsx(ExpandMoreRounded, { sx: { fontSize: 20, color: "#4D3019" } })) })] }))] }), expandedItems.includes("policies") && isOpen && (jsx(Collapse, { in: true, timeout: "auto", children: jsx(List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(policies) }) }))] }))] }) })] }) })] }));
|
|
223
215
|
};
|
|
224
216
|
|
|
225
217
|
export { Sidebar, Visibility };
|