ece-docs-components 1.0.31 → 1.0.32
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/b8f73aec7619055b.svg +18 -0
- package/dist/cjs/components/FileUploadButton.js +5 -2
- package/dist/cjs/components/FileUploadButton.js.map +1 -1
- package/dist/cjs/components/Header.js +17 -11
- package/dist/cjs/components/Header.js.map +1 -1
- package/dist/cjs/images/PrimaryLogo_Variation_Cream.svg +18 -0
- package/dist/cjs/images/PrimaryLogo_Variation_Cream.svg.js +38 -0
- package/dist/cjs/images/PrimaryLogo_Variation_Cream.svg.js.map +1 -0
- package/dist/esm/b8f73aec7619055b.svg +18 -0
- package/dist/esm/components/Concertina.js +2 -2
- package/dist/esm/components/Concertina.js.map +1 -1
- package/dist/esm/components/FileUploadButton.d.ts +1 -0
- package/dist/esm/components/FileUploadButton.js +5 -2
- package/dist/esm/components/FileUploadButton.js.map +1 -1
- package/dist/esm/components/Header.js +20 -14
- package/dist/esm/components/Header.js.map +1 -1
- package/dist/esm/components/Progress.js +2 -2
- package/dist/esm/components/Progress.js.map +1 -1
- package/dist/esm/components/Toggle.js +2 -2
- package/dist/esm/components/Toggle.js.map +1 -1
- package/dist/esm/images/PrimaryLogo_Variation_Cream.svg +18 -0
- package/dist/esm/images/PrimaryLogo_Variation_Cream.svg.js +17 -0
- package/dist/esm/images/PrimaryLogo_Variation_Cream.svg.js.map +1 -0
- package/package.json +10 -3
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1437.57 260.04">
|
|
3
|
+
<!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) -->
|
|
4
|
+
<defs>
|
|
5
|
+
<style>
|
|
6
|
+
.st0 {
|
|
7
|
+
fill: #fdfcee;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<path class="st0" d="M1036.41,136.96c-7.24-34.31-25.49-49.47-61.14-39.45-6.82,1.92-12.67,6.36-19.29,8.71,2.35-13.73,2.88-27.97,1.2-41.87-.97-8.05-3.15-17.96-6.71-25.23-1.36-2.77-2.59-6.03-6.23-5.85-1.8.09-11.92,5.9-13.26,7.28-.76.78-1.39,1.57-1.47,2.71,3.69,6.36,8.45,12.36,11.73,18.95,4.45,8.95,7.43,19.51,7.49,29.55-3.94-4.83-7.24-10.11-11.42-14.78-8.7-9.71-20.65-18.81-33.17-22.86-4.94-1.59-10.65-3.57-15.54-.82-1.16,11.65,5.32,22.98,12.04,32.03,12.55,16.9,25.55,18.83,45.37,20.91.88.09,1.77-.53,1.51.88-1.01,1.22-2.32,2.41-3.99,2.53-21.46,1.51-39.47-9.99-60.65,4.53-20.52,14.06-18.41,40.44-14.8,62.18,3.78,22.74,23.19,52.31,37.65,70.21,9.35,11.59,15.43,16.13,31.09,11.94,6.04-1.62,12.51-7.07,17.64-7.66,10.56-1.22,20.32,4.83,31.84,3.53,22.9-2.58,30.07-17.4,38.45-36.26,12-27.03,17.94-51.28,11.65-81.15"/>
|
|
12
|
+
<path class="st0" d="M393.36,75.36c-1.3,1.44-5.31,2.69-7.14,2.92-28.52,3.69-59.68-3.76-88.8,2.83-26.03,5.89-47.56,50.24-23.4,75.19,22.42,23.16,67.6,19.59,94.5,16.12,20.92-2.7,23.85,10.92,26.83,33.88.99,7.63,2.93,25.68,2.26,32.72-1.45,15.27-17.49,18.93-27.18,19.71-71.55,5.81-166.17-3.58-172.65-120.14-2.13-38.29,14.94-89.18,42.31-106.99C273.9,9.63,340.71-1.8,378.34,1.99c4.39.44,10.86,1.82,13.78,6.45,3.55,5.63,4.21,19.8,4.53,27.22.34,8,1.11,34.85-3.29,39.7"/>
|
|
13
|
+
<path class="st0" d="M51.68,175.03c0,4.52,4,7.33,8.59,6.92,1.49-.14,57.05-1.97,83.8-3.17,9.92-.45,19.48-.17,28.97,2.63,2.54.75,4.47,2.82,4.99,5.42.89,4.44,1.5,10.92,1.53,13.14.09,5.23,4.4,51.91-6.09,55.82-.69.26-1.43.37-2.17.38-47.86.9-153.09,1.34-159.67-1.41-9.12-3.81-5.8-16.73-6.44-25.08C.75,171.77,1.4,108.99.51,50.58.3,36.65-3.6,7.01,14.09,6.13c19.22-.96,39.28-4.44,59.05-5.28,26.85-1.14,61.84-1.57,88.24,1.48,11.03,1.27,15.22,2.52,16.64,15.05.92,8.11.69,37.26-3.67,42.89-5.2,6.72-27.92,5.54-36.14,5.13-22.25-1.1-43.98-4.65-66.2-3.93-14.76.48-19.24-4.46-20.3,14.84-.35,6.35-1.65,17.59,5.29,18.55,22.27,3.09,46.15-1.83,68.43-2.51,7.54-.23,27.11-1.12,33.11,2.07,6.32,3.37,3.5,18.31,3.5,24.36,0,5.91,1.26,27.16-1.66,30.37-1.16,1.27-2.02,1.14-3.45,1.33-19.9,2.59-75.73,2.05-80.26,2.48-6.5.62-12.92-.64-19.24.63-3.32.66-5.72,3.56-5.72,6.95v14.49Z"/>
|
|
14
|
+
<path class="st0" d="M480.66,153.97c-2.45.67-4.13,2.91-4.13,5.45,0,0-.73,11.86,0,19.08.38,3.81,10.05,2.87,12.15,2.79,19.35-.68,38.84.73,58.2.11,12.73-.41,25.45-3.84,38.34-2.67,2.37.21,12.55-.69,15.65,3.26,3.65,4.65,3.34,34.02,3.43,41.3.13,10.55,3.21,32.46-6.37,32.78-29.21.97-55.79.38-83.68.09-19.97-.21-40.25-1.52-60.43-1.4-7.16.04-18.56.82-22-8.23-3.48-9.14-2.57-16.09-2.97-25.81-2.42-57.85-1.29-116.22-3.43-174.06-.38-10.28-1.83-34.02,7.85-38.95,6.07-3.09,93-8.6,137.98-5.52,10.11.69,29.79-2.57,31.87,12.34,1.15,8.22.63,31.74-2.16,39.07-2.06,5.42-9.74,6.49-14.63,6.97-25.01,2.45-71.83.71-78.93.85-8.72.18-28.18-2.41-29.1,4.58-.16,1.18-.42,3.58-.48,4.77-.36,8-2.43,21.55,4.84,23.98,5.14,1.72,30.17.56,37.5.3,17.37-.61,34.82-3.98,52.3-2.69,21.1,1.56,17.14,13.83,16.62,31.58-.23,8.02,1.01,25.32-7.33,26.53-19.31,2.82-75.71,2.07-80.25,2.5-7.05.67-13.99-.86-20.83,1.01"/>
|
|
15
|
+
<path class="st0" d="M689.11,70.68c-3.85,3.72-3.09,19.99-2.69,25.99,1.35,20.4,5.43,42.88,7.06,63.72.77,9.84-3.83,24.89,7.69,26.43,18,2.41,44.63-1.57,60.38-12.44,25.57-17.64,34.79-63.48,15.48-90.45-18.18-25.4-38.92-19.92-63.76-17.86-7.11.59-18.81-.58-24.16,4.6M635.71,9.76c.54-3.34,3.27-5.89,6.63-6.21,5.07-.48,10.18-.93,15.24-1.23,47.64-2.86,99.79-5.53,146.19,10.34,26.79,9.16,39.15,35.57,43.48,65.4,5.16,35.54.95,102.07-15.53,133.29-9.14,17.3-31.23,35.58-48.8,38.98-37.25,7.22-82.61,5.19-120.64,5.51-6.66.06-20.48,4.21-22.79-7.68-5.41-27.88-1.66-62.97-2.56-91.91-1.42-45.83-5.26-90.63-2.46-136.85.08-1.33.64-5.85,1.25-9.65"/>
|
|
16
|
+
<path class="st0" d="M1429.08,58.67c1.05,1.13,1.82,2.75,2.36,4.23,2.84,7.81,4.55,27.96,3.71,36.37-1.01,10.1-3.7,12.03-13.23,13.05-16.49,1.78-35.67-2.05-51.04,1.32-12.49,2.74-14.27,10.39-.69,14.1,18.79,5.12,40.31,2.65,55.69,18.54,16.3,16.83,13.19,49.68,4.97,70.17-19.42,48.39-72.33,42.99-113.45,40.93-8.97-.45-27.31,2.99-32.24-6.46-3.68-7.07-3.5-26.96-3.5-35.96,0-4.68-.29-9.59.9-14.75.56-2.45,2.57-4.37,5.14-4.88,8.17-1.63,24.93-.29,29.7-.55,4.48-.25,11.61-.89,15.92-1.6,3.33-.55,11.05-3.53,11.41-7.73.1-3.38-3.02-6.08-5.59-7.62-16.21-9.71-37.22-7.64-53.25-23-26.94-25.83-14.16-74.4,16.51-90.29,26.07-13.51,57.97-9.67,85.8-8.71,10.89.38,24.64-1.44,34.95-.1,2.17.28,4.42,1.32,5.94,2.95"/>
|
|
17
|
+
<path class="st0" d="M1220.09,54.94c6.06-.2,23.23-2.23,24.13,6.24,1.33,12.55,6.97,52.73-.58,61.27-6.94,7.84-48.1,3.79-59.9,4.63-9.88.7-32.61,4.3-41.15,8.85-11.38,6.07-20.84,24.02-8.18,34.69,10.76,9.06,17.96,6.18,29.54,7.49,18.51,2.1,33.67,1.88,52.35,1.38,8.94-.24,27.65-6.42,31.6,6.34,3.1,10.04,4,42.63,2.56,53.28-.82,6.03-4.76,12.44-10.07,13.88-28.23,7.62-57.6,5.47-89.06,3.22-25.84-1.84-59.54-12.93-74.87-38.76-21.3-35.88-25.84-72.95-4.65-110.95,17.96-32.22,45.29-38.29,75.88-42.57,23.18-3.23,49.33-8.23,72.39-9"/>
|
|
18
|
+
</svg>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
4
5
|
var Button = require('./Button.js');
|
|
5
6
|
var styles = require('@mui/material/styles');
|
|
6
7
|
var iconsMaterial = require('@mui/icons-material');
|
|
@@ -8,14 +9,16 @@ var iconsMaterial = require('@mui/icons-material');
|
|
|
8
9
|
const HiddenInput = styles.styled('input')({
|
|
9
10
|
display: 'none',
|
|
10
11
|
});
|
|
11
|
-
const FileUploadButton = ({ label = 'Upload File', accept, multiple = false, onFileSelect, variant = 'primary', size = 'md', }) => {
|
|
12
|
+
const FileUploadButton = ({ id, label = 'Upload File', accept, multiple = false, onFileSelect, variant = 'primary', size = 'md', }) => {
|
|
12
13
|
const handleFileChange = (event) => {
|
|
13
14
|
const files = event.target.files;
|
|
14
15
|
if (onFileSelect) {
|
|
15
16
|
onFileSelect(files);
|
|
16
17
|
}
|
|
17
18
|
};
|
|
18
|
-
|
|
19
|
+
const autoId = React.useId();
|
|
20
|
+
const inputId = id || `file-upload-${autoId}`;
|
|
21
|
+
return (jsxRuntime.jsxs("label", { htmlFor: inputId, children: [jsxRuntime.jsx(HiddenInput, { id: inputId, type: "file", accept: accept, multiple: multiple, onChange: handleFileChange }), jsxRuntime.jsxs(Button.Button, { component: "span", variant: variant, size: size, children: [jsxRuntime.jsx(iconsMaterial.FileUploadRounded, {}), label] })] }));
|
|
19
22
|
};
|
|
20
23
|
|
|
21
24
|
exports.FileUploadButton = FileUploadButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button } from './Button'; // Import your existing styled button component\r\nimport { styled } from '@mui/material/styles';\r\nimport { FileUploadRounded } from '@mui/icons-material';\r\n\r\ninterface FileUploadButtonProps {\r\n label?: string;\r\n accept?: string;\r\n multiple?: boolean;\r\n onFileSelect?: (files: FileList | null) => void;\r\n variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst HiddenInput = styled('input')({\r\n display: 'none',\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n label = 'Upload File',\r\n accept,\r\n multiple = false,\r\n onFileSelect,\r\n variant = 'primary',\r\n size = 'md',\r\n}) => {\r\n const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const files = event.target.files;\r\n if (onFileSelect) {\r\n onFileSelect(files);\r\n }\r\n };\r\n\r\n return (\r\n <label htmlFor
|
|
1
|
+
{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React, { useId } from 'react';\r\nimport { Button } from './Button'; // Import your existing styled button component\r\nimport { styled } from '@mui/material/styles';\r\nimport { FileUploadRounded } from '@mui/icons-material';\r\n\r\ninterface FileUploadButtonProps {\r\n id?: string;\r\n label?: string;\r\n accept?: string;\r\n multiple?: boolean;\r\n onFileSelect?: (files: FileList | null) => void;\r\n variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst HiddenInput = styled('input')({\r\n display: 'none',\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n id,\r\n label = 'Upload File',\r\n accept,\r\n multiple = false,\r\n onFileSelect,\r\n variant = 'primary',\r\n size = 'md',\r\n}) => {\r\n const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const files = event.target.files;\r\n if (onFileSelect) {\r\n onFileSelect(files);\r\n }\r\n };\r\n const autoId = useId(); \r\n const inputId = id || `file-upload-${autoId}`;\r\n return (\r\n <label htmlFor={inputId}>\r\n <HiddenInput\r\n id={inputId}\r\n type=\"file\"\r\n accept={accept}\r\n multiple={multiple}\r\n onChange={handleFileChange}\r\n />\r\n <Button\r\n component=\"span\"\r\n variant={variant}\r\n size={size}\r\n >\r\n <FileUploadRounded/>{label}\r\n </Button>\r\n </label>\r\n );\r\n};\r\n"],"names":["styled","useId","_jsxs","_jsx","Button","FileUploadRounded"],"mappings":";;;;;;;;AAeA,MAAM,WAAW,GAAGA,aAAM,CAAC,OAAO,CAAC,CAAC;AAClC,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,EAChE,EAAE,EACF,KAAK,GAAG,aAAa,EACrB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACZ,KAAI;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;AACtE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAChC,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC;AACD,IAAA,MAAM,MAAM,GAAGC,WAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,YAAA,EAAe,MAAM,EAAE;IAC7C,QACEC,eAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,aACrBC,cAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAAA,CAC1B,EACFD,eAAA,CAACE,aAAM,EAAA,EACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAEVD,cAAA,CAACE,+BAAiB,EAAA,EAAA,CAAE,EAAC,KAAK,CAAA,EAAA,CACnB,CAAA,EAAA,CACH;AAEZ;;;;"}
|
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var material = require('@mui/material');
|
|
6
|
-
|
|
6
|
+
require('../ThemeProvider.js');
|
|
7
7
|
var iconsMaterial = require('@mui/icons-material');
|
|
8
8
|
var PopoverMenu = require('./PopoverMenu.js');
|
|
9
|
+
var PrimaryLogo_Variation_Cream = require('../images/PrimaryLogo_Variation_Cream.svg.js');
|
|
9
10
|
|
|
10
11
|
const StyledHeader = material.styled(material.Box)(({ theme }) => ({
|
|
11
12
|
display: 'flex',
|
|
@@ -24,17 +25,18 @@ const StyledLogoWrapper = material.styled(material.Box)(({ theme }) => ({
|
|
|
24
25
|
display: 'flex',
|
|
25
26
|
alignItems: 'center',
|
|
26
27
|
padding: theme.spacing(1.5),
|
|
27
|
-
gap: theme.spacing(2),
|
|
28
|
-
|
|
29
|
-
gap: theme.spacing(1.5), // gap-1.5
|
|
30
|
-
},
|
|
28
|
+
gap: theme.spacing(2),
|
|
29
|
+
height: '64px',
|
|
31
30
|
}));
|
|
32
31
|
const StyledLogoIcon = material.styled(material.Box)(({ theme }) => ({
|
|
33
|
-
width:
|
|
34
|
-
height:
|
|
35
|
-
|
|
32
|
+
width: '100%',
|
|
33
|
+
height: '100%',
|
|
34
|
+
display: 'flex',
|
|
35
|
+
alignItems: 'center',
|
|
36
|
+
justifyContent: 'center',
|
|
37
|
+
color: theme.palette.light.main,
|
|
36
38
|
}));
|
|
37
|
-
|
|
39
|
+
material.styled(material.Typography)(({ theme }) => ({
|
|
38
40
|
color: theme.palette.light.main, // text-[#FDFCEE]
|
|
39
41
|
fontWeight: 700, // font-bold
|
|
40
42
|
letterSpacing: '0.05em', // tracking-wide
|
|
@@ -46,6 +48,11 @@ const StyledLogoText = material.styled(material.Typography)(({ theme }) => ({
|
|
|
46
48
|
fontSize: '1.125rem', // text-lg
|
|
47
49
|
},
|
|
48
50
|
}));
|
|
51
|
+
const StyledLogoSvg = material.styled(PrimaryLogo_Variation_Cream.ReactComponent) `
|
|
52
|
+
width: 100%;
|
|
53
|
+
height: 100%;
|
|
54
|
+
display: block;
|
|
55
|
+
`;
|
|
49
56
|
const StyledSearchContainer = material.styled(material.Box)(({ theme }) => ({
|
|
50
57
|
flex: 1,
|
|
51
58
|
maxWidth: '32rem', // max-w-2xl
|
|
@@ -162,7 +169,6 @@ const StyledUserName = material.styled(material.Typography)(({ theme }) => ({
|
|
|
162
169
|
},
|
|
163
170
|
}));
|
|
164
171
|
const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOut, search, signUpStatus, }) => {
|
|
165
|
-
const theme = ThemeProvider.useTheme();
|
|
166
172
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
167
173
|
const handleOpen = (event) => {
|
|
168
174
|
setAnchorEl(event.currentTarget);
|
|
@@ -172,7 +178,7 @@ const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOu
|
|
|
172
178
|
};
|
|
173
179
|
return (jsxRuntime.jsxs(StyledHeader, { children: [signUpStatus !== 'Active' && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.IconButton, { disableRipple: true, onClick: toggleMenu, sx: {
|
|
174
180
|
display: { xs: 'block', md: 'none' }
|
|
175
|
-
}, children: jsxRuntime.jsx(iconsMaterial.MenuRounded, { sx: { fontSize: 32, color: 'white' } }) }), jsxRuntime.jsx(material.Divider, { orientation: 'vertical', sx: { color: '#FFFFFF', borderRightWidth: 2, display: { xs: 'block', md: 'none' } } })] }), jsxRuntime.
|
|
181
|
+
}, children: jsxRuntime.jsx(iconsMaterial.MenuRounded, { sx: { fontSize: 32, color: 'white' } }) }), jsxRuntime.jsx(material.Divider, { orientation: 'vertical', sx: { color: '#FFFFFF', borderRightWidth: 2, display: { xs: 'block', md: 'none' } } })] }), jsxRuntime.jsx(StyledLogoWrapper, { children: jsxRuntime.jsx(StyledLogoIcon, { children: jsxRuntime.jsx(StyledLogoSvg, {}) }) }), signUpStatus !== 'Active' &&
|
|
176
182
|
jsxRuntime.jsx(StyledSearchContainer, { children: jsxRuntime.jsx(StyledTextField, { placeholder: "Search for a policy", variant: "outlined", fullWidth: true, sx: { display: { xs: 'none', sm: 'none', md: 'block' } }, InputProps: {
|
|
177
183
|
endAdornment: (jsxRuntime.jsx(StyledSearchButton, { children: jsxRuntime.jsx(StyledSearchIcon, { children: jsxRuntime.jsx(iconsMaterial.SearchRounded, {}) }) })),
|
|
178
184
|
} }) }), jsxRuntime.jsxs(StyledUserContainer, { children: [signUpStatus !== 'Active' &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../src/components/Header.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, Typography, TextField, IconButton, Divider } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { MenuRounded, SchoolRounded, SearchRounded } from '@mui/icons-material';\r\nimport PopoverMenu from './PopoverMenu';\r\ntype SignUpStatus = 'Withdrawn' | 'Onboarding' | 'Active' | 'In Review';\r\ninterface HeaderProps {\r\n userName?: string;\r\n userInitials?: string;\r\n toggleMenu: () => void;\r\n signOut: () => void;\r\n search?: () => void;\r\n signUpStatus: SignUpStatus;\r\n}\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: theme.palette.primary.main, // var(--color-primary)\r\n [theme.breakpoints.up('md')]: {\r\n gap: theme.spacing(4), // md:gap-4\r\n padding: theme.spacing(1.5, 1.5), // px-4 py-3\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n padding: 0, // px-4 py-3\r\n },\r\n}));\r\n\r\nconst StyledLogoWrapper = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n padding: theme.spacing(1.5),\r\n gap: theme.spacing(2), // md:gap-2\r\n [theme.breakpoints.down('md')]: {\r\n gap: theme.spacing(1.5), // gap-1.5\r\n },\r\n}));\r\n\r\nconst StyledLogoIcon = styled(Box)(({ theme }) => ({\r\n width: 32, // md:w-8 md:h-8\r\n height: 32,\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n}));\r\n\r\nconst StyledLogoText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 700, // font-bold\r\n letterSpacing: '0.05em', // tracking-wide\r\n fontSize: '1.5rem', // text-2xl\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '1.25rem', // sm:text-xl\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.125rem', // text-lg\r\n },\r\n}));\r\n\r\nconst StyledSearchContainer = styled(Box)(({ theme }) => ({\r\n flex: 1,\r\n maxWidth: '32rem', // max-w-2xl\r\n margin: theme.spacing(0, 2), // mx-8\r\n position: 'relative',\r\n}));\r\n\r\nconst StyledTextField = styled(TextField)(({ theme }) => ({\r\n '& .MuiInputBase-root': {\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n borderRadius: '9999px', // rounded-full\r\n fontSize: '1rem', // text-base\r\n [theme.breakpoints.down('md')]: {\r\n paddingRight: theme.spacing(5), // sm:pr-10\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n },\r\n '& .MuiInputBase-input': {\r\n padding: theme.spacing(1.5, 3), // px-4 py-2\r\n [theme.breakpoints.up('md')]: {\r\n padding: theme.spacing(1.5, 4), // md:px-6 md:py-3\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(1.5, 2.5), // sm:px-5\r\n },\r\n },\r\n '& .MuiInputBase-input::placeholder': {\r\n color: `${theme.palette.dark.main}99`, // placeholder-[#4D3019]/60\r\n opacity: 1,\r\n },\r\n '& .MuiInputBase-root:focus-within': {\r\n outline: `2px solid ${theme.palette.light.main}`, // focus:ring-2 focus:ring-[#FDFCEE]\r\n outlineOffset: 0,\r\n },\r\n}));\r\n\r\nconst StyledSearchButton = styled(IconButton)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n position: 'static',\r\n borderRadius: '50%',\r\n backgroundColor: theme.palette.primary.main,\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n marginRight: theme.spacing(1),\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n marginRight: theme.spacing(0.5),\r\n },\r\n '&:hover': {\r\n opacity: 0.9,\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n}));\r\n\r\nconst StyledSearchIcon = styled(Box)(({ theme }) => ({\r\n display: 'flex', \r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: theme.palette.light.main,\r\n width: '100%',\r\n height: '100%',\r\n '& svg': {\r\n fontSize: '1.5rem',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.25rem',\r\n },\r\n },\r\n}));\r\n\r\nconst StyledUserContainer = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(3), // md:gap-3\r\n [theme.breakpoints.down('md')]: {\r\n gap: 0,\r\n },\r\n}));\r\n\r\nconst StyledAvatar = styled(Box)(({ theme }) => ({\r\n width: theme.spacing(6), // md:w-12\r\n height: theme.spacing(6), // md:h-12\r\n borderRadius: '50%', // rounded-full\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexShrink: 0,\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5), // sm:w-10\r\n height: theme.spacing(5), // sm:h-10\r\n }\r\n}));\r\n\r\nconst StyledAvatarText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n fontWeight: 700, // font-bold\r\n fontSize: '1.125rem', // text-lg\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n}));\r\n\r\nconst StyledUserName = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 500, // font-medium\r\n marginLeft: theme.spacing(1),\r\n fontSize: '1.125rem', // text-lg\r\n display: 'none', // hidden\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'inline', // sm:inline\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n display: 'none'\r\n },\r\n}));\r\n\r\nexport const Header: React.FC<HeaderProps> = ({\r\n userName = 'John Doe',\r\n userInitials = 'JD',\r\n toggleMenu,\r\n signOut,\r\n search,\r\n signUpStatus,\r\n}) => {\r\n const theme = useTheme();\r\n const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\r\n\r\n const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n\r\n return (\r\n <StyledHeader>\r\n {signUpStatus !== 'Active' && <>\r\n <IconButton disableRipple onClick={toggleMenu} sx={{\r\n display: {xs: 'block', md: 'none'}\r\n }}>\r\n <MenuRounded sx={{fontSize: 32, color: 'white'}}/>\r\n </IconButton>\r\n <Divider orientation='vertical' sx={{color: '#FFFFFF',borderRightWidth: 2,display: {xs: 'block', md: 'none'}}}/>\r\n </>\r\n }\r\n <StyledLogoWrapper>\r\n <StyledLogoIcon>\r\n <SchoolRounded sx={{fontSize:32, color: 'currentColor'}} />\r\n </StyledLogoIcon>\r\n <StyledLogoText variant=\"h1\">{theme.appName}</StyledLogoText>\r\n </StyledLogoWrapper>\r\n\r\n {/* Search input for md+ screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchContainer >\r\n <StyledTextField\r\n placeholder=\"Search for a policy\"\r\n variant=\"outlined\"\r\n fullWidth\r\n sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}\r\n InputProps={{\r\n endAdornment: (\r\n <StyledSearchButton>\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n ),\r\n }}\r\n />\r\n </StyledSearchContainer>\r\n }\r\n\r\n <StyledUserContainer>\r\n {/* Search button only visible on XS screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchButton\r\n disableRipple\r\n onClick={search}\r\n sx={{\r\n display: { xs: 'flex', md: 'none' },\r\n backgroundColor: '#ffffff83'\r\n }}\r\n >\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n }\r\n <IconButton onClick={handleOpen} disableRipple>\r\n <StyledAvatar>\r\n <StyledAvatarText>{userInitials}</StyledAvatarText>\r\n </StyledAvatar>\r\n <StyledUserName>{userName}</StyledUserName>\r\n </IconButton>\r\n </StyledUserContainer>\r\n\r\n <PopoverMenu\r\n anchorEl={anchorEl}\r\n onClose={handleClose}\r\n signOut={()=>{signOut(); handleClose();}}\r\n />\r\n </StyledHeader>\r\n );\r\n};"],"names":["styled","Box","Typography","TextField","IconButton","useTheme","_jsxs","_Fragment","_jsx","MenuRounded","Divider","SchoolRounded","SearchRounded","PopoverMenu"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../src/components/Header.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, Typography, TextField, IconButton, Divider } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { MenuRounded, SchoolRounded, SearchRounded } from '@mui/icons-material';\r\nimport PopoverMenu from './PopoverMenu';\r\nimport { ReactComponent as Logo } from '../images/PrimaryLogo_Variation_Cream.svg';\r\n\r\ntype SignUpStatus = 'Withdrawn' | 'Onboarding' | 'Active' | 'In Review';\r\ninterface HeaderProps {\r\n userName?: string;\r\n userInitials?: string;\r\n toggleMenu: () => void;\r\n signOut: () => void;\r\n search?: () => void;\r\n signUpStatus: SignUpStatus;\r\n}\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: theme.palette.primary.main, // var(--color-primary)\r\n [theme.breakpoints.up('md')]: {\r\n gap: theme.spacing(4), // md:gap-4\r\n padding: theme.spacing(1.5, 1.5), // px-4 py-3\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n padding: 0, // px-4 py-3\r\n },\r\n}));\r\n\r\nconst StyledLogoWrapper = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n padding: theme.spacing(1.5),\r\n gap: theme.spacing(2),\r\n height: '64px', \r\n}));\r\n\r\n\r\nconst StyledLogoIcon = styled(Box)(({ theme }) => ({\r\n width: '100%',\r\n height: '100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: theme.palette.light.main,\r\n}));\r\n\r\n\r\nconst StyledLogoText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 700, // font-bold\r\n letterSpacing: '0.05em', // tracking-wide\r\n fontSize: '1.5rem', // text-2xl\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '1.25rem', // sm:text-xl\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.125rem', // text-lg\r\n },\r\n}));\r\n\r\nconst StyledLogoSvg = styled(Logo)`\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n`;\r\n\r\n\r\nconst StyledSearchContainer = styled(Box)(({ theme }) => ({\r\n flex: 1,\r\n maxWidth: '32rem', // max-w-2xl\r\n margin: theme.spacing(0, 2), // mx-8\r\n position: 'relative',\r\n}));\r\n\r\nconst StyledTextField = styled(TextField)(({ theme }) => ({\r\n '& .MuiInputBase-root': {\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n borderRadius: '9999px', // rounded-full\r\n fontSize: '1rem', // text-base\r\n [theme.breakpoints.down('md')]: {\r\n paddingRight: theme.spacing(5), // sm:pr-10\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n },\r\n '& .MuiInputBase-input': {\r\n padding: theme.spacing(1.5, 3), // px-4 py-2\r\n [theme.breakpoints.up('md')]: {\r\n padding: theme.spacing(1.5, 4), // md:px-6 md:py-3\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(1.5, 2.5), // sm:px-5\r\n },\r\n },\r\n '& .MuiInputBase-input::placeholder': {\r\n color: `${theme.palette.dark.main}99`, // placeholder-[#4D3019]/60\r\n opacity: 1,\r\n },\r\n '& .MuiInputBase-root:focus-within': {\r\n outline: `2px solid ${theme.palette.light.main}`, // focus:ring-2 focus:ring-[#FDFCEE]\r\n outlineOffset: 0,\r\n },\r\n}));\r\n\r\nconst StyledSearchButton = styled(IconButton)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n position: 'static',\r\n borderRadius: '50%',\r\n backgroundColor: theme.palette.primary.main,\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n marginRight: theme.spacing(1),\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n marginRight: theme.spacing(0.5),\r\n },\r\n '&:hover': {\r\n opacity: 0.9,\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n}));\r\n\r\nconst StyledSearchIcon = styled(Box)(({ theme }) => ({\r\n display: 'flex', \r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: theme.palette.light.main,\r\n width: '100%',\r\n height: '100%',\r\n '& svg': {\r\n fontSize: '1.5rem',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.25rem',\r\n },\r\n },\r\n}));\r\n\r\nconst StyledUserContainer = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(3), // md:gap-3\r\n [theme.breakpoints.down('md')]: {\r\n gap: 0,\r\n },\r\n}));\r\n\r\nconst StyledAvatar = styled(Box)(({ theme }) => ({\r\n width: theme.spacing(6), // md:w-12\r\n height: theme.spacing(6), // md:h-12\r\n borderRadius: '50%', // rounded-full\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexShrink: 0,\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5), // sm:w-10\r\n height: theme.spacing(5), // sm:h-10\r\n }\r\n}));\r\n\r\nconst StyledAvatarText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n fontWeight: 700, // font-bold\r\n fontSize: '1.125rem', // text-lg\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n}));\r\n\r\nconst StyledUserName = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 500, // font-medium\r\n marginLeft: theme.spacing(1),\r\n fontSize: '1.125rem', // text-lg\r\n display: 'none', // hidden\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'inline', // sm:inline\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n display: 'none'\r\n },\r\n}));\r\n\r\nexport const Header: React.FC<HeaderProps> = ({\r\n userName = 'John Doe',\r\n userInitials = 'JD',\r\n toggleMenu,\r\n signOut,\r\n search,\r\n signUpStatus,\r\n}) => {\r\n const theme = useTheme();\r\n const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\r\n\r\n const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n return (\r\n <StyledHeader>\r\n {signUpStatus !== 'Active' && <>\r\n <IconButton disableRipple onClick={toggleMenu} sx={{\r\n display: {xs: 'block', md: 'none'}\r\n }}>\r\n <MenuRounded sx={{fontSize: 32, color: 'white'}}/>\r\n </IconButton>\r\n <Divider orientation='vertical' sx={{color: '#FFFFFF',borderRightWidth: 2,display: {xs: 'block', md: 'none'}}}/>\r\n </>\r\n }\r\n <StyledLogoWrapper>\r\n <StyledLogoIcon>\r\n <StyledLogoSvg/>\r\n </StyledLogoIcon>\r\n </StyledLogoWrapper>\r\n\r\n {/* Search input for md+ screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchContainer >\r\n <StyledTextField\r\n placeholder=\"Search for a policy\"\r\n variant=\"outlined\"\r\n fullWidth\r\n sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}\r\n InputProps={{\r\n endAdornment: (\r\n <StyledSearchButton>\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n ),\r\n }}\r\n />\r\n </StyledSearchContainer>\r\n }\r\n\r\n <StyledUserContainer>\r\n {/* Search button only visible on XS screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchButton\r\n disableRipple\r\n onClick={search}\r\n sx={{\r\n display: { xs: 'flex', md: 'none' },\r\n backgroundColor: '#ffffff83'\r\n }}\r\n >\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n }\r\n <IconButton onClick={handleOpen} disableRipple>\r\n <StyledAvatar>\r\n <StyledAvatarText>{userInitials}</StyledAvatarText>\r\n </StyledAvatar>\r\n <StyledUserName>{userName}</StyledUserName>\r\n </IconButton>\r\n </StyledUserContainer>\r\n\r\n <PopoverMenu\r\n anchorEl={anchorEl}\r\n onClose={handleClose}\r\n signOut={()=>{signOut(); handleClose();}}\r\n />\r\n </StyledHeader>\r\n );\r\n};"],"names":["styled","Box","Typography","Logo","TextField","IconButton","_jsxs","_Fragment","_jsx","MenuRounded","Divider","SearchRounded","PopoverMenu"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1437.57 260.04">
|
|
3
|
+
<!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) -->
|
|
4
|
+
<defs>
|
|
5
|
+
<style>
|
|
6
|
+
.st0 {
|
|
7
|
+
fill: #fdfcee;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<path class="st0" d="M1036.41,136.96c-7.24-34.31-25.49-49.47-61.14-39.45-6.82,1.92-12.67,6.36-19.29,8.71,2.35-13.73,2.88-27.97,1.2-41.87-.97-8.05-3.15-17.96-6.71-25.23-1.36-2.77-2.59-6.03-6.23-5.85-1.8.09-11.92,5.9-13.26,7.28-.76.78-1.39,1.57-1.47,2.71,3.69,6.36,8.45,12.36,11.73,18.95,4.45,8.95,7.43,19.51,7.49,29.55-3.94-4.83-7.24-10.11-11.42-14.78-8.7-9.71-20.65-18.81-33.17-22.86-4.94-1.59-10.65-3.57-15.54-.82-1.16,11.65,5.32,22.98,12.04,32.03,12.55,16.9,25.55,18.83,45.37,20.91.88.09,1.77-.53,1.51.88-1.01,1.22-2.32,2.41-3.99,2.53-21.46,1.51-39.47-9.99-60.65,4.53-20.52,14.06-18.41,40.44-14.8,62.18,3.78,22.74,23.19,52.31,37.65,70.21,9.35,11.59,15.43,16.13,31.09,11.94,6.04-1.62,12.51-7.07,17.64-7.66,10.56-1.22,20.32,4.83,31.84,3.53,22.9-2.58,30.07-17.4,38.45-36.26,12-27.03,17.94-51.28,11.65-81.15"/>
|
|
12
|
+
<path class="st0" d="M393.36,75.36c-1.3,1.44-5.31,2.69-7.14,2.92-28.52,3.69-59.68-3.76-88.8,2.83-26.03,5.89-47.56,50.24-23.4,75.19,22.42,23.16,67.6,19.59,94.5,16.12,20.92-2.7,23.85,10.92,26.83,33.88.99,7.63,2.93,25.68,2.26,32.72-1.45,15.27-17.49,18.93-27.18,19.71-71.55,5.81-166.17-3.58-172.65-120.14-2.13-38.29,14.94-89.18,42.31-106.99C273.9,9.63,340.71-1.8,378.34,1.99c4.39.44,10.86,1.82,13.78,6.45,3.55,5.63,4.21,19.8,4.53,27.22.34,8,1.11,34.85-3.29,39.7"/>
|
|
13
|
+
<path class="st0" d="M51.68,175.03c0,4.52,4,7.33,8.59,6.92,1.49-.14,57.05-1.97,83.8-3.17,9.92-.45,19.48-.17,28.97,2.63,2.54.75,4.47,2.82,4.99,5.42.89,4.44,1.5,10.92,1.53,13.14.09,5.23,4.4,51.91-6.09,55.82-.69.26-1.43.37-2.17.38-47.86.9-153.09,1.34-159.67-1.41-9.12-3.81-5.8-16.73-6.44-25.08C.75,171.77,1.4,108.99.51,50.58.3,36.65-3.6,7.01,14.09,6.13c19.22-.96,39.28-4.44,59.05-5.28,26.85-1.14,61.84-1.57,88.24,1.48,11.03,1.27,15.22,2.52,16.64,15.05.92,8.11.69,37.26-3.67,42.89-5.2,6.72-27.92,5.54-36.14,5.13-22.25-1.1-43.98-4.65-66.2-3.93-14.76.48-19.24-4.46-20.3,14.84-.35,6.35-1.65,17.59,5.29,18.55,22.27,3.09,46.15-1.83,68.43-2.51,7.54-.23,27.11-1.12,33.11,2.07,6.32,3.37,3.5,18.31,3.5,24.36,0,5.91,1.26,27.16-1.66,30.37-1.16,1.27-2.02,1.14-3.45,1.33-19.9,2.59-75.73,2.05-80.26,2.48-6.5.62-12.92-.64-19.24.63-3.32.66-5.72,3.56-5.72,6.95v14.49Z"/>
|
|
14
|
+
<path class="st0" d="M480.66,153.97c-2.45.67-4.13,2.91-4.13,5.45,0,0-.73,11.86,0,19.08.38,3.81,10.05,2.87,12.15,2.79,19.35-.68,38.84.73,58.2.11,12.73-.41,25.45-3.84,38.34-2.67,2.37.21,12.55-.69,15.65,3.26,3.65,4.65,3.34,34.02,3.43,41.3.13,10.55,3.21,32.46-6.37,32.78-29.21.97-55.79.38-83.68.09-19.97-.21-40.25-1.52-60.43-1.4-7.16.04-18.56.82-22-8.23-3.48-9.14-2.57-16.09-2.97-25.81-2.42-57.85-1.29-116.22-3.43-174.06-.38-10.28-1.83-34.02,7.85-38.95,6.07-3.09,93-8.6,137.98-5.52,10.11.69,29.79-2.57,31.87,12.34,1.15,8.22.63,31.74-2.16,39.07-2.06,5.42-9.74,6.49-14.63,6.97-25.01,2.45-71.83.71-78.93.85-8.72.18-28.18-2.41-29.1,4.58-.16,1.18-.42,3.58-.48,4.77-.36,8-2.43,21.55,4.84,23.98,5.14,1.72,30.17.56,37.5.3,17.37-.61,34.82-3.98,52.3-2.69,21.1,1.56,17.14,13.83,16.62,31.58-.23,8.02,1.01,25.32-7.33,26.53-19.31,2.82-75.71,2.07-80.25,2.5-7.05.67-13.99-.86-20.83,1.01"/>
|
|
15
|
+
<path class="st0" d="M689.11,70.68c-3.85,3.72-3.09,19.99-2.69,25.99,1.35,20.4,5.43,42.88,7.06,63.72.77,9.84-3.83,24.89,7.69,26.43,18,2.41,44.63-1.57,60.38-12.44,25.57-17.64,34.79-63.48,15.48-90.45-18.18-25.4-38.92-19.92-63.76-17.86-7.11.59-18.81-.58-24.16,4.6M635.71,9.76c.54-3.34,3.27-5.89,6.63-6.21,5.07-.48,10.18-.93,15.24-1.23,47.64-2.86,99.79-5.53,146.19,10.34,26.79,9.16,39.15,35.57,43.48,65.4,5.16,35.54.95,102.07-15.53,133.29-9.14,17.3-31.23,35.58-48.8,38.98-37.25,7.22-82.61,5.19-120.64,5.51-6.66.06-20.48,4.21-22.79-7.68-5.41-27.88-1.66-62.97-2.56-91.91-1.42-45.83-5.26-90.63-2.46-136.85.08-1.33.64-5.85,1.25-9.65"/>
|
|
16
|
+
<path class="st0" d="M1429.08,58.67c1.05,1.13,1.82,2.75,2.36,4.23,2.84,7.81,4.55,27.96,3.71,36.37-1.01,10.1-3.7,12.03-13.23,13.05-16.49,1.78-35.67-2.05-51.04,1.32-12.49,2.74-14.27,10.39-.69,14.1,18.79,5.12,40.31,2.65,55.69,18.54,16.3,16.83,13.19,49.68,4.97,70.17-19.42,48.39-72.33,42.99-113.45,40.93-8.97-.45-27.31,2.99-32.24-6.46-3.68-7.07-3.5-26.96-3.5-35.96,0-4.68-.29-9.59.9-14.75.56-2.45,2.57-4.37,5.14-4.88,8.17-1.63,24.93-.29,29.7-.55,4.48-.25,11.61-.89,15.92-1.6,3.33-.55,11.05-3.53,11.41-7.73.1-3.38-3.02-6.08-5.59-7.62-16.21-9.71-37.22-7.64-53.25-23-26.94-25.83-14.16-74.4,16.51-90.29,26.07-13.51,57.97-9.67,85.8-8.71,10.89.38,24.64-1.44,34.95-.1,2.17.28,4.42,1.32,5.94,2.95"/>
|
|
17
|
+
<path class="st0" d="M1220.09,54.94c6.06-.2,23.23-2.23,24.13,6.24,1.33,12.55,6.97,52.73-.58,61.27-6.94,7.84-48.1,3.79-59.9,4.63-9.88.7-32.61,4.3-41.15,8.85-11.38,6.07-20.84,24.02-8.18,34.69,10.76,9.06,17.96,6.18,29.54,7.49,18.51,2.1,33.67,1.88,52.35,1.38,8.94-.24,27.65-6.42,31.6,6.34,3.1,10.04,4,42.63,2.56,53.28-.82,6.03-4.76,12.44-10.07,13.88-28.23,7.62-57.6,5.47-89.06,3.22-25.84-1.84-59.54-12.93-74.87-38.76-21.3-35.88-25.84-72.95-4.65-110.95,17.96-32.22,45.29-38.29,75.88-42.57,23.18-3.23,49.33-8.23,72.39-9"/>
|
|
18
|
+
</svg>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopNamespaceDefault(e) {
|
|
6
|
+
var n = Object.create(null);
|
|
7
|
+
if (e) {
|
|
8
|
+
Object.keys(e).forEach(function (k) {
|
|
9
|
+
if (k !== 'default') {
|
|
10
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
11
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () { return e[k]; }
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
n.default = e;
|
|
19
|
+
return Object.freeze(n);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
23
|
+
|
|
24
|
+
var _defs, _path;
|
|
25
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
26
|
+
var SvgPrimaryLogoVariationCream = function SvgPrimaryLogoVariationCream(props) {
|
|
27
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
29
|
+
id: "PrimaryLogo_Variation_Cream_svg__Layer_1",
|
|
30
|
+
viewBox: "0 0 1437.57 260.04"
|
|
31
|
+
}, props), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("style", null, ".PrimaryLogo_Variation_Cream_svg__st0{fill:#fdfcee}"))), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
32
|
+
d: "M1036.41 136.96c-7.24-34.31-25.49-49.47-61.14-39.45-6.82 1.92-12.67 6.36-19.29 8.71 2.35-13.73 2.88-27.97 1.2-41.87-.97-8.05-3.15-17.96-6.71-25.23-1.36-2.77-2.59-6.03-6.23-5.85-1.8.09-11.92 5.9-13.26 7.28-.76.78-1.39 1.57-1.47 2.71 3.69 6.36 8.45 12.36 11.73 18.95 4.45 8.95 7.43 19.51 7.49 29.55-3.94-4.83-7.24-10.11-11.42-14.78-8.7-9.71-20.65-18.81-33.17-22.86-4.94-1.59-10.65-3.57-15.54-.82-1.16 11.65 5.32 22.98 12.04 32.03 12.55 16.9 25.55 18.83 45.37 20.91.88.09 1.77-.53 1.51.88-1.01 1.22-2.32 2.41-3.99 2.53-21.46 1.51-39.47-9.99-60.65 4.53-20.52 14.06-18.41 40.44-14.8 62.18 3.78 22.74 23.19 52.31 37.65 70.21 9.35 11.59 15.43 16.13 31.09 11.94 6.04-1.62 12.51-7.07 17.64-7.66 10.56-1.22 20.32 4.83 31.84 3.53 22.9-2.58 30.07-17.4 38.45-36.26 12-27.03 17.94-51.28 11.65-81.15M393.36 75.36c-1.3 1.44-5.31 2.69-7.14 2.92-28.52 3.69-59.68-3.76-88.8 2.83-26.03 5.89-47.56 50.24-23.4 75.19 22.42 23.16 67.6 19.59 94.5 16.12 20.92-2.7 23.85 10.92 26.83 33.88.99 7.63 2.93 25.68 2.26 32.72-1.45 15.27-17.49 18.93-27.18 19.71-71.55 5.81-166.17-3.58-172.65-120.14-2.13-38.29 14.94-89.18 42.31-106.99C273.9 9.63 340.71-1.8 378.34 1.99c4.39.44 10.86 1.82 13.78 6.45 3.55 5.63 4.21 19.8 4.53 27.22.34 8 1.11 34.85-3.29 39.7M51.68 175.03c0 4.52 4 7.33 8.59 6.92 1.49-.14 57.05-1.97 83.8-3.17 9.92-.45 19.48-.17 28.97 2.63 2.54.75 4.47 2.82 4.99 5.42.89 4.44 1.5 10.92 1.53 13.14.09 5.23 4.4 51.91-6.09 55.82-.69.26-1.43.37-2.17.38-47.86.9-153.09 1.34-159.67-1.41-9.12-3.81-5.8-16.73-6.44-25.08C.75 171.77 1.4 108.99.51 50.58.3 36.65-3.6 7.01 14.09 6.13 33.31 5.17 53.37 1.69 73.14.85c26.85-1.14 61.84-1.57 88.24 1.48 11.03 1.27 15.22 2.52 16.64 15.05.92 8.11.69 37.26-3.67 42.89-5.2 6.72-27.92 5.54-36.14 5.13-22.25-1.1-43.98-4.65-66.2-3.93-14.76.48-19.24-4.46-20.3 14.84-.35 6.35-1.65 17.59 5.29 18.55 22.27 3.09 46.15-1.83 68.43-2.51 7.54-.23 27.11-1.12 33.11 2.07 6.32 3.37 3.5 18.31 3.5 24.36 0 5.91 1.26 27.16-1.66 30.37-1.16 1.27-2.02 1.14-3.45 1.33-19.9 2.59-75.73 2.05-80.26 2.48-6.5.62-12.92-.64-19.24.63a7.09 7.09 0 0 0-5.72 6.95v14.49ZM480.66 153.97c-2.45.67-4.13 2.91-4.13 5.45 0 0-.73 11.86 0 19.08.38 3.81 10.05 2.87 12.15 2.79 19.35-.68 38.84.73 58.2.11 12.73-.41 25.45-3.84 38.34-2.67 2.37.21 12.55-.69 15.65 3.26 3.65 4.65 3.34 34.02 3.43 41.3.13 10.55 3.21 32.46-6.37 32.78-29.21.97-55.79.38-83.68.09-19.97-.21-40.25-1.52-60.43-1.4-7.16.04-18.56.82-22-8.23-3.48-9.14-2.57-16.09-2.97-25.81-2.42-57.85-1.29-116.22-3.43-174.06-.38-10.28-1.83-34.02 7.85-38.95 6.07-3.09 93-8.6 137.98-5.52 10.11.69 29.79-2.57 31.87 12.34 1.15 8.22.63 31.74-2.16 39.07-2.06 5.42-9.74 6.49-14.63 6.97-25.01 2.45-71.83.71-78.93.85-8.72.18-28.18-2.41-29.1 4.58-.16 1.18-.42 3.58-.48 4.77-.36 8-2.43 21.55 4.84 23.98 5.14 1.72 30.17.56 37.5.3 17.37-.61 34.82-3.98 52.3-2.69 21.1 1.56 17.14 13.83 16.62 31.58-.23 8.02 1.01 25.32-7.33 26.53-19.31 2.82-75.71 2.07-80.25 2.5-7.05.67-13.99-.86-20.83 1.01M689.11 70.68c-3.85 3.72-3.09 19.99-2.69 25.99 1.35 20.4 5.43 42.88 7.06 63.72.77 9.84-3.83 24.89 7.69 26.43 18 2.41 44.63-1.57 60.38-12.44 25.57-17.64 34.79-63.48 15.48-90.45-18.18-25.4-38.92-19.92-63.76-17.86-7.11.59-18.81-.58-24.16 4.6m-53.4-60.91a7.43 7.43 0 0 1 6.63-6.21c5.07-.48 10.18-.93 15.24-1.23 47.64-2.86 99.79-5.53 146.19 10.34 26.79 9.16 39.15 35.57 43.48 65.4 5.16 35.54.95 102.07-15.53 133.29-9.14 17.3-31.23 35.58-48.8 38.98-37.25 7.22-82.61 5.19-120.64 5.51-6.66.06-20.48 4.21-22.79-7.68-5.41-27.88-1.66-62.97-2.56-91.91-1.42-45.83-5.26-90.63-2.46-136.85.08-1.33.64-5.85 1.25-9.65M1429.08 58.67c1.05 1.13 1.82 2.75 2.36 4.23 2.84 7.81 4.55 27.96 3.71 36.37-1.01 10.1-3.7 12.03-13.23 13.05-16.49 1.78-35.67-2.05-51.04 1.32-12.49 2.74-14.27 10.39-.69 14.1 18.79 5.12 40.31 2.65 55.69 18.54 16.3 16.83 13.19 49.68 4.97 70.17-19.42 48.39-72.33 42.99-113.45 40.93-8.97-.45-27.31 2.99-32.24-6.46-3.68-7.07-3.5-26.96-3.5-35.96 0-4.68-.29-9.59.9-14.75.56-2.45 2.57-4.37 5.14-4.88 8.17-1.63 24.93-.29 29.7-.55 4.48-.25 11.61-.89 15.92-1.6 3.33-.55 11.05-3.53 11.41-7.73.1-3.38-3.02-6.08-5.59-7.62-16.21-9.71-37.22-7.64-53.25-23-26.94-25.83-14.16-74.4 16.51-90.29 26.07-13.51 57.97-9.67 85.8-8.71 10.89.38 24.64-1.44 34.95-.1 2.17.28 4.42 1.32 5.94 2.95M1220.09 54.94c6.06-.2 23.23-2.23 24.13 6.24 1.33 12.55 6.97 52.73-.58 61.27-6.94 7.84-48.1 3.79-59.9 4.63-9.88.7-32.61 4.3-41.15 8.85-11.38 6.07-20.84 24.02-8.18 34.69 10.76 9.06 17.96 6.18 29.54 7.49 18.51 2.1 33.67 1.88 52.35 1.38 8.94-.24 27.65-6.42 31.6 6.34 3.1 10.04 4 42.63 2.56 53.28-.82 6.03-4.76 12.44-10.07 13.88-28.23 7.62-57.6 5.47-89.06 3.22-25.84-1.84-59.54-12.93-74.87-38.76-21.3-35.88-25.84-72.95-4.65-110.95 17.96-32.22 45.29-38.29 75.88-42.57 23.18-3.23 49.33-8.23 72.39-9",
|
|
33
|
+
className: "PrimaryLogo_Variation_Cream_svg__st0"
|
|
34
|
+
})));
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.ReactComponent = SvgPrimaryLogoVariationCream;
|
|
38
|
+
//# sourceMappingURL=PrimaryLogo_Variation_Cream.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrimaryLogo_Variation_Cream.svg.js","sources":["../../../src/images/PrimaryLogo_Variation_Cream.svg"],"sourcesContent":["export default \"b8f73aec7619055b.svg\""],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK,EAAE,KAAK;AAChB,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,4BAA4B,GAAG,SAAS,4BAA4B,CAAC,KAAK,EAAE;AAChF,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,EAAE,EAAE,0CAA0C;AAClD,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,eAAeA,gBAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,qDAAqD,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnP,IAAI,CAAC,EAAE,miJAAmiJ;AAC1iJ,IAAI,SAAS,EAAE;AACf,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1437.57 260.04">
|
|
3
|
+
<!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) -->
|
|
4
|
+
<defs>
|
|
5
|
+
<style>
|
|
6
|
+
.st0 {
|
|
7
|
+
fill: #fdfcee;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<path class="st0" d="M1036.41,136.96c-7.24-34.31-25.49-49.47-61.14-39.45-6.82,1.92-12.67,6.36-19.29,8.71,2.35-13.73,2.88-27.97,1.2-41.87-.97-8.05-3.15-17.96-6.71-25.23-1.36-2.77-2.59-6.03-6.23-5.85-1.8.09-11.92,5.9-13.26,7.28-.76.78-1.39,1.57-1.47,2.71,3.69,6.36,8.45,12.36,11.73,18.95,4.45,8.95,7.43,19.51,7.49,29.55-3.94-4.83-7.24-10.11-11.42-14.78-8.7-9.71-20.65-18.81-33.17-22.86-4.94-1.59-10.65-3.57-15.54-.82-1.16,11.65,5.32,22.98,12.04,32.03,12.55,16.9,25.55,18.83,45.37,20.91.88.09,1.77-.53,1.51.88-1.01,1.22-2.32,2.41-3.99,2.53-21.46,1.51-39.47-9.99-60.65,4.53-20.52,14.06-18.41,40.44-14.8,62.18,3.78,22.74,23.19,52.31,37.65,70.21,9.35,11.59,15.43,16.13,31.09,11.94,6.04-1.62,12.51-7.07,17.64-7.66,10.56-1.22,20.32,4.83,31.84,3.53,22.9-2.58,30.07-17.4,38.45-36.26,12-27.03,17.94-51.28,11.65-81.15"/>
|
|
12
|
+
<path class="st0" d="M393.36,75.36c-1.3,1.44-5.31,2.69-7.14,2.92-28.52,3.69-59.68-3.76-88.8,2.83-26.03,5.89-47.56,50.24-23.4,75.19,22.42,23.16,67.6,19.59,94.5,16.12,20.92-2.7,23.85,10.92,26.83,33.88.99,7.63,2.93,25.68,2.26,32.72-1.45,15.27-17.49,18.93-27.18,19.71-71.55,5.81-166.17-3.58-172.65-120.14-2.13-38.29,14.94-89.18,42.31-106.99C273.9,9.63,340.71-1.8,378.34,1.99c4.39.44,10.86,1.82,13.78,6.45,3.55,5.63,4.21,19.8,4.53,27.22.34,8,1.11,34.85-3.29,39.7"/>
|
|
13
|
+
<path class="st0" d="M51.68,175.03c0,4.52,4,7.33,8.59,6.92,1.49-.14,57.05-1.97,83.8-3.17,9.92-.45,19.48-.17,28.97,2.63,2.54.75,4.47,2.82,4.99,5.42.89,4.44,1.5,10.92,1.53,13.14.09,5.23,4.4,51.91-6.09,55.82-.69.26-1.43.37-2.17.38-47.86.9-153.09,1.34-159.67-1.41-9.12-3.81-5.8-16.73-6.44-25.08C.75,171.77,1.4,108.99.51,50.58.3,36.65-3.6,7.01,14.09,6.13c19.22-.96,39.28-4.44,59.05-5.28,26.85-1.14,61.84-1.57,88.24,1.48,11.03,1.27,15.22,2.52,16.64,15.05.92,8.11.69,37.26-3.67,42.89-5.2,6.72-27.92,5.54-36.14,5.13-22.25-1.1-43.98-4.65-66.2-3.93-14.76.48-19.24-4.46-20.3,14.84-.35,6.35-1.65,17.59,5.29,18.55,22.27,3.09,46.15-1.83,68.43-2.51,7.54-.23,27.11-1.12,33.11,2.07,6.32,3.37,3.5,18.31,3.5,24.36,0,5.91,1.26,27.16-1.66,30.37-1.16,1.27-2.02,1.14-3.45,1.33-19.9,2.59-75.73,2.05-80.26,2.48-6.5.62-12.92-.64-19.24.63-3.32.66-5.72,3.56-5.72,6.95v14.49Z"/>
|
|
14
|
+
<path class="st0" d="M480.66,153.97c-2.45.67-4.13,2.91-4.13,5.45,0,0-.73,11.86,0,19.08.38,3.81,10.05,2.87,12.15,2.79,19.35-.68,38.84.73,58.2.11,12.73-.41,25.45-3.84,38.34-2.67,2.37.21,12.55-.69,15.65,3.26,3.65,4.65,3.34,34.02,3.43,41.3.13,10.55,3.21,32.46-6.37,32.78-29.21.97-55.79.38-83.68.09-19.97-.21-40.25-1.52-60.43-1.4-7.16.04-18.56.82-22-8.23-3.48-9.14-2.57-16.09-2.97-25.81-2.42-57.85-1.29-116.22-3.43-174.06-.38-10.28-1.83-34.02,7.85-38.95,6.07-3.09,93-8.6,137.98-5.52,10.11.69,29.79-2.57,31.87,12.34,1.15,8.22.63,31.74-2.16,39.07-2.06,5.42-9.74,6.49-14.63,6.97-25.01,2.45-71.83.71-78.93.85-8.72.18-28.18-2.41-29.1,4.58-.16,1.18-.42,3.58-.48,4.77-.36,8-2.43,21.55,4.84,23.98,5.14,1.72,30.17.56,37.5.3,17.37-.61,34.82-3.98,52.3-2.69,21.1,1.56,17.14,13.83,16.62,31.58-.23,8.02,1.01,25.32-7.33,26.53-19.31,2.82-75.71,2.07-80.25,2.5-7.05.67-13.99-.86-20.83,1.01"/>
|
|
15
|
+
<path class="st0" d="M689.11,70.68c-3.85,3.72-3.09,19.99-2.69,25.99,1.35,20.4,5.43,42.88,7.06,63.72.77,9.84-3.83,24.89,7.69,26.43,18,2.41,44.63-1.57,60.38-12.44,25.57-17.64,34.79-63.48,15.48-90.45-18.18-25.4-38.92-19.92-63.76-17.86-7.11.59-18.81-.58-24.16,4.6M635.71,9.76c.54-3.34,3.27-5.89,6.63-6.21,5.07-.48,10.18-.93,15.24-1.23,47.64-2.86,99.79-5.53,146.19,10.34,26.79,9.16,39.15,35.57,43.48,65.4,5.16,35.54.95,102.07-15.53,133.29-9.14,17.3-31.23,35.58-48.8,38.98-37.25,7.22-82.61,5.19-120.64,5.51-6.66.06-20.48,4.21-22.79-7.68-5.41-27.88-1.66-62.97-2.56-91.91-1.42-45.83-5.26-90.63-2.46-136.85.08-1.33.64-5.85,1.25-9.65"/>
|
|
16
|
+
<path class="st0" d="M1429.08,58.67c1.05,1.13,1.82,2.75,2.36,4.23,2.84,7.81,4.55,27.96,3.71,36.37-1.01,10.1-3.7,12.03-13.23,13.05-16.49,1.78-35.67-2.05-51.04,1.32-12.49,2.74-14.27,10.39-.69,14.1,18.79,5.12,40.31,2.65,55.69,18.54,16.3,16.83,13.19,49.68,4.97,70.17-19.42,48.39-72.33,42.99-113.45,40.93-8.97-.45-27.31,2.99-32.24-6.46-3.68-7.07-3.5-26.96-3.5-35.96,0-4.68-.29-9.59.9-14.75.56-2.45,2.57-4.37,5.14-4.88,8.17-1.63,24.93-.29,29.7-.55,4.48-.25,11.61-.89,15.92-1.6,3.33-.55,11.05-3.53,11.41-7.73.1-3.38-3.02-6.08-5.59-7.62-16.21-9.71-37.22-7.64-53.25-23-26.94-25.83-14.16-74.4,16.51-90.29,26.07-13.51,57.97-9.67,85.8-8.71,10.89.38,24.64-1.44,34.95-.1,2.17.28,4.42,1.32,5.94,2.95"/>
|
|
17
|
+
<path class="st0" d="M1220.09,54.94c6.06-.2,23.23-2.23,24.13,6.24,1.33,12.55,6.97,52.73-.58,61.27-6.94,7.84-48.1,3.79-59.9,4.63-9.88.7-32.61,4.3-41.15,8.85-11.38,6.07-20.84,24.02-8.18,34.69,10.76,9.06,17.96,6.18,29.54,7.49,18.51,2.1,33.67,1.88,52.35,1.38,8.94-.24,27.65-6.42,31.6,6.34,3.1,10.04,4,42.63,2.56,53.28-.82,6.03-4.76,12.44-10.07,13.88-28.23,7.62-57.6,5.47-89.06,3.22-25.84-1.84-59.54-12.93-74.87-38.76-21.3-35.88-25.84-72.95-4.65-110.95,17.96-32.22,45.29-38.29,75.88-42.57,23.18-3.23,49.33-8.23,72.39-9"/>
|
|
18
|
+
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
3
|
import { styled, Box, Typography, useMediaQuery, Collapse } from '@mui/material';
|
|
4
4
|
import { ExpandCircleDownOutlined } from '@mui/icons-material';
|
|
5
5
|
import { useTheme } from '../ThemeProvider.js';
|
|
@@ -127,7 +127,7 @@ function Concertina({ sections }) {
|
|
|
127
127
|
// Initialize with all sections open on desktop, closed on mobile
|
|
128
128
|
return isDesktop ? new Set(sections.map(s => s.id)) : new Set();
|
|
129
129
|
});
|
|
130
|
-
|
|
130
|
+
React__default.useEffect(() => {
|
|
131
131
|
if (isDesktop) {
|
|
132
132
|
setOpenSections(new Set(sections.map(s => s.id)));
|
|
133
133
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, styled, Typography, Collapse, useMediaQuery } from '@mui/material';\r\nimport { ExpandCircleDown, ExpandCircleDownOutlined, ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\n\r\ninterface ConcertinaSection {\r\n id: string;\r\n title: string;\r\n content: React.ReactNode;\r\n}\r\n\r\n\r\ninterface ConcertinaProps {\r\n sections: ConcertinaSection[];\r\n}\r\n\r\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: theme.spacing(1),\r\n}));\r\n\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n overflow: 'hidden',\r\n}));\r\n\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n justifyContent: 'space-between',\r\n cursor: 'pointer',\r\n transition: 'background-color 0.2s',\r\n gap: theme.spacing(2),\r\n '&:hover': {\r\n backgroundColor: theme.palette.background.default,\r\n },\r\n padding: theme.spacing(2),\r\n}));\r\n\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: 0,\r\n flex: 1,\r\n minWidth: 0,\r\n}));\r\n\r\n\r\nconst StyledHashtag = styled('span', {\r\n shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'color',\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n color: color || theme.palette.info.main,\r\n fontWeight: 700,\r\n fontSize: 'inherit',\r\n opacity: isVisible ? 1 : 0,\r\n transition: 'opacity 0.2s',\r\n marginRight: isVisible ? '0.25em' : 0,\r\n cursor: 'pointer',\r\n}));\r\n\r\n\r\n\r\nconst StyledTitle = styled(Typography, {\r\n shouldForwardProp: (prop) => prop !== 'isHovered',\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n fontWeight: 700,\r\n fontSize: '1.75rem',\r\n lineHeight: 1.2,\r\n color: theme.palette.dark.main,\r\n wordBreak: 'break-word',\r\n display: 'inline-block',\r\n position: 'relative',\r\n paddingBottom: '2px',\r\n borderBottom: isHovered ? `3px solid ${theme.palette.info.main}` : '3px solid transparent',\r\n transition: 'border-bottom 0.2s',\r\n [theme.breakpoints.down('lg')]: {\r\n fontSize: '1.25rem',\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '1.125rem',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1rem',\r\n },\r\n}));\r\n\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n position: 'fixed',\r\n transform: 'translate(-50%, -120%)',\r\n backgroundColor: theme.palette.grey[900],\r\n color: theme.palette.common.white,\r\n fontSize: '0.75rem',\r\n padding: theme.spacing(1, 2),\r\n borderRadius: theme.shape.borderRadius,\r\n whiteSpace: 'nowrap',\r\n zIndex: 1000,\r\n pointerEvents: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n fontSize: '0.875rem',\r\n padding: theme.spacing(1.5, 3),\r\n },\r\n}));\r\n\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n padding: theme.spacing(2, 3, 3),\r\n [theme.breakpoints.up('sm')]: {\r\n padding: theme.spacing(2, 4, 4),\r\n },\r\n [theme.breakpoints.up('md')]: {\r\n padding: theme.spacing(2, 6, 6),\r\n },\r\n}));\r\n\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n color: theme.palette.dark.main,\r\n lineHeight: 1.5,\r\n wordBreak: 'break-word',\r\n fontSize: 13,\r\n '& p': {\r\n margin: 0,\r\n marginBottom: theme.spacing(2),\r\n '&:last-child': {\r\n marginBottom: 0,\r\n },\r\n },\r\n '& ul, & ol': {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(2),\r\n paddingLeft: theme.spacing(3),\r\n '&:last-child': {\r\n marginBottom: 0,\r\n },\r\n },\r\n '& li': {\r\n marginBottom: theme.spacing(0.5),\r\n },\r\n}));\r\n\r\n\r\nexport function Concertina({ sections }: ConcertinaProps) {\r\n const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n const [copiedId, setCopiedId] = useState<string | null>(null);\r\n const [tooltipPosition, setTooltipPosition] = useState<{ x: number; y: number } | null>(null);\r\n const theme = useTheme()\r\n const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\r\n\r\n const [openSections, setOpenSections] = useState<Set<string>>(() => {\r\n // Initialize with all sections open on desktop, closed on mobile\r\n return isDesktop ? new Set(sections.map(s => s.id)) : new Set();\r\n });\r\n\r\n\r\n React.useEffect(() => {\r\n if (isDesktop) {\r\n setOpenSections(new Set(sections.map(s => s.id)));\r\n } else {\r\n setOpenSections(new Set());\r\n }\r\n }, [isDesktop, sections]);\r\n\r\n\r\n\r\n const toggleSection = (id: string) => {\r\n const newOpenSections = new Set(openSections);\r\n if (newOpenSections.has(id)) {\r\n newOpenSections.delete(id);\r\n } else {\r\n newOpenSections.add(id);\r\n }\r\n setOpenSections(newOpenSections);\r\n };\r\n\r\n\r\n const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n e.stopPropagation();\r\n const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n navigator.clipboard.writeText(url);\r\n setCopiedId(id);\r\n setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n setTimeout(() => {\r\n setCopiedId(null);\r\n setTooltipPosition(null);\r\n }, 2000);\r\n };\r\n\r\n\r\n return (\r\n <StyledConcertina>\r\n {sections.map((section) => (\r\n <StyledSection key={section.id} id={section.id}>\r\n <StyledHeader\r\n onClick={() => toggleSection(section.id)}\r\n onMouseEnter={() => setHoveredTitle(section.id)}\r\n onMouseLeave={() => setHoveredTitle(null)}\r\n >\r\n <StyledTitleWrapper>\r\n <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n <StyledHashtag\r\n isVisible={true}\r\n color={hoveredTitle === section.id ? theme.palette.info.main : '#00000000'}\r\n onClick={(e) => copyJumpLink(section.id, e as any)}\r\n >\r\n #\r\n </StyledHashtag>\r\n {section.title}\r\n </StyledTitle>\r\n </StyledTitleWrapper>\r\n <ExpandCircleDownOutlined\r\n sx={{ fontSize: '1.5rem', transform: openSections.has(section.id) ? 'rotate(180deg)' : 'none' }}\r\n />\r\n </StyledHeader>\r\n <Collapse in={openSections.has(section.id)}>\r\n <StyledContent>\r\n <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n </StyledContent>\r\n </Collapse>\r\n </StyledSection>\r\n ))}\r\n {copiedId && tooltipPosition && (\r\n <StyledTooltip\r\n sx={{\r\n left: tooltipPosition.x,\r\n top: tooltipPosition.y,\r\n }}\r\n >\r\n Link copied\r\n </StyledTooltip>\r\n )}\r\n </StyledConcertina>\r\n );\r\n}\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, styled, Typography, Collapse, useMediaQuery } from '@mui/material';\r\nimport { ExpandCircleDown, ExpandCircleDownOutlined, ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\n\r\ninterface ConcertinaSection {\r\n id: string;\r\n title: string;\r\n content: React.ReactNode;\r\n}\r\n\r\n\r\ninterface ConcertinaProps {\r\n sections: ConcertinaSection[];\r\n}\r\n\r\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: theme.spacing(1),\r\n}));\r\n\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n overflow: 'hidden',\r\n}));\r\n\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n justifyContent: 'space-between',\r\n cursor: 'pointer',\r\n transition: 'background-color 0.2s',\r\n gap: theme.spacing(2),\r\n '&:hover': {\r\n backgroundColor: theme.palette.background.default,\r\n },\r\n padding: theme.spacing(2),\r\n}));\r\n\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: 0,\r\n flex: 1,\r\n minWidth: 0,\r\n}));\r\n\r\n\r\nconst StyledHashtag = styled('span', {\r\n shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'color',\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n color: color || theme.palette.info.main,\r\n fontWeight: 700,\r\n fontSize: 'inherit',\r\n opacity: isVisible ? 1 : 0,\r\n transition: 'opacity 0.2s',\r\n marginRight: isVisible ? '0.25em' : 0,\r\n cursor: 'pointer',\r\n}));\r\n\r\n\r\n\r\nconst StyledTitle = styled(Typography, {\r\n shouldForwardProp: (prop) => prop !== 'isHovered',\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n fontWeight: 700,\r\n fontSize: '1.75rem',\r\n lineHeight: 1.2,\r\n color: theme.palette.dark.main,\r\n wordBreak: 'break-word',\r\n display: 'inline-block',\r\n position: 'relative',\r\n paddingBottom: '2px',\r\n borderBottom: isHovered ? `3px solid ${theme.palette.info.main}` : '3px solid transparent',\r\n transition: 'border-bottom 0.2s',\r\n [theme.breakpoints.down('lg')]: {\r\n fontSize: '1.25rem',\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '1.125rem',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1rem',\r\n },\r\n}));\r\n\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n position: 'fixed',\r\n transform: 'translate(-50%, -120%)',\r\n backgroundColor: theme.palette.grey[900],\r\n color: theme.palette.common.white,\r\n fontSize: '0.75rem',\r\n padding: theme.spacing(1, 2),\r\n borderRadius: theme.shape.borderRadius,\r\n whiteSpace: 'nowrap',\r\n zIndex: 1000,\r\n pointerEvents: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n fontSize: '0.875rem',\r\n padding: theme.spacing(1.5, 3),\r\n },\r\n}));\r\n\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n padding: theme.spacing(2, 3, 3),\r\n [theme.breakpoints.up('sm')]: {\r\n padding: theme.spacing(2, 4, 4),\r\n },\r\n [theme.breakpoints.up('md')]: {\r\n padding: theme.spacing(2, 6, 6),\r\n },\r\n}));\r\n\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n color: theme.palette.dark.main,\r\n lineHeight: 1.5,\r\n wordBreak: 'break-word',\r\n fontSize: 13,\r\n '& p': {\r\n margin: 0,\r\n marginBottom: theme.spacing(2),\r\n '&:last-child': {\r\n marginBottom: 0,\r\n },\r\n },\r\n '& ul, & ol': {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(2),\r\n paddingLeft: theme.spacing(3),\r\n '&:last-child': {\r\n marginBottom: 0,\r\n },\r\n },\r\n '& li': {\r\n marginBottom: theme.spacing(0.5),\r\n },\r\n}));\r\n\r\n\r\nexport function Concertina({ sections }: ConcertinaProps) {\r\n const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n const [copiedId, setCopiedId] = useState<string | null>(null);\r\n const [tooltipPosition, setTooltipPosition] = useState<{ x: number; y: number } | null>(null);\r\n const theme = useTheme()\r\n const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\r\n\r\n const [openSections, setOpenSections] = useState<Set<string>>(() => {\r\n // Initialize with all sections open on desktop, closed on mobile\r\n return isDesktop ? new Set(sections.map(s => s.id)) : new Set();\r\n });\r\n\r\n\r\n React.useEffect(() => {\r\n if (isDesktop) {\r\n setOpenSections(new Set(sections.map(s => s.id)));\r\n } else {\r\n setOpenSections(new Set());\r\n }\r\n }, [isDesktop, sections]);\r\n\r\n\r\n\r\n const toggleSection = (id: string) => {\r\n const newOpenSections = new Set(openSections);\r\n if (newOpenSections.has(id)) {\r\n newOpenSections.delete(id);\r\n } else {\r\n newOpenSections.add(id);\r\n }\r\n setOpenSections(newOpenSections);\r\n };\r\n\r\n\r\n const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n e.stopPropagation();\r\n const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n navigator.clipboard.writeText(url);\r\n setCopiedId(id);\r\n setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n setTimeout(() => {\r\n setCopiedId(null);\r\n setTooltipPosition(null);\r\n }, 2000);\r\n };\r\n\r\n\r\n return (\r\n <StyledConcertina>\r\n {sections.map((section) => (\r\n <StyledSection key={section.id} id={section.id}>\r\n <StyledHeader\r\n onClick={() => toggleSection(section.id)}\r\n onMouseEnter={() => setHoveredTitle(section.id)}\r\n onMouseLeave={() => setHoveredTitle(null)}\r\n >\r\n <StyledTitleWrapper>\r\n <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n <StyledHashtag\r\n isVisible={true}\r\n color={hoveredTitle === section.id ? theme.palette.info.main : '#00000000'}\r\n onClick={(e) => copyJumpLink(section.id, e as any)}\r\n >\r\n #\r\n </StyledHashtag>\r\n {section.title}\r\n </StyledTitle>\r\n </StyledTitleWrapper>\r\n <ExpandCircleDownOutlined\r\n sx={{ fontSize: '1.5rem', transform: openSections.has(section.id) ? 'rotate(180deg)' : 'none' }}\r\n />\r\n </StyledHeader>\r\n <Collapse in={openSections.has(section.id)}>\r\n <StyledContent>\r\n <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n </StyledContent>\r\n </Collapse>\r\n </StyledSection>\r\n ))}\r\n {copiedId && tooltipPosition && (\r\n <StyledTooltip\r\n sx={{\r\n left: tooltipPosition.x,\r\n top: tooltipPosition.y,\r\n }}\r\n >\r\n Link copied\r\n </StyledTooltip>\r\n )}\r\n </StyledConcertina>\r\n );\r\n}\r\n"],"names":["React","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useId } from 'react';
|
|
2
3
|
import { Button } from './Button.js';
|
|
3
4
|
import { styled } from '@mui/material/styles';
|
|
4
5
|
import { FileUploadRounded } from '@mui/icons-material';
|
|
@@ -6,14 +7,16 @@ import { FileUploadRounded } from '@mui/icons-material';
|
|
|
6
7
|
const HiddenInput = styled('input')({
|
|
7
8
|
display: 'none',
|
|
8
9
|
});
|
|
9
|
-
const FileUploadButton = ({ label = 'Upload File', accept, multiple = false, onFileSelect, variant = 'primary', size = 'md', }) => {
|
|
10
|
+
const FileUploadButton = ({ id, label = 'Upload File', accept, multiple = false, onFileSelect, variant = 'primary', size = 'md', }) => {
|
|
10
11
|
const handleFileChange = (event) => {
|
|
11
12
|
const files = event.target.files;
|
|
12
13
|
if (onFileSelect) {
|
|
13
14
|
onFileSelect(files);
|
|
14
15
|
}
|
|
15
16
|
};
|
|
16
|
-
|
|
17
|
+
const autoId = useId();
|
|
18
|
+
const inputId = id || `file-upload-${autoId}`;
|
|
19
|
+
return (jsxs("label", { htmlFor: inputId, children: [jsx(HiddenInput, { id: inputId, type: "file", accept: accept, multiple: multiple, onChange: handleFileChange }), jsxs(Button, { component: "span", variant: variant, size: size, children: [jsx(FileUploadRounded, {}), label] })] }));
|
|
17
20
|
};
|
|
18
21
|
|
|
19
22
|
export { FileUploadButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button } from './Button'; // Import your existing styled button component\r\nimport { styled } from '@mui/material/styles';\r\nimport { FileUploadRounded } from '@mui/icons-material';\r\n\r\ninterface FileUploadButtonProps {\r\n label?: string;\r\n accept?: string;\r\n multiple?: boolean;\r\n onFileSelect?: (files: FileList | null) => void;\r\n variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst HiddenInput = styled('input')({\r\n display: 'none',\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n label = 'Upload File',\r\n accept,\r\n multiple = false,\r\n onFileSelect,\r\n variant = 'primary',\r\n size = 'md',\r\n}) => {\r\n const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const files = event.target.files;\r\n if (onFileSelect) {\r\n onFileSelect(files);\r\n }\r\n };\r\n\r\n return (\r\n <label htmlFor
|
|
1
|
+
{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React, { useId } from 'react';\r\nimport { Button } from './Button'; // Import your existing styled button component\r\nimport { styled } from '@mui/material/styles';\r\nimport { FileUploadRounded } from '@mui/icons-material';\r\n\r\ninterface FileUploadButtonProps {\r\n id?: string;\r\n label?: string;\r\n accept?: string;\r\n multiple?: boolean;\r\n onFileSelect?: (files: FileList | null) => void;\r\n variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst HiddenInput = styled('input')({\r\n display: 'none',\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n id,\r\n label = 'Upload File',\r\n accept,\r\n multiple = false,\r\n onFileSelect,\r\n variant = 'primary',\r\n size = 'md',\r\n}) => {\r\n const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const files = event.target.files;\r\n if (onFileSelect) {\r\n onFileSelect(files);\r\n }\r\n };\r\n const autoId = useId(); \r\n const inputId = id || `file-upload-${autoId}`;\r\n return (\r\n <label htmlFor={inputId}>\r\n <HiddenInput\r\n id={inputId}\r\n type=\"file\"\r\n accept={accept}\r\n multiple={multiple}\r\n onChange={handleFileChange}\r\n />\r\n <Button\r\n component=\"span\"\r\n variant={variant}\r\n size={size}\r\n >\r\n <FileUploadRounded/>{label}\r\n </Button>\r\n </label>\r\n );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAeA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAClC,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,EAChE,EAAE,EACF,KAAK,GAAG,aAAa,EACrB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACZ,KAAI;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;AACtE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAChC,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC;AACD,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,YAAA,EAAe,MAAM,EAAE;IAC7C,QACEA,IAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,aACrBC,GAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAAA,CAC1B,EACFD,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAEVC,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAE,EAAC,KAAK,CAAA,EAAA,CACnB,CAAA,EAAA,CACH;AAEZ;;;;"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { styled, Box, Typography, TextField, IconButton, Divider } from '@mui/material';
|
|
4
|
-
import
|
|
5
|
-
import { MenuRounded,
|
|
4
|
+
import '../ThemeProvider.js';
|
|
5
|
+
import { MenuRounded, SearchRounded } from '@mui/icons-material';
|
|
6
6
|
import PopoverMenu from './PopoverMenu.js';
|
|
7
|
+
import { ReactComponent as SvgPrimaryLogoVariationCream } from '../images/PrimaryLogo_Variation_Cream.svg.js';
|
|
7
8
|
|
|
8
9
|
const StyledHeader = styled(Box)(({ theme }) => ({
|
|
9
10
|
display: 'flex',
|
|
@@ -22,17 +23,18 @@ const StyledLogoWrapper = styled(Box)(({ theme }) => ({
|
|
|
22
23
|
display: 'flex',
|
|
23
24
|
alignItems: 'center',
|
|
24
25
|
padding: theme.spacing(1.5),
|
|
25
|
-
gap: theme.spacing(2),
|
|
26
|
-
|
|
27
|
-
gap: theme.spacing(1.5), // gap-1.5
|
|
28
|
-
},
|
|
26
|
+
gap: theme.spacing(2),
|
|
27
|
+
height: '64px',
|
|
29
28
|
}));
|
|
30
29
|
const StyledLogoIcon = styled(Box)(({ theme }) => ({
|
|
31
|
-
width:
|
|
32
|
-
height:
|
|
33
|
-
|
|
30
|
+
width: '100%',
|
|
31
|
+
height: '100%',
|
|
32
|
+
display: 'flex',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
justifyContent: 'center',
|
|
35
|
+
color: theme.palette.light.main,
|
|
34
36
|
}));
|
|
35
|
-
|
|
37
|
+
styled(Typography)(({ theme }) => ({
|
|
36
38
|
color: theme.palette.light.main, // text-[#FDFCEE]
|
|
37
39
|
fontWeight: 700, // font-bold
|
|
38
40
|
letterSpacing: '0.05em', // tracking-wide
|
|
@@ -44,6 +46,11 @@ const StyledLogoText = styled(Typography)(({ theme }) => ({
|
|
|
44
46
|
fontSize: '1.125rem', // text-lg
|
|
45
47
|
},
|
|
46
48
|
}));
|
|
49
|
+
const StyledLogoSvg = styled(SvgPrimaryLogoVariationCream) `
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: 100%;
|
|
52
|
+
display: block;
|
|
53
|
+
`;
|
|
47
54
|
const StyledSearchContainer = styled(Box)(({ theme }) => ({
|
|
48
55
|
flex: 1,
|
|
49
56
|
maxWidth: '32rem', // max-w-2xl
|
|
@@ -160,8 +167,7 @@ const StyledUserName = styled(Typography)(({ theme }) => ({
|
|
|
160
167
|
},
|
|
161
168
|
}));
|
|
162
169
|
const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOut, search, signUpStatus, }) => {
|
|
163
|
-
const
|
|
164
|
-
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
170
|
+
const [anchorEl, setAnchorEl] = React__default.useState(null);
|
|
165
171
|
const handleOpen = (event) => {
|
|
166
172
|
setAnchorEl(event.currentTarget);
|
|
167
173
|
};
|
|
@@ -170,7 +176,7 @@ const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOu
|
|
|
170
176
|
};
|
|
171
177
|
return (jsxs(StyledHeader, { children: [signUpStatus !== 'Active' && jsxs(Fragment, { children: [jsx(IconButton, { disableRipple: true, onClick: toggleMenu, sx: {
|
|
172
178
|
display: { xs: 'block', md: 'none' }
|
|
173
|
-
}, children: jsx(MenuRounded, { sx: { fontSize: 32, color: 'white' } }) }), jsx(Divider, { orientation: 'vertical', sx: { color: '#FFFFFF', borderRightWidth: 2, display: { xs: 'block', md: 'none' } } })] }),
|
|
179
|
+
}, children: jsx(MenuRounded, { sx: { fontSize: 32, color: 'white' } }) }), jsx(Divider, { orientation: 'vertical', sx: { color: '#FFFFFF', borderRightWidth: 2, display: { xs: 'block', md: 'none' } } })] }), jsx(StyledLogoWrapper, { children: jsx(StyledLogoIcon, { children: jsx(StyledLogoSvg, {}) }) }), signUpStatus !== 'Active' &&
|
|
174
180
|
jsx(StyledSearchContainer, { children: jsx(StyledTextField, { placeholder: "Search for a policy", variant: "outlined", fullWidth: true, sx: { display: { xs: 'none', sm: 'none', md: 'block' } }, InputProps: {
|
|
175
181
|
endAdornment: (jsx(StyledSearchButton, { children: jsx(StyledSearchIcon, { children: jsx(SearchRounded, {}) }) })),
|
|
176
182
|
} }) }), jsxs(StyledUserContainer, { children: [signUpStatus !== 'Active' &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../src/components/Header.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, Typography, TextField, IconButton, Divider } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { MenuRounded, SchoolRounded, SearchRounded } from '@mui/icons-material';\r\nimport PopoverMenu from './PopoverMenu';\r\ntype SignUpStatus = 'Withdrawn' | 'Onboarding' | 'Active' | 'In Review';\r\ninterface HeaderProps {\r\n userName?: string;\r\n userInitials?: string;\r\n toggleMenu: () => void;\r\n signOut: () => void;\r\n search?: () => void;\r\n signUpStatus: SignUpStatus;\r\n}\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: theme.palette.primary.main, // var(--color-primary)\r\n [theme.breakpoints.up('md')]: {\r\n gap: theme.spacing(4), // md:gap-4\r\n padding: theme.spacing(1.5, 1.5), // px-4 py-3\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n padding: 0, // px-4 py-3\r\n },\r\n}));\r\n\r\nconst StyledLogoWrapper = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n padding: theme.spacing(1.5),\r\n gap: theme.spacing(2), // md:gap-2\r\n [theme.breakpoints.down('md')]: {\r\n gap: theme.spacing(1.5), // gap-1.5\r\n },\r\n}));\r\n\r\nconst StyledLogoIcon = styled(Box)(({ theme }) => ({\r\n width: 32, // md:w-8 md:h-8\r\n height: 32,\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n}));\r\n\r\nconst StyledLogoText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 700, // font-bold\r\n letterSpacing: '0.05em', // tracking-wide\r\n fontSize: '1.5rem', // text-2xl\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '1.25rem', // sm:text-xl\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.125rem', // text-lg\r\n },\r\n}));\r\n\r\nconst StyledSearchContainer = styled(Box)(({ theme }) => ({\r\n flex: 1,\r\n maxWidth: '32rem', // max-w-2xl\r\n margin: theme.spacing(0, 2), // mx-8\r\n position: 'relative',\r\n}));\r\n\r\nconst StyledTextField = styled(TextField)(({ theme }) => ({\r\n '& .MuiInputBase-root': {\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n borderRadius: '9999px', // rounded-full\r\n fontSize: '1rem', // text-base\r\n [theme.breakpoints.down('md')]: {\r\n paddingRight: theme.spacing(5), // sm:pr-10\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n },\r\n '& .MuiInputBase-input': {\r\n padding: theme.spacing(1.5, 3), // px-4 py-2\r\n [theme.breakpoints.up('md')]: {\r\n padding: theme.spacing(1.5, 4), // md:px-6 md:py-3\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(1.5, 2.5), // sm:px-5\r\n },\r\n },\r\n '& .MuiInputBase-input::placeholder': {\r\n color: `${theme.palette.dark.main}99`, // placeholder-[#4D3019]/60\r\n opacity: 1,\r\n },\r\n '& .MuiInputBase-root:focus-within': {\r\n outline: `2px solid ${theme.palette.light.main}`, // focus:ring-2 focus:ring-[#FDFCEE]\r\n outlineOffset: 0,\r\n },\r\n}));\r\n\r\nconst StyledSearchButton = styled(IconButton)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n position: 'static',\r\n borderRadius: '50%',\r\n backgroundColor: theme.palette.primary.main,\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n marginRight: theme.spacing(1),\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n marginRight: theme.spacing(0.5),\r\n },\r\n '&:hover': {\r\n opacity: 0.9,\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n}));\r\n\r\nconst StyledSearchIcon = styled(Box)(({ theme }) => ({\r\n display: 'flex', \r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: theme.palette.light.main,\r\n width: '100%',\r\n height: '100%',\r\n '& svg': {\r\n fontSize: '1.5rem',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.25rem',\r\n },\r\n },\r\n}));\r\n\r\nconst StyledUserContainer = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(3), // md:gap-3\r\n [theme.breakpoints.down('md')]: {\r\n gap: 0,\r\n },\r\n}));\r\n\r\nconst StyledAvatar = styled(Box)(({ theme }) => ({\r\n width: theme.spacing(6), // md:w-12\r\n height: theme.spacing(6), // md:h-12\r\n borderRadius: '50%', // rounded-full\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexShrink: 0,\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5), // sm:w-10\r\n height: theme.spacing(5), // sm:h-10\r\n }\r\n}));\r\n\r\nconst StyledAvatarText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n fontWeight: 700, // font-bold\r\n fontSize: '1.125rem', // text-lg\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n}));\r\n\r\nconst StyledUserName = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 500, // font-medium\r\n marginLeft: theme.spacing(1),\r\n fontSize: '1.125rem', // text-lg\r\n display: 'none', // hidden\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'inline', // sm:inline\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n display: 'none'\r\n },\r\n}));\r\n\r\nexport const Header: React.FC<HeaderProps> = ({\r\n userName = 'John Doe',\r\n userInitials = 'JD',\r\n toggleMenu,\r\n signOut,\r\n search,\r\n signUpStatus,\r\n}) => {\r\n const theme = useTheme();\r\n const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\r\n\r\n const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n\r\n return (\r\n <StyledHeader>\r\n {signUpStatus !== 'Active' && <>\r\n <IconButton disableRipple onClick={toggleMenu} sx={{\r\n display: {xs: 'block', md: 'none'}\r\n }}>\r\n <MenuRounded sx={{fontSize: 32, color: 'white'}}/>\r\n </IconButton>\r\n <Divider orientation='vertical' sx={{color: '#FFFFFF',borderRightWidth: 2,display: {xs: 'block', md: 'none'}}}/>\r\n </>\r\n }\r\n <StyledLogoWrapper>\r\n <StyledLogoIcon>\r\n <SchoolRounded sx={{fontSize:32, color: 'currentColor'}} />\r\n </StyledLogoIcon>\r\n <StyledLogoText variant=\"h1\">{theme.appName}</StyledLogoText>\r\n </StyledLogoWrapper>\r\n\r\n {/* Search input for md+ screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchContainer >\r\n <StyledTextField\r\n placeholder=\"Search for a policy\"\r\n variant=\"outlined\"\r\n fullWidth\r\n sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}\r\n InputProps={{\r\n endAdornment: (\r\n <StyledSearchButton>\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n ),\r\n }}\r\n />\r\n </StyledSearchContainer>\r\n }\r\n\r\n <StyledUserContainer>\r\n {/* Search button only visible on XS screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchButton\r\n disableRipple\r\n onClick={search}\r\n sx={{\r\n display: { xs: 'flex', md: 'none' },\r\n backgroundColor: '#ffffff83'\r\n }}\r\n >\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n }\r\n <IconButton onClick={handleOpen} disableRipple>\r\n <StyledAvatar>\r\n <StyledAvatarText>{userInitials}</StyledAvatarText>\r\n </StyledAvatar>\r\n <StyledUserName>{userName}</StyledUserName>\r\n </IconButton>\r\n </StyledUserContainer>\r\n\r\n <PopoverMenu\r\n anchorEl={anchorEl}\r\n onClose={handleClose}\r\n signOut={()=>{signOut(); handleClose();}}\r\n />\r\n </StyledHeader>\r\n );\r\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../src/components/Header.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, Typography, TextField, IconButton, Divider } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { MenuRounded, SchoolRounded, SearchRounded } from '@mui/icons-material';\r\nimport PopoverMenu from './PopoverMenu';\r\nimport { ReactComponent as Logo } from '../images/PrimaryLogo_Variation_Cream.svg';\r\n\r\ntype SignUpStatus = 'Withdrawn' | 'Onboarding' | 'Active' | 'In Review';\r\ninterface HeaderProps {\r\n userName?: string;\r\n userInitials?: string;\r\n toggleMenu: () => void;\r\n signOut: () => void;\r\n search?: () => void;\r\n signUpStatus: SignUpStatus;\r\n}\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n backgroundColor: theme.palette.primary.main, // var(--color-primary)\r\n [theme.breakpoints.up('md')]: {\r\n gap: theme.spacing(4), // md:gap-4\r\n padding: theme.spacing(1.5, 1.5), // px-4 py-3\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n padding: 0, // px-4 py-3\r\n },\r\n}));\r\n\r\nconst StyledLogoWrapper = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n padding: theme.spacing(1.5),\r\n gap: theme.spacing(2),\r\n height: '64px', \r\n}));\r\n\r\n\r\nconst StyledLogoIcon = styled(Box)(({ theme }) => ({\r\n width: '100%',\r\n height: '100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: theme.palette.light.main,\r\n}));\r\n\r\n\r\nconst StyledLogoText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 700, // font-bold\r\n letterSpacing: '0.05em', // tracking-wide\r\n fontSize: '1.5rem', // text-2xl\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '1.25rem', // sm:text-xl\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.125rem', // text-lg\r\n },\r\n}));\r\n\r\nconst StyledLogoSvg = styled(Logo)`\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n`;\r\n\r\n\r\nconst StyledSearchContainer = styled(Box)(({ theme }) => ({\r\n flex: 1,\r\n maxWidth: '32rem', // max-w-2xl\r\n margin: theme.spacing(0, 2), // mx-8\r\n position: 'relative',\r\n}));\r\n\r\nconst StyledTextField = styled(TextField)(({ theme }) => ({\r\n '& .MuiInputBase-root': {\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n borderRadius: '9999px', // rounded-full\r\n fontSize: '1rem', // text-base\r\n [theme.breakpoints.down('md')]: {\r\n paddingRight: theme.spacing(5), // sm:pr-10\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n },\r\n '& .MuiInputBase-input': {\r\n padding: theme.spacing(1.5, 3), // px-4 py-2\r\n [theme.breakpoints.up('md')]: {\r\n padding: theme.spacing(1.5, 4), // md:px-6 md:py-3\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(1.5, 2.5), // sm:px-5\r\n },\r\n },\r\n '& .MuiInputBase-input::placeholder': {\r\n color: `${theme.palette.dark.main}99`, // placeholder-[#4D3019]/60\r\n opacity: 1,\r\n },\r\n '& .MuiInputBase-root:focus-within': {\r\n outline: `2px solid ${theme.palette.light.main}`, // focus:ring-2 focus:ring-[#FDFCEE]\r\n outlineOffset: 0,\r\n },\r\n}));\r\n\r\nconst StyledSearchButton = styled(IconButton)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n position: 'static',\r\n borderRadius: '50%',\r\n backgroundColor: theme.palette.primary.main,\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5),\r\n height: theme.spacing(5),\r\n marginRight: theme.spacing(1),\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n marginRight: theme.spacing(0.5),\r\n },\r\n '&:hover': {\r\n opacity: 0.9,\r\n backgroundColor: theme.palette.primary.main,\r\n },\r\n}));\r\n\r\nconst StyledSearchIcon = styled(Box)(({ theme }) => ({\r\n display: 'flex', \r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: theme.palette.light.main,\r\n width: '100%',\r\n height: '100%',\r\n '& svg': {\r\n fontSize: '1.5rem',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.25rem',\r\n },\r\n },\r\n}));\r\n\r\nconst StyledUserContainer = styled(Box)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(3), // md:gap-3\r\n [theme.breakpoints.down('md')]: {\r\n gap: 0,\r\n },\r\n}));\r\n\r\nconst StyledAvatar = styled(Box)(({ theme }) => ({\r\n width: theme.spacing(6), // md:w-12\r\n height: theme.spacing(6), // md:h-12\r\n borderRadius: '50%', // rounded-full\r\n backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexShrink: 0,\r\n [theme.breakpoints.down('md')]: {\r\n width: theme.spacing(5), // sm:w-10\r\n height: theme.spacing(5), // sm:h-10\r\n }\r\n}));\r\n\r\nconst StyledAvatarText = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.dark.main, // text-[#4D3019]\r\n fontWeight: 700, // font-bold\r\n fontSize: '1.125rem', // text-lg\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n },\r\n}));\r\n\r\nconst StyledUserName = styled(Typography)(({ theme }) => ({\r\n color: theme.palette.light.main, // text-[#FDFCEE]\r\n fontWeight: 500, // font-medium\r\n marginLeft: theme.spacing(1),\r\n fontSize: '1.125rem', // text-lg\r\n display: 'none', // hidden\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'inline', // sm:inline\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '0.875rem', // text-sm\r\n display: 'none'\r\n },\r\n}));\r\n\r\nexport const Header: React.FC<HeaderProps> = ({\r\n userName = 'John Doe',\r\n userInitials = 'JD',\r\n toggleMenu,\r\n signOut,\r\n search,\r\n signUpStatus,\r\n}) => {\r\n const theme = useTheme();\r\n const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\r\n\r\n const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n return (\r\n <StyledHeader>\r\n {signUpStatus !== 'Active' && <>\r\n <IconButton disableRipple onClick={toggleMenu} sx={{\r\n display: {xs: 'block', md: 'none'}\r\n }}>\r\n <MenuRounded sx={{fontSize: 32, color: 'white'}}/>\r\n </IconButton>\r\n <Divider orientation='vertical' sx={{color: '#FFFFFF',borderRightWidth: 2,display: {xs: 'block', md: 'none'}}}/>\r\n </>\r\n }\r\n <StyledLogoWrapper>\r\n <StyledLogoIcon>\r\n <StyledLogoSvg/>\r\n </StyledLogoIcon>\r\n </StyledLogoWrapper>\r\n\r\n {/* Search input for md+ screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchContainer >\r\n <StyledTextField\r\n placeholder=\"Search for a policy\"\r\n variant=\"outlined\"\r\n fullWidth\r\n sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}\r\n InputProps={{\r\n endAdornment: (\r\n <StyledSearchButton>\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n ),\r\n }}\r\n />\r\n </StyledSearchContainer>\r\n }\r\n\r\n <StyledUserContainer>\r\n {/* Search button only visible on XS screens */}\r\n {signUpStatus !== 'Active' &&\r\n <StyledSearchButton\r\n disableRipple\r\n onClick={search}\r\n sx={{\r\n display: { xs: 'flex', md: 'none' },\r\n backgroundColor: '#ffffff83'\r\n }}\r\n >\r\n <StyledSearchIcon>\r\n <SearchRounded />\r\n </StyledSearchIcon>\r\n </StyledSearchButton>\r\n }\r\n <IconButton onClick={handleOpen} disableRipple>\r\n <StyledAvatar>\r\n <StyledAvatarText>{userInitials}</StyledAvatarText>\r\n </StyledAvatar>\r\n <StyledUserName>{userName}</StyledUserName>\r\n </IconButton>\r\n </StyledUserContainer>\r\n\r\n <PopoverMenu\r\n anchorEl={anchorEl}\r\n onClose={handleClose}\r\n signOut={()=>{signOut(); handleClose();}}\r\n />\r\n </StyledHeader>\r\n );\r\n};"],"names":["Logo","React","_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { styled, LinearProgress, Box, Typography } from '@mui/material';
|
|
4
4
|
import { useTheme } from '../ThemeProvider.js';
|
|
5
5
|
|
|
@@ -72,7 +72,7 @@ const StepIndicator = ({ steps, currentStep, className = '' }) => {
|
|
|
72
72
|
const isCompleted = stepNumber < currentStep;
|
|
73
73
|
const circleCol = 2 * index + 1;
|
|
74
74
|
const lineCol = 2 * index + 2;
|
|
75
|
-
return (jsxs(
|
|
75
|
+
return (jsxs(React__default.Fragment, { children: [jsx(Box, { sx: {
|
|
76
76
|
gridColumn: `${circleCol} / span 1`,
|
|
77
77
|
gridRow: 1,
|
|
78
78
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, Typography, LinearProgress, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface ProgressProps {\r\n current: number;\r\n total: number;\r\n showLabel?: boolean;\r\n className?: string;\r\n}\r\n\r\nconst StyledLinearProgress = styled(LinearProgress)(({ theme }) => ({\r\n height: 10,\r\n borderRadius: 9999,\r\n backgroundColor: `${theme.palette.dark.main}1A`,\r\n '& .MuiLinearProgress-bar': {\r\n borderRadius: 9999,\r\n backgroundColor: theme.palette.primary.main,\r\n transition: 'transform 0.3s ease-out',\r\n },\r\n}));\r\n\r\nexport const Progress: React.FC<ProgressProps> = ({\r\n current,\r\n total,\r\n showLabel = true,\r\n className = ''\r\n}) => {\r\n const percentage = Math.min(Math.max((current / total) * 100, 0), 100);\r\n\r\n return (\r\n <Box className={className}>\r\n {showLabel && (\r\n <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 1 }}>\r\n <Typography variant=\"body2\" fontWeight={500}>\r\n Step {current} of {total}\r\n </Typography>\r\n <Typography variant=\"body2\" fontWeight={500}>\r\n {Math.round(percentage)}%\r\n </Typography>\r\n </Box>\r\n )}\r\n <StyledLinearProgress variant=\"determinate\" value={percentage} />\r\n </Box>\r\n );\r\n};\r\ninterface StepIndicatorProps {\r\n steps: string[];\r\n currentStep: number;\r\n className?: string;\r\n}\r\n\r\nconst StepNumber = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isCompleted'\r\n})<{ isActive: boolean; isCompleted: boolean }>(\r\n ({ theme, isActive, isCompleted }) => ({\r\n width: 40,\r\n height: 40,\r\n borderRadius: '50%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontWeight: 600,\r\n fontSize: '0.875rem',\r\n transition: 'all 0.2s',\r\n backgroundColor: isCompleted || isActive\r\n ? theme.palette.primary.main\r\n : `${theme.palette.dark.main}1A`,\r\n color: isCompleted || isActive\r\n ? (theme.palette.custom?.stepIndicatorTextColor || theme.palette.dark.main)\r\n : `${theme.palette.dark.main}99`,\r\n boxShadow: isActive ? `0 0 0 4px ${theme.palette.primary.main}33` : 'none',\r\n [theme.breakpoints.down('sm')]: {\r\n width: 32,\r\n height: 32,\r\n fontSize: '0.75rem',\r\n },\r\n })\r\n);\r\n\r\nconst StepLine = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'isCompleted'\r\n})<{ isCompleted: boolean }>(({ theme, isCompleted }) => ({\r\n height: 4,\r\n borderRadius: 2,\r\n width: '100%',\r\n transition: 'background-color 0.2s',\r\n backgroundColor: isCompleted ? theme.palette.primary.main : `${theme.palette.dark.main}1A`,\r\n [theme.breakpoints.down('sm')]: {\r\n height: 2,\r\n },\r\n}));\r\n\r\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({\r\n steps,\r\n currentStep,\r\n className = ''\r\n}) => {\r\n const theme = useTheme();\r\n const cols = steps.length * 2 - 1;\r\n\r\n return (\r\n <Box\r\n className={className}\r\n sx={{\r\n display: 'grid',\r\n gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\r\n gridAutoRows: 'auto',\r\n alignItems: 'center',\r\n rowGap: { xs: 0.5, sm: 1 },\r\n // Keep if you want horizontal scrolling in very tight layouts:\r\n // overflowX: 'auto',\r\n pb: 1,\r\n }}\r\n >\r\n {steps.map((step, index) => {\r\n const stepNumber = index + 1;\r\n const isActive = stepNumber === currentStep;\r\n const isCompleted = stepNumber < currentStep;\r\n const circleCol = 2 * index + 1;\r\n const lineCol = 2 * index + 2;\r\n\r\n return (\r\n <React.Fragment key={index}>\r\n {/* Circle */}\r\n <Box\r\n sx={{\r\n gridColumn: `${circleCol} / span 1`,\r\n gridRow: 1,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <StepNumber isActive={isActive} isCompleted={isCompleted}>\r\n {stepNumber}\r\n </StepNumber>\r\n </Box>\r\n\r\n {/* Connector (not after last step) */}\r\n {index < steps.length - 1 && (\r\n <Box\r\n sx={{\r\n gridColumn: `${lineCol} / span 1`,\r\n gridRow: 1,\r\n display: 'flex',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <StepLine isCompleted={isCompleted} />\r\n </Box>\r\n )}\r\n\r\n {/* Label row (wraps independently) */}\r\n <Typography\r\n sx={{\r\n gridColumn: `${circleCol} / span 1`,\r\n gridRow: 2,\r\n mt: { xs: 0.5, sm: 1 },\r\n fontSize: { xs: '10px', sm: '12px' },\r\n fontWeight: 500,\r\n textAlign: 'center',\r\n whiteSpace: 'normal',\r\n overflowWrap: 'anywhere',\r\n wordBreak: 'break-word',\r\n // Constrain label width so wrap looks tidy; tweak as needed\r\n maxWidth: { xs: 80, sm: 112, md: 140 },\r\n justifySelf: 'center',\r\n color: isActive ? theme.palette.primary.main : `${theme.palette.dark.main}99`,\r\n }}\r\n >\r\n {step}\r\n </Typography>\r\n </React.Fragment>\r\n );\r\n })}\r\n </Box>\r\n );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, Typography, LinearProgress, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface ProgressProps {\r\n current: number;\r\n total: number;\r\n showLabel?: boolean;\r\n className?: string;\r\n}\r\n\r\nconst StyledLinearProgress = styled(LinearProgress)(({ theme }) => ({\r\n height: 10,\r\n borderRadius: 9999,\r\n backgroundColor: `${theme.palette.dark.main}1A`,\r\n '& .MuiLinearProgress-bar': {\r\n borderRadius: 9999,\r\n backgroundColor: theme.palette.primary.main,\r\n transition: 'transform 0.3s ease-out',\r\n },\r\n}));\r\n\r\nexport const Progress: React.FC<ProgressProps> = ({\r\n current,\r\n total,\r\n showLabel = true,\r\n className = ''\r\n}) => {\r\n const percentage = Math.min(Math.max((current / total) * 100, 0), 100);\r\n\r\n return (\r\n <Box className={className}>\r\n {showLabel && (\r\n <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 1 }}>\r\n <Typography variant=\"body2\" fontWeight={500}>\r\n Step {current} of {total}\r\n </Typography>\r\n <Typography variant=\"body2\" fontWeight={500}>\r\n {Math.round(percentage)}%\r\n </Typography>\r\n </Box>\r\n )}\r\n <StyledLinearProgress variant=\"determinate\" value={percentage} />\r\n </Box>\r\n );\r\n};\r\ninterface StepIndicatorProps {\r\n steps: string[];\r\n currentStep: number;\r\n className?: string;\r\n}\r\n\r\nconst StepNumber = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isCompleted'\r\n})<{ isActive: boolean; isCompleted: boolean }>(\r\n ({ theme, isActive, isCompleted }) => ({\r\n width: 40,\r\n height: 40,\r\n borderRadius: '50%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontWeight: 600,\r\n fontSize: '0.875rem',\r\n transition: 'all 0.2s',\r\n backgroundColor: isCompleted || isActive\r\n ? theme.palette.primary.main\r\n : `${theme.palette.dark.main}1A`,\r\n color: isCompleted || isActive\r\n ? (theme.palette.custom?.stepIndicatorTextColor || theme.palette.dark.main)\r\n : `${theme.palette.dark.main}99`,\r\n boxShadow: isActive ? `0 0 0 4px ${theme.palette.primary.main}33` : 'none',\r\n [theme.breakpoints.down('sm')]: {\r\n width: 32,\r\n height: 32,\r\n fontSize: '0.75rem',\r\n },\r\n })\r\n);\r\n\r\nconst StepLine = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'isCompleted'\r\n})<{ isCompleted: boolean }>(({ theme, isCompleted }) => ({\r\n height: 4,\r\n borderRadius: 2,\r\n width: '100%',\r\n transition: 'background-color 0.2s',\r\n backgroundColor: isCompleted ? theme.palette.primary.main : `${theme.palette.dark.main}1A`,\r\n [theme.breakpoints.down('sm')]: {\r\n height: 2,\r\n },\r\n}));\r\n\r\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({\r\n steps,\r\n currentStep,\r\n className = ''\r\n}) => {\r\n const theme = useTheme();\r\n const cols = steps.length * 2 - 1;\r\n\r\n return (\r\n <Box\r\n className={className}\r\n sx={{\r\n display: 'grid',\r\n gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\r\n gridAutoRows: 'auto',\r\n alignItems: 'center',\r\n rowGap: { xs: 0.5, sm: 1 },\r\n // Keep if you want horizontal scrolling in very tight layouts:\r\n // overflowX: 'auto',\r\n pb: 1,\r\n }}\r\n >\r\n {steps.map((step, index) => {\r\n const stepNumber = index + 1;\r\n const isActive = stepNumber === currentStep;\r\n const isCompleted = stepNumber < currentStep;\r\n const circleCol = 2 * index + 1;\r\n const lineCol = 2 * index + 2;\r\n\r\n return (\r\n <React.Fragment key={index}>\r\n {/* Circle */}\r\n <Box\r\n sx={{\r\n gridColumn: `${circleCol} / span 1`,\r\n gridRow: 1,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <StepNumber isActive={isActive} isCompleted={isCompleted}>\r\n {stepNumber}\r\n </StepNumber>\r\n </Box>\r\n\r\n {/* Connector (not after last step) */}\r\n {index < steps.length - 1 && (\r\n <Box\r\n sx={{\r\n gridColumn: `${lineCol} / span 1`,\r\n gridRow: 1,\r\n display: 'flex',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <StepLine isCompleted={isCompleted} />\r\n </Box>\r\n )}\r\n\r\n {/* Label row (wraps independently) */}\r\n <Typography\r\n sx={{\r\n gridColumn: `${circleCol} / span 1`,\r\n gridRow: 2,\r\n mt: { xs: 0.5, sm: 1 },\r\n fontSize: { xs: '10px', sm: '12px' },\r\n fontWeight: 500,\r\n textAlign: 'center',\r\n whiteSpace: 'normal',\r\n overflowWrap: 'anywhere',\r\n wordBreak: 'break-word',\r\n // Constrain label width so wrap looks tidy; tweak as needed\r\n maxWidth: { xs: 80, sm: 112, md: 140 },\r\n justifySelf: 'center',\r\n color: isActive ? theme.palette.primary.main : `${theme.palette.dark.main}99`,\r\n }}\r\n >\r\n {step}\r\n </Typography>\r\n </React.Fragment>\r\n );\r\n })}\r\n </Box>\r\n );\r\n};\r\n"],"names":["_jsxs","_jsx","React"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
3
|
import { styled, Box, Typography } from '@mui/material';
|
|
4
4
|
|
|
5
5
|
const ToggleButton = styled(Box)(({ theme }) => ({
|
|
@@ -46,7 +46,7 @@ const Toggle = ({ label = 'Admin view', checked = false, onChange, }) => {
|
|
|
46
46
|
setIsChecked(newValue);
|
|
47
47
|
onChange?.(newValue);
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
React__default.useEffect(() => {
|
|
50
50
|
setIsChecked(checked);
|
|
51
51
|
}, [checked]);
|
|
52
52
|
return (jsxs(ToggleButton, { onClick: handleToggle, children: [jsx(ToggleTrack, { isChecked: isChecked, children: jsx(ToggleThumb, { isChecked: isChecked }) }), jsx(Typography, { sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle.tsx"],"sourcesContent":["\r\n\r\nimport React, { useState } from 'react';\r\nimport { Box, Typography, styled } from '@mui/material';\r\n\r\ninterface ToggleProps {\r\n label?: string;\r\n checked?: boolean;\r\n onChange?: (checked: boolean) => void;\r\n}\r\n\r\nconst ToggleButton = styled(Box)(({ theme }) => ({\r\n display: 'inline-flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(1.5),\r\n padding: theme.spacing(0.75, 1.5),\r\n borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius || 4) * 2,\r\n backgroundColor: '#fff',\r\n border: `1px solid ${theme.palette.dark.main}33`,\r\n cursor: 'pointer',\r\n transition: 'border-color 0.2s',\r\n '&:hover': {\r\n borderColor: `${theme.palette.dark.main}4D`,\r\n },\r\n}));\r\n\r\nconst ToggleTrack = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'isChecked'\r\n})<{ isChecked: boolean }>(({ theme, isChecked }) => ({ position: 'relative',\r\n width: '56px',\r\n height: '32px',\r\n borderRadius: '9999px',\r\n backgroundColor: isChecked ? theme.palette.secondary.main : '#e5e7eb',\r\n transition: 'background-color 0.2s',\r\n}));\r\n\r\nconst ToggleThumb = styled(Box,{\r\n shouldForwardProp: (prop) => prop !== 'isChecked'\r\n})<{ isChecked: boolean }>(({ isChecked }) => ({\r\n position: 'absolute',\r\n top: '4px',\r\n width: '24px',\r\n height: '24px',\r\n backgroundColor: '#fff',\r\n borderRadius: '9999px',\r\n transition: 'transform 0.2s',\r\n transform: isChecked ? 'translateX(28px)' : 'translateX(4px)',\r\n}));\r\n\r\nexport const Toggle: React.FC<ToggleProps> = ({\r\n label = 'Admin view',\r\n checked = false,\r\n onChange,\r\n}) => {\r\n const [isChecked, setIsChecked] = useState(checked);\r\n\r\n const handleToggle = () => {\r\n const newValue = !isChecked;\r\n setIsChecked(newValue);\r\n onChange?.(newValue);\r\n };\r\n\r\n React.useEffect(() => {\r\n setIsChecked(checked);\r\n }, [checked]);\r\n\r\n return (\r\n <ToggleButton onClick={handleToggle}>\r\n <ToggleTrack isChecked={isChecked}>\r\n <ToggleThumb isChecked={isChecked} />\r\n </ToggleTrack>\r\n <Typography\r\n sx={{\r\n color: '#4D3019',\r\n fontWeight: 500,\r\n fontSize: '0.875rem',\r\n }}\r\n >\r\n {label}\r\n </Typography>\r\n </ToggleButton>\r\n );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;AAWA,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC/C,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;IACjC,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UACjD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;AACpC,IAAA,eAAe,EAAE,MAAM;IACvB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAC5C,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK;AACvC,CAAA,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAG,QAAQ,EAAE,UAAU;AAC3E,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,eAAe,EAAE,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS;AACrE,IAAA,UAAU,EAAE,uBAAuB;AACpC,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAC;IAC7B,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK;CACvC,CAAC,CAAyB,CAAC,EAAE,SAAS,EAAE,MAAM;AAC7C,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,SAAS,GAAG,kBAAkB,GAAG,iBAAiB;AAC9D,CAAA,CAAC,CAAC;AAEI,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,GAAG,YAAY,EACpB,OAAO,GAAG,KAAK,EACf,QAAQ,GACT,KAAI;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;IAEnD,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,MAAM,QAAQ,GAAG,CAAC,SAAS;QAC3B,YAAY,CAAC,QAAQ,CAAC;AACtB,QAAA,QAAQ,GAAG,QAAQ,CAAC;AACtB,IAAA,CAAC;AAED,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle.tsx"],"sourcesContent":["\r\n\r\nimport React, { useState } from 'react';\r\nimport { Box, Typography, styled } from '@mui/material';\r\n\r\ninterface ToggleProps {\r\n label?: string;\r\n checked?: boolean;\r\n onChange?: (checked: boolean) => void;\r\n}\r\n\r\nconst ToggleButton = styled(Box)(({ theme }) => ({\r\n display: 'inline-flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(1.5),\r\n padding: theme.spacing(0.75, 1.5),\r\n borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius || 4) * 2,\r\n backgroundColor: '#fff',\r\n border: `1px solid ${theme.palette.dark.main}33`,\r\n cursor: 'pointer',\r\n transition: 'border-color 0.2s',\r\n '&:hover': {\r\n borderColor: `${theme.palette.dark.main}4D`,\r\n },\r\n}));\r\n\r\nconst ToggleTrack = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'isChecked'\r\n})<{ isChecked: boolean }>(({ theme, isChecked }) => ({ position: 'relative',\r\n width: '56px',\r\n height: '32px',\r\n borderRadius: '9999px',\r\n backgroundColor: isChecked ? theme.palette.secondary.main : '#e5e7eb',\r\n transition: 'background-color 0.2s',\r\n}));\r\n\r\nconst ToggleThumb = styled(Box,{\r\n shouldForwardProp: (prop) => prop !== 'isChecked'\r\n})<{ isChecked: boolean }>(({ isChecked }) => ({\r\n position: 'absolute',\r\n top: '4px',\r\n width: '24px',\r\n height: '24px',\r\n backgroundColor: '#fff',\r\n borderRadius: '9999px',\r\n transition: 'transform 0.2s',\r\n transform: isChecked ? 'translateX(28px)' : 'translateX(4px)',\r\n}));\r\n\r\nexport const Toggle: React.FC<ToggleProps> = ({\r\n label = 'Admin view',\r\n checked = false,\r\n onChange,\r\n}) => {\r\n const [isChecked, setIsChecked] = useState(checked);\r\n\r\n const handleToggle = () => {\r\n const newValue = !isChecked;\r\n setIsChecked(newValue);\r\n onChange?.(newValue);\r\n };\r\n\r\n React.useEffect(() => {\r\n setIsChecked(checked);\r\n }, [checked]);\r\n\r\n return (\r\n <ToggleButton onClick={handleToggle}>\r\n <ToggleTrack isChecked={isChecked}>\r\n <ToggleThumb isChecked={isChecked} />\r\n </ToggleTrack>\r\n <Typography\r\n sx={{\r\n color: '#4D3019',\r\n fontWeight: 500,\r\n fontSize: '0.875rem',\r\n }}\r\n >\r\n {label}\r\n </Typography>\r\n </ToggleButton>\r\n );\r\n};"],"names":["React","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1437.57 260.04">
|
|
3
|
+
<!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) -->
|
|
4
|
+
<defs>
|
|
5
|
+
<style>
|
|
6
|
+
.st0 {
|
|
7
|
+
fill: #fdfcee;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<path class="st0" d="M1036.41,136.96c-7.24-34.31-25.49-49.47-61.14-39.45-6.82,1.92-12.67,6.36-19.29,8.71,2.35-13.73,2.88-27.97,1.2-41.87-.97-8.05-3.15-17.96-6.71-25.23-1.36-2.77-2.59-6.03-6.23-5.85-1.8.09-11.92,5.9-13.26,7.28-.76.78-1.39,1.57-1.47,2.71,3.69,6.36,8.45,12.36,11.73,18.95,4.45,8.95,7.43,19.51,7.49,29.55-3.94-4.83-7.24-10.11-11.42-14.78-8.7-9.71-20.65-18.81-33.17-22.86-4.94-1.59-10.65-3.57-15.54-.82-1.16,11.65,5.32,22.98,12.04,32.03,12.55,16.9,25.55,18.83,45.37,20.91.88.09,1.77-.53,1.51.88-1.01,1.22-2.32,2.41-3.99,2.53-21.46,1.51-39.47-9.99-60.65,4.53-20.52,14.06-18.41,40.44-14.8,62.18,3.78,22.74,23.19,52.31,37.65,70.21,9.35,11.59,15.43,16.13,31.09,11.94,6.04-1.62,12.51-7.07,17.64-7.66,10.56-1.22,20.32,4.83,31.84,3.53,22.9-2.58,30.07-17.4,38.45-36.26,12-27.03,17.94-51.28,11.65-81.15"/>
|
|
12
|
+
<path class="st0" d="M393.36,75.36c-1.3,1.44-5.31,2.69-7.14,2.92-28.52,3.69-59.68-3.76-88.8,2.83-26.03,5.89-47.56,50.24-23.4,75.19,22.42,23.16,67.6,19.59,94.5,16.12,20.92-2.7,23.85,10.92,26.83,33.88.99,7.63,2.93,25.68,2.26,32.72-1.45,15.27-17.49,18.93-27.18,19.71-71.55,5.81-166.17-3.58-172.65-120.14-2.13-38.29,14.94-89.18,42.31-106.99C273.9,9.63,340.71-1.8,378.34,1.99c4.39.44,10.86,1.82,13.78,6.45,3.55,5.63,4.21,19.8,4.53,27.22.34,8,1.11,34.85-3.29,39.7"/>
|
|
13
|
+
<path class="st0" d="M51.68,175.03c0,4.52,4,7.33,8.59,6.92,1.49-.14,57.05-1.97,83.8-3.17,9.92-.45,19.48-.17,28.97,2.63,2.54.75,4.47,2.82,4.99,5.42.89,4.44,1.5,10.92,1.53,13.14.09,5.23,4.4,51.91-6.09,55.82-.69.26-1.43.37-2.17.38-47.86.9-153.09,1.34-159.67-1.41-9.12-3.81-5.8-16.73-6.44-25.08C.75,171.77,1.4,108.99.51,50.58.3,36.65-3.6,7.01,14.09,6.13c19.22-.96,39.28-4.44,59.05-5.28,26.85-1.14,61.84-1.57,88.24,1.48,11.03,1.27,15.22,2.52,16.64,15.05.92,8.11.69,37.26-3.67,42.89-5.2,6.72-27.92,5.54-36.14,5.13-22.25-1.1-43.98-4.65-66.2-3.93-14.76.48-19.24-4.46-20.3,14.84-.35,6.35-1.65,17.59,5.29,18.55,22.27,3.09,46.15-1.83,68.43-2.51,7.54-.23,27.11-1.12,33.11,2.07,6.32,3.37,3.5,18.31,3.5,24.36,0,5.91,1.26,27.16-1.66,30.37-1.16,1.27-2.02,1.14-3.45,1.33-19.9,2.59-75.73,2.05-80.26,2.48-6.5.62-12.92-.64-19.24.63-3.32.66-5.72,3.56-5.72,6.95v14.49Z"/>
|
|
14
|
+
<path class="st0" d="M480.66,153.97c-2.45.67-4.13,2.91-4.13,5.45,0,0-.73,11.86,0,19.08.38,3.81,10.05,2.87,12.15,2.79,19.35-.68,38.84.73,58.2.11,12.73-.41,25.45-3.84,38.34-2.67,2.37.21,12.55-.69,15.65,3.26,3.65,4.65,3.34,34.02,3.43,41.3.13,10.55,3.21,32.46-6.37,32.78-29.21.97-55.79.38-83.68.09-19.97-.21-40.25-1.52-60.43-1.4-7.16.04-18.56.82-22-8.23-3.48-9.14-2.57-16.09-2.97-25.81-2.42-57.85-1.29-116.22-3.43-174.06-.38-10.28-1.83-34.02,7.85-38.95,6.07-3.09,93-8.6,137.98-5.52,10.11.69,29.79-2.57,31.87,12.34,1.15,8.22.63,31.74-2.16,39.07-2.06,5.42-9.74,6.49-14.63,6.97-25.01,2.45-71.83.71-78.93.85-8.72.18-28.18-2.41-29.1,4.58-.16,1.18-.42,3.58-.48,4.77-.36,8-2.43,21.55,4.84,23.98,5.14,1.72,30.17.56,37.5.3,17.37-.61,34.82-3.98,52.3-2.69,21.1,1.56,17.14,13.83,16.62,31.58-.23,8.02,1.01,25.32-7.33,26.53-19.31,2.82-75.71,2.07-80.25,2.5-7.05.67-13.99-.86-20.83,1.01"/>
|
|
15
|
+
<path class="st0" d="M689.11,70.68c-3.85,3.72-3.09,19.99-2.69,25.99,1.35,20.4,5.43,42.88,7.06,63.72.77,9.84-3.83,24.89,7.69,26.43,18,2.41,44.63-1.57,60.38-12.44,25.57-17.64,34.79-63.48,15.48-90.45-18.18-25.4-38.92-19.92-63.76-17.86-7.11.59-18.81-.58-24.16,4.6M635.71,9.76c.54-3.34,3.27-5.89,6.63-6.21,5.07-.48,10.18-.93,15.24-1.23,47.64-2.86,99.79-5.53,146.19,10.34,26.79,9.16,39.15,35.57,43.48,65.4,5.16,35.54.95,102.07-15.53,133.29-9.14,17.3-31.23,35.58-48.8,38.98-37.25,7.22-82.61,5.19-120.64,5.51-6.66.06-20.48,4.21-22.79-7.68-5.41-27.88-1.66-62.97-2.56-91.91-1.42-45.83-5.26-90.63-2.46-136.85.08-1.33.64-5.85,1.25-9.65"/>
|
|
16
|
+
<path class="st0" d="M1429.08,58.67c1.05,1.13,1.82,2.75,2.36,4.23,2.84,7.81,4.55,27.96,3.71,36.37-1.01,10.1-3.7,12.03-13.23,13.05-16.49,1.78-35.67-2.05-51.04,1.32-12.49,2.74-14.27,10.39-.69,14.1,18.79,5.12,40.31,2.65,55.69,18.54,16.3,16.83,13.19,49.68,4.97,70.17-19.42,48.39-72.33,42.99-113.45,40.93-8.97-.45-27.31,2.99-32.24-6.46-3.68-7.07-3.5-26.96-3.5-35.96,0-4.68-.29-9.59.9-14.75.56-2.45,2.57-4.37,5.14-4.88,8.17-1.63,24.93-.29,29.7-.55,4.48-.25,11.61-.89,15.92-1.6,3.33-.55,11.05-3.53,11.41-7.73.1-3.38-3.02-6.08-5.59-7.62-16.21-9.71-37.22-7.64-53.25-23-26.94-25.83-14.16-74.4,16.51-90.29,26.07-13.51,57.97-9.67,85.8-8.71,10.89.38,24.64-1.44,34.95-.1,2.17.28,4.42,1.32,5.94,2.95"/>
|
|
17
|
+
<path class="st0" d="M1220.09,54.94c6.06-.2,23.23-2.23,24.13,6.24,1.33,12.55,6.97,52.73-.58,61.27-6.94,7.84-48.1,3.79-59.9,4.63-9.88.7-32.61,4.3-41.15,8.85-11.38,6.07-20.84,24.02-8.18,34.69,10.76,9.06,17.96,6.18,29.54,7.49,18.51,2.1,33.67,1.88,52.35,1.38,8.94-.24,27.65-6.42,31.6,6.34,3.1,10.04,4,42.63,2.56,53.28-.82,6.03-4.76,12.44-10.07,13.88-28.23,7.62-57.6,5.47-89.06,3.22-25.84-1.84-59.54-12.93-74.87-38.76-21.3-35.88-25.84-72.95-4.65-110.95,17.96-32.22,45.29-38.29,75.88-42.57,23.18-3.23,49.33-8.23,72.39-9"/>
|
|
18
|
+
</svg>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _defs, _path;
|
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
+
var SvgPrimaryLogoVariationCream = function SvgPrimaryLogoVariationCream(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
id: "PrimaryLogo_Variation_Cream_svg__Layer_1",
|
|
9
|
+
viewBox: "0 0 1437.57 260.04"
|
|
10
|
+
}, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".PrimaryLogo_Variation_Cream_svg__st0{fill:#fdfcee}"))), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M1036.41 136.96c-7.24-34.31-25.49-49.47-61.14-39.45-6.82 1.92-12.67 6.36-19.29 8.71 2.35-13.73 2.88-27.97 1.2-41.87-.97-8.05-3.15-17.96-6.71-25.23-1.36-2.77-2.59-6.03-6.23-5.85-1.8.09-11.92 5.9-13.26 7.28-.76.78-1.39 1.57-1.47 2.71 3.69 6.36 8.45 12.36 11.73 18.95 4.45 8.95 7.43 19.51 7.49 29.55-3.94-4.83-7.24-10.11-11.42-14.78-8.7-9.71-20.65-18.81-33.17-22.86-4.94-1.59-10.65-3.57-15.54-.82-1.16 11.65 5.32 22.98 12.04 32.03 12.55 16.9 25.55 18.83 45.37 20.91.88.09 1.77-.53 1.51.88-1.01 1.22-2.32 2.41-3.99 2.53-21.46 1.51-39.47-9.99-60.65 4.53-20.52 14.06-18.41 40.44-14.8 62.18 3.78 22.74 23.19 52.31 37.65 70.21 9.35 11.59 15.43 16.13 31.09 11.94 6.04-1.62 12.51-7.07 17.64-7.66 10.56-1.22 20.32 4.83 31.84 3.53 22.9-2.58 30.07-17.4 38.45-36.26 12-27.03 17.94-51.28 11.65-81.15M393.36 75.36c-1.3 1.44-5.31 2.69-7.14 2.92-28.52 3.69-59.68-3.76-88.8 2.83-26.03 5.89-47.56 50.24-23.4 75.19 22.42 23.16 67.6 19.59 94.5 16.12 20.92-2.7 23.85 10.92 26.83 33.88.99 7.63 2.93 25.68 2.26 32.72-1.45 15.27-17.49 18.93-27.18 19.71-71.55 5.81-166.17-3.58-172.65-120.14-2.13-38.29 14.94-89.18 42.31-106.99C273.9 9.63 340.71-1.8 378.34 1.99c4.39.44 10.86 1.82 13.78 6.45 3.55 5.63 4.21 19.8 4.53 27.22.34 8 1.11 34.85-3.29 39.7M51.68 175.03c0 4.52 4 7.33 8.59 6.92 1.49-.14 57.05-1.97 83.8-3.17 9.92-.45 19.48-.17 28.97 2.63 2.54.75 4.47 2.82 4.99 5.42.89 4.44 1.5 10.92 1.53 13.14.09 5.23 4.4 51.91-6.09 55.82-.69.26-1.43.37-2.17.38-47.86.9-153.09 1.34-159.67-1.41-9.12-3.81-5.8-16.73-6.44-25.08C.75 171.77 1.4 108.99.51 50.58.3 36.65-3.6 7.01 14.09 6.13 33.31 5.17 53.37 1.69 73.14.85c26.85-1.14 61.84-1.57 88.24 1.48 11.03 1.27 15.22 2.52 16.64 15.05.92 8.11.69 37.26-3.67 42.89-5.2 6.72-27.92 5.54-36.14 5.13-22.25-1.1-43.98-4.65-66.2-3.93-14.76.48-19.24-4.46-20.3 14.84-.35 6.35-1.65 17.59 5.29 18.55 22.27 3.09 46.15-1.83 68.43-2.51 7.54-.23 27.11-1.12 33.11 2.07 6.32 3.37 3.5 18.31 3.5 24.36 0 5.91 1.26 27.16-1.66 30.37-1.16 1.27-2.02 1.14-3.45 1.33-19.9 2.59-75.73 2.05-80.26 2.48-6.5.62-12.92-.64-19.24.63a7.09 7.09 0 0 0-5.72 6.95v14.49ZM480.66 153.97c-2.45.67-4.13 2.91-4.13 5.45 0 0-.73 11.86 0 19.08.38 3.81 10.05 2.87 12.15 2.79 19.35-.68 38.84.73 58.2.11 12.73-.41 25.45-3.84 38.34-2.67 2.37.21 12.55-.69 15.65 3.26 3.65 4.65 3.34 34.02 3.43 41.3.13 10.55 3.21 32.46-6.37 32.78-29.21.97-55.79.38-83.68.09-19.97-.21-40.25-1.52-60.43-1.4-7.16.04-18.56.82-22-8.23-3.48-9.14-2.57-16.09-2.97-25.81-2.42-57.85-1.29-116.22-3.43-174.06-.38-10.28-1.83-34.02 7.85-38.95 6.07-3.09 93-8.6 137.98-5.52 10.11.69 29.79-2.57 31.87 12.34 1.15 8.22.63 31.74-2.16 39.07-2.06 5.42-9.74 6.49-14.63 6.97-25.01 2.45-71.83.71-78.93.85-8.72.18-28.18-2.41-29.1 4.58-.16 1.18-.42 3.58-.48 4.77-.36 8-2.43 21.55 4.84 23.98 5.14 1.72 30.17.56 37.5.3 17.37-.61 34.82-3.98 52.3-2.69 21.1 1.56 17.14 13.83 16.62 31.58-.23 8.02 1.01 25.32-7.33 26.53-19.31 2.82-75.71 2.07-80.25 2.5-7.05.67-13.99-.86-20.83 1.01M689.11 70.68c-3.85 3.72-3.09 19.99-2.69 25.99 1.35 20.4 5.43 42.88 7.06 63.72.77 9.84-3.83 24.89 7.69 26.43 18 2.41 44.63-1.57 60.38-12.44 25.57-17.64 34.79-63.48 15.48-90.45-18.18-25.4-38.92-19.92-63.76-17.86-7.11.59-18.81-.58-24.16 4.6m-53.4-60.91a7.43 7.43 0 0 1 6.63-6.21c5.07-.48 10.18-.93 15.24-1.23 47.64-2.86 99.79-5.53 146.19 10.34 26.79 9.16 39.15 35.57 43.48 65.4 5.16 35.54.95 102.07-15.53 133.29-9.14 17.3-31.23 35.58-48.8 38.98-37.25 7.22-82.61 5.19-120.64 5.51-6.66.06-20.48 4.21-22.79-7.68-5.41-27.88-1.66-62.97-2.56-91.91-1.42-45.83-5.26-90.63-2.46-136.85.08-1.33.64-5.85 1.25-9.65M1429.08 58.67c1.05 1.13 1.82 2.75 2.36 4.23 2.84 7.81 4.55 27.96 3.71 36.37-1.01 10.1-3.7 12.03-13.23 13.05-16.49 1.78-35.67-2.05-51.04 1.32-12.49 2.74-14.27 10.39-.69 14.1 18.79 5.12 40.31 2.65 55.69 18.54 16.3 16.83 13.19 49.68 4.97 70.17-19.42 48.39-72.33 42.99-113.45 40.93-8.97-.45-27.31 2.99-32.24-6.46-3.68-7.07-3.5-26.96-3.5-35.96 0-4.68-.29-9.59.9-14.75.56-2.45 2.57-4.37 5.14-4.88 8.17-1.63 24.93-.29 29.7-.55 4.48-.25 11.61-.89 15.92-1.6 3.33-.55 11.05-3.53 11.41-7.73.1-3.38-3.02-6.08-5.59-7.62-16.21-9.71-37.22-7.64-53.25-23-26.94-25.83-14.16-74.4 16.51-90.29 26.07-13.51 57.97-9.67 85.8-8.71 10.89.38 24.64-1.44 34.95-.1 2.17.28 4.42 1.32 5.94 2.95M1220.09 54.94c6.06-.2 23.23-2.23 24.13 6.24 1.33 12.55 6.97 52.73-.58 61.27-6.94 7.84-48.1 3.79-59.9 4.63-9.88.7-32.61 4.3-41.15 8.85-11.38 6.07-20.84 24.02-8.18 34.69 10.76 9.06 17.96 6.18 29.54 7.49 18.51 2.1 33.67 1.88 52.35 1.38 8.94-.24 27.65-6.42 31.6 6.34 3.1 10.04 4 42.63 2.56 53.28-.82 6.03-4.76 12.44-10.07 13.88-28.23 7.62-57.6 5.47-89.06 3.22-25.84-1.84-59.54-12.93-74.87-38.76-21.3-35.88-25.84-72.95-4.65-110.95 17.96-32.22 45.29-38.29 75.88-42.57 23.18-3.23 49.33-8.23 72.39-9",
|
|
12
|
+
className: "PrimaryLogo_Variation_Cream_svg__st0"
|
|
13
|
+
})));
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { SvgPrimaryLogoVariationCream as ReactComponent };
|
|
17
|
+
//# sourceMappingURL=PrimaryLogo_Variation_Cream.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrimaryLogo_Variation_Cream.svg.js","sources":["../../../src/images/PrimaryLogo_Variation_Cream.svg"],"sourcesContent":["export default \"b8f73aec7619055b.svg\""],"names":[],"mappings":";;AAAA,IAAI,KAAK,EAAE,KAAK;AAChB,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,4BAA4B,GAAG,SAAS,4BAA4B,CAAC,KAAK,EAAE;AAChF,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,EAAE,EAAE,0CAA0C;AAClD,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,eAAe,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,qDAAqD,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnP,IAAI,CAAC,EAAE,miJAAmiJ;AAC1iJ,IAAI,SAAS,EAAE;AACf,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ece-docs-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.32",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -14,7 +14,10 @@
|
|
|
14
14
|
},
|
|
15
15
|
"sideEffects": false,
|
|
16
16
|
"files": [
|
|
17
|
-
"dist"
|
|
17
|
+
"dist",
|
|
18
|
+
"dist/esm",
|
|
19
|
+
"dist/cjs",
|
|
20
|
+
"dist/esm/images"
|
|
18
21
|
],
|
|
19
22
|
"scripts": {
|
|
20
23
|
"build": "rollup -c",
|
|
@@ -37,8 +40,11 @@
|
|
|
37
40
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
38
41
|
"@rollup/plugin-node-resolve": "^16.0.2",
|
|
39
42
|
"@rollup/plugin-typescript": "^12.1.4",
|
|
43
|
+
"@svgr/rollup": "^8.1.0",
|
|
44
|
+
"@types/node": "^24.10.1",
|
|
40
45
|
"@types/react": "^19.2.2",
|
|
41
46
|
"rollup": "^4.52.4",
|
|
47
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
42
48
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
43
49
|
"tslib": "^2.8.1",
|
|
44
50
|
"typescript": "^5.9.3"
|
|
@@ -52,6 +58,7 @@
|
|
|
52
58
|
"author": "Richard McNulty",
|
|
53
59
|
"license": "MIT",
|
|
54
60
|
"dependencies": {
|
|
55
|
-
"@mui/utils": "^7.3.3"
|
|
61
|
+
"@mui/utils": "^7.3.3",
|
|
62
|
+
"@rollup/plugin-url": "^8.0.2"
|
|
56
63
|
}
|
|
57
64
|
}
|