ece-docs-components 1.0.79 → 1.0.80

package/dist/cjs/ThemeProvider.js

@@ -8,10 +8,11 @@ var reactToastify = require('react-toastify');
 var ECETheme = require('./themes/ECETheme.js');
 var GPTheme = require('./themes/GPTheme.js');
 var SchoolTheme = require('./themes/SchoolTheme.js');
+var LightnTheme = require('./themes/LightnTheme.js');
 
 // Create the context
-const ThemeContext = React.createContext('ECE');
-const ThemeProvider = ({ children, theme = 'ECE' }) => {
+const ThemeContext = React.createContext('Lightn');
+const ThemeProvider = ({ children, theme = 'Lightn' }) => {
     const getTheme = () => {
         switch (theme) {
             case 'GP':
@@ -19,6 +20,9 @@ const ThemeProvider = ({ children, theme = 'ECE' }) => {
             case 'School':
                 return SchoolTheme.default;
             case 'ECE':
+                return ECETheme.default;
+            case 'Lightn':
+                return LightnTheme.default;
             default:
                 return ECETheme.default;
         }
@@ -37,6 +41,9 @@ const useTheme = () => {
         case 'School':
             return SchoolTheme.default;
         case 'ECE':
+            return ECETheme.default;
+        case 'Lightn':
+            return LightnTheme.default;
         default:
             return ECETheme.default;
     }

package/dist/cjs/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { CssBaseline } from '@mui/material';\r\nimport * as React from 'react';\r\nimport { createContext, useContext } from 'react';\r\nimport './theme-types';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport ECETheme from './themes/ECETheme';\r\nimport GPTheme from './themes/GPTheme';\r\nimport ShoolTheme from './themes/SchoolTheme';\r\n\r\ntype ThemeType = 'ECE' | 'GP' | 'School';\r\n\r\n// Create the context\r\nexport const ThemeContext = createContext<ThemeType>('ECE');\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode; theme?: ThemeType }> = ({ \r\n  children, \r\n  theme = 'ECE' \r\n}) => {\r\n  const getTheme = () => {\r\n    switch (theme) {\r\n      case 'GP':\r\n        return GPTheme;\r\n      case 'School':\r\n        return ShoolTheme;\r\n      case 'ECE':\r\n      default:\r\n        return ECETheme;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ThemeContext.Provider value={theme}>\r\n      <MuiThemeProvider theme={getTheme()}>\r\n        <CssBaseline />\r\n        {children}\r\n        <ToastContainer />\r\n      </MuiThemeProvider>\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\n// Updated useTheme hook\r\nexport const useTheme = () => {\r\n  const themeType = useContext(ThemeContext);\r\n  \r\n  if (!themeType) {\r\n    throw new Error('useTheme must be used within a ThemeProvider');\r\n  }\r\n\r\n  switch (themeType) {\r\n    case 'GP':\r\n      return GPTheme;\r\n    case 'School':\r\n      return ShoolTheme;\r\n    case 'ECE':\r\n    default:\r\n      return ECETheme;\r\n  }\r\n};\r\n"],"names":["createContext","GPTheme","ShoolTheme","ECETheme","_jsx","_jsxs","MuiThemeProvider","CssBaseline","ToastContainer","useContext"],"mappings":";;;;;;;;;;;AAYA;MACa,YAAY,GAAGA,mBAAa,CAAY,KAAK;AAEnD,MAAM,aAAa,GAA+D,CAAC,EACxF,QAAQ,EACR,KAAK,GAAG,KAAK,EACd,KAAI;IACH,MAAM,QAAQ,GAAG,MAAK;QACpB,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAOC,eAAO;AAChB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAOC,mBAAU;AACnB,YAAA,KAAK,KAAK;AACV,YAAA;AACE,gBAAA,OAAOC,gBAAQ;;AAErB,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACjCC,eAAA,CAACC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACjCF,cAAA,CAACG,oBAAW,EAAA,EAAA,CAAG,EACd,QAAQ,EACTH,cAAA,CAACI,4BAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACD,EAAA,CACG;AAE5B;AAEA;AACO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,SAAS,GAAGC,gBAAU,CAAC,YAAY,CAAC;IAE1C,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC;IACjE;IAEA,QAAQ,SAAS;AACf,QAAA,KAAK,IAAI;AACP,YAAA,OAAOR,eAAO;AAChB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAOC,mBAAU;AACnB,QAAA,KAAK,KAAK;AACV,QAAA;AACE,YAAA,OAAOC,gBAAQ;;AAErB;;;;;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { CssBaseline } from '@mui/material';\r\nimport * as React from 'react';\r\nimport { createContext, useContext } from 'react';\r\nimport './theme-types';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport ECETheme from './themes/ECETheme';\r\nimport GPTheme from './themes/GPTheme';\r\nimport ShoolTheme from './themes/SchoolTheme';\r\nimport LightnTheme from './themes/LightnTheme';\r\n\r\ntype ThemeType = 'ECE' | 'GP' | 'School' | 'Lightn' ;\r\n\r\n// Create the context\r\nexport const ThemeContext = createContext<ThemeType>('Lightn');\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode; theme?: ThemeType }> = ({ \r\n  children, \r\n  theme = 'Lightn' \r\n}) => {\r\n  const getTheme = () => {\r\n    switch (theme) {\r\n      case 'GP':\r\n        return GPTheme;\r\n      case 'School':\r\n        return ShoolTheme;\r\n      case 'ECE':\r\n        return ECETheme;\r\n      case 'Lightn':\r\n        return LightnTheme\r\n      default:\r\n        return ECETheme;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ThemeContext.Provider value={theme}>\r\n      <MuiThemeProvider theme={getTheme()}>\r\n        <CssBaseline />\r\n        {children}\r\n        <ToastContainer />\r\n      </MuiThemeProvider>\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\n// Updated useTheme hook\r\nexport const useTheme = () => {\r\n  const themeType = useContext(ThemeContext);\r\n  \r\n  if (!themeType) {\r\n    throw new Error('useTheme must be used within a ThemeProvider');\r\n  }\r\n\r\n  switch (themeType) {\r\n    case 'GP':\r\n      return GPTheme;\r\n    case 'School':\r\n      return ShoolTheme;\r\n    case 'ECE':\r\n      return ECETheme;\r\n    case 'Lightn':\r\n      return LightnTheme\r\n    default:\r\n      return ECETheme;\r\n  }\r\n};\r\n"],"names":["createContext","GPTheme","ShoolTheme","ECETheme","LightnTheme","_jsx","_jsxs","MuiThemeProvider","CssBaseline","ToastContainer","useContext"],"mappings":";;;;;;;;;;;;AAaA;MACa,YAAY,GAAGA,mBAAa,CAAY,QAAQ;AAEtD,MAAM,aAAa,GAA+D,CAAC,EACxF,QAAQ,EACR,KAAK,GAAG,QAAQ,EACjB,KAAI;IACH,MAAM,QAAQ,GAAG,MAAK;QACpB,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAOC,eAAO;AAChB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAOC,mBAAU;AACnB,YAAA,KAAK,KAAK;AACR,gBAAA,OAAOC,gBAAQ;AACjB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAOC,mBAAW;AACpB,YAAA;AACE,gBAAA,OAAOD,gBAAQ;;AAErB,IAAA,CAAC;AAED,IAAA,QACEE,cAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACjCC,eAAA,CAACC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACjCF,cAAA,CAACG,oBAAW,EAAA,EAAA,CAAG,EACd,QAAQ,EACTH,cAAA,CAACI,4BAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACD,EAAA,CACG;AAE5B;AAEA;AACO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,SAAS,GAAGC,gBAAU,CAAC,YAAY,CAAC;IAE1C,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC;IACjE;IAEA,QAAQ,SAAS;AACf,QAAA,KAAK,IAAI;AACP,YAAA,OAAOT,eAAO;AAChB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAOC,mBAAU;AACnB,QAAA,KAAK,KAAK;AACR,YAAA,OAAOC,gBAAQ;AACjB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAOC,mBAAW;AACpB,QAAA;AACE,YAAA,OAAOD,gBAAQ;;AAErB;;;;;;"}

package/dist/cjs/components/SidebarV2.js

@@ -164,7 +164,7 @@ const SidebarItem = ({ isOpen, isAdmin, item, onNavigate, expandedSet, setExpand
                             } })), jsxRuntime.jsx(material.List, { sx: { p: 0, mt: 1, mb: 1, flex: 1 }, children: item.items &&
                                 item.items.map((child) => (jsxRuntime.jsx(SidebarItem, { currentPath: currentPath, expandedSet: expandedSet, setExpand: onExpand, isOpen: isOpen, isAdmin: isAdmin, item: child, onNavigate: onNavigate, depth: depth + 1 }, child.id))) })] }) }))] }));
 };
-const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n across two lines", onNavigate, items, isAdmin, currentPath, }) => {
+const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n across two lines", onNavigate, items, isAdmin, currentPath, onOrgChange }) => {
     const findExpandItems = (items) => {
         for (const item of items) {
             if (!item || item.items === undefined || item.items.length === 0) {
@@ -192,23 +192,45 @@ const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n ac
                 }, onClick: onToggle })), jsxRuntime.jsx(SidebarContainer, { isOpen: isOpen, children: jsxRuntime.jsxs(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [isOpen ? (jsxRuntime.jsxs(material.Box, { sx: {
                                 px: 2,
                                 py: 3,
-                                borderBottom: `1px solid ${theme.palette.dark.main}1A`,
                                 flexShrink: 0,
                                 position: "relative",
                                 display: "flex",
-                                flexDirection: "row",
+                                flexDirection: "column",
                                 alignItems: "center",
                                 width: EXPANDED_WIDTH,
-                            }, children: [jsxRuntime.jsx(material.Typography, { variant: "h6", sx: {
-                                        width: "180px",
-                                        fontSize: "18px",
-                                        fontWeight: 700,
-                                        color: "#4D3019",
-                                        lineHeight: 1.3,
-                                        whiteSpace: "pre-line",
-                                        flex: 1,
-                                        pr: 2,
-                                    }, children: centreName ?? "Centre Name" }), jsxRuntime.jsx(ToggleButton, { onClick: () => onToggle(), sx: { ml: "auto" }, "aria-label": "Collapse sidebar", children: jsxRuntime.jsx(iconsMaterial.KeyboardDoubleArrowLeftRounded, { sx: { fontSize: 20 } }) })] })) : (jsxRuntime.jsx(material.Box, { sx: {
+                            }, children: [jsxRuntime.jsxs(material.Box, { sx: {
+                                        px: 2,
+                                        flexShrink: 0,
+                                        position: "relative",
+                                        display: "flex",
+                                        flexDirection: "row",
+                                        alignItems: "center",
+                                        width: EXPANDED_WIDTH,
+                                    }, children: [jsxRuntime.jsx(material.Typography, { variant: "h6", sx: {
+                                                width: "180px",
+                                                fontSize: "18px",
+                                                fontWeight: 700,
+                                                color: "#4D3019",
+                                                whiteSpace: "pre-line",
+                                                flex: 1,
+                                                pr: 2,
+                                            }, children: centreName ?? "Centre Name" }), jsxRuntime.jsx(ToggleButton, { onClick: () => onToggle(), sx: { ml: "auto" }, "aria-label": "Collapse sidebar", children: jsxRuntime.jsx(iconsMaterial.KeyboardDoubleArrowLeftRounded, { sx: { fontSize: 20 } }) })] }), jsxRuntime.jsx(material.Box, { onClick: onOrgChange, sx: {
+                                        px: 2,
+                                        py: 1,
+                                        borderBottom: `1px solid ${theme.palette.dark.main}1A`,
+                                        flexShrink: 0,
+                                        position: "relative",
+                                        display: "flex",
+                                        flexDirection: "row",
+                                        alignItems: "center",
+                                        width: EXPANDED_WIDTH,
+                                        cursor: "pointer",
+                                    }, children: jsxRuntime.jsxs(material.Box, { className: "org-change-content", sx: {
+                                            display: "flex",
+                                            flexDirection: "row",
+                                            alignItems: "center",
+                                            py: 1,
+                                        }, children: [jsxRuntime.jsx(iconsMaterial.ImportExportRounded, { sx: { color: theme.palette.primary.main, mr: 1 } }), jsxRuntime.jsx(material.Typography, { sx: { color: theme.palette.primary.main }, children: "Change organisation" })] }) })] })) : (jsxRuntime.jsx(material.Box, { sx: {
                                 px: 1,
                                 py: 3,
                                 borderBottom: `1px solid ${theme.palette.dark.main}1A`,

package/dist/cjs/components/SidebarV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean }>(({ theme, isActive, isOpen, isPolicyActive }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `${theme.palette.primary.main}0D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n    \"&:hover\": {\r\n      backgroundColor: `${theme.palette.primary.main}1A`,\r\n    },\r\n  }),\r\n  ...(isPolicyActive && {\r\n    backgroundColor: `#0000000D`,\r\n    \"&:hover\": {\r\n      backgroundColor: `#0000000D`,\r\n    },\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  const nestedPadding = depth > 1 ? 1 : 3 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string)\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url);\r\n          else if (item.items) toggleExpand();\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: nestedPadding,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                  width: 180 - nestedPadding - (item.items ? 32 : 0),\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Typography\r\n                variant=\"h6\"\r\n                sx={{\r\n                  width: \"180px\",\r\n                  fontSize: \"18px\",\r\n                  fontWeight: 700,\r\n                  color: \"#4D3019\",\r\n                  lineHeight: 1.3,\r\n                  whiteSpace: \"pre-line\",\r\n                  flex: 1,\r\n                  pr: 2,\r\n                }}\r\n              >\r\n                {centreName ?? \"Centre Name\"}\r\n              </Typography>\r\n\r\n              <ToggleButton\r\n                onClick={() => onToggle()}\r\n                sx={{ ml: \"auto\" }}\r\n                aria-label=\"Collapse sidebar\"\r\n              >\r\n                <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              py: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={onNavigate}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["Visibility","styled","Box","IconButton","ListItemButton","useTheme","_jsxs","_jsx","ListItemText","ChevronRightRounded","Collapse","Divider","List","useState","Typography","KeyboardDoubleArrowLeftRounded","KeyboardDoubleArrowRightRounded"],"mappings":"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"}
+{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean }>(({ theme, isActive, isOpen, isPolicyActive }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `${theme.palette.primary.main}0D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n    \"&:hover\": {\r\n      backgroundColor: `${theme.palette.primary.main}1A`,\r\n    },\r\n  }),\r\n  ...(isPolicyActive && {\r\n    backgroundColor: `#0000000D`,\r\n    \"&:hover\": {\r\n      backgroundColor: `#0000000D`,\r\n    },\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  const nestedPadding = depth > 1 ? 1 : 3 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string)\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url);\r\n          else if (item.items) toggleExpand();\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: nestedPadding,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                  width: 180 - nestedPadding - (item.items ? 32 : 0),\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: \"#4D3019\",\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\r\n                </Typography>\r\n\r\n                <ToggleButton\r\n                  onClick={() => onToggle()}\r\n                  sx={{ ml: \"auto\" }}\r\n                  aria-label=\"Collapse sidebar\"\r\n                >\r\n                  <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n                </ToggleButton>\r\n              </Box>\r\n              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\r\n                  borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                <Box\r\n                  className=\"org-change-content\"\r\n                  sx={{\r\n                    display: \"flex\",\r\n                    flexDirection: \"row\",\r\n                    alignItems: \"center\",\r\n                    py: 1,\r\n                  }}\r\n                >\r\n                  <ImportExportRounded \r\n                    sx={{ color: theme.palette.primary.main, mr: 1 }} \r\n                  />\r\n                  <Typography sx={{ color: theme.palette.primary.main }}>\r\n                    Change organisation\r\n                  </Typography>\r\n                </Box>\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              py: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={onNavigate}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["Visibility","styled","Box","IconButton","ListItemButton","useTheme","_jsxs","_jsx","ListItemText","ChevronRightRounded","Collapse","Divider","List","useState","Typography","KeyboardDoubleArrowLeftRounded","ImportExportRounded","KeyboardDoubleArrowRightRounded"],"mappings":"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"}

package/dist/cjs/themes/ECETheme.js

@@ -77,83 +77,93 @@ const ECETheme = material.createTheme({
         },
     },
     typography: {
-        fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),
+        fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),
         h1: {
+            fontFamily: ['Tiempos Fine', 'Georgia', 'serif'].join(','),
             color: '#4D3019',
-            fontWeight: 700,
+            fontWeight: 300, // Light weight
             fontSize: '2.5rem',
             lineHeight: 1.2,
         },
         h2: {
+            fontFamily: ['Tiempos Fine', 'Georgia', 'serif'].join(','),
             color: '#4D3019',
-            fontWeight: 700,
+            fontWeight: 300, // Light weight
             fontSize: '2rem',
             lineHeight: 1.3,
         },
         h3: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#4D3019',
-            fontWeight: 600,
+            fontWeight: 500, // Medium weight for sub-headings
             fontSize: '1.75rem',
             lineHeight: 1.3,
         },
         h4: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#4D3019',
-            fontWeight: 600,
+            fontWeight: 500, // Medium weight for sub-headings
             fontSize: '1.5rem',
             lineHeight: 1.4,
         },
         h5: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#4D3019',
-            fontWeight: 600,
+            fontWeight: 500, // Medium weight for sub-headings
             fontSize: '1.25rem',
             lineHeight: 1.4,
         },
         h6: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#4D3019',
-            fontWeight: 600,
+            fontWeight: 500, // Medium weight for sub-headings
             fontSize: '1rem',
             lineHeight: 1.4,
         },
         body1: {
             color: '#4D3019',
-            fontWeight: 400,
+            fontWeight: 400, // Regular weight for body text
             fontSize: '1rem',
             lineHeight: 1.5,
         },
         body2: {
             color: '#826E5C',
-            fontWeight: 400,
+            fontWeight: 400, // Regular weight for body text
             fontSize: '0.875rem',
             lineHeight: 1.5,
         },
         subtitle1: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#4D3019',
-            fontWeight: 500,
+            fontWeight: 500, // Medium weight
             fontSize: '1rem',
             lineHeight: 1.5,
         },
         subtitle2: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#826E5C',
-            fontWeight: 500,
+            fontWeight: 500, // Medium weight
             fontSize: '0.875rem',
             lineHeight: 1.5,
         },
         button: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#4D3019',
-            fontWeight: 500,
+            fontWeight: 500, // Medium weight
             fontSize: '0.875rem',
             lineHeight: 1.75,
             textTransform: 'none',
         },
         caption: {
             color: '#826E5C',
-            fontWeight: 400,
+            fontWeight: 400, // Regular weight
             fontSize: '0.75rem',
             lineHeight: 1.66,
         },
         overline: {
+            fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),
             color: '#826E5C',
-            fontWeight: 500,
+            fontWeight: 500, // Medium weight
             fontSize: '0.75rem',
             lineHeight: 2.66,
             textTransform: 'uppercase',
@@ -212,47 +222,53 @@ const ECETheme = material.createTheme({
             },
         },
         MuiCssBaseline: {
-            styleOverrides: {
-                body: {
-                    WebkitFontSmoothing: 'antialiased',
-                    MozOsxFontSmoothing: 'grayscale',
-                    backgroundColor: '#FDFCEE',
-                    color: '#4D3019',
-                },
-                'input[type="checkbox"], input[type="radio"]': {
-                    accentColor: '#FFEDD1',
-                },
-                'h1, h2, h3, h4, h5, h6': {
-                    fontWeight: 'inherit !important',
-                },
-                '.MuiTypography-h1': {
-                    fontWeight: '700 !important',
-                },
-                '.MuiTypography-h2': {
-                    fontWeight: '700 !important',
-                },
-                '.MuiTypography-h3': {
-                    fontWeight: '600 !important',
-                },
-                '.MuiTypography-h4': {
-                    fontWeight: '600 !important',
-                },
-                '.MuiTypography-h5': {
-                    fontWeight: '600 !important',
-                },
-                '.MuiTypography-h6': {
-                    fontWeight: '600 !important',
-                },
-                'a, a.MuiLink-root': {
-                    color: '#AD46FF !important',
-                    '&:hover': {
-                        color: '#AD46FF !important',
-                    },
-                    '&:visited': {
-                        color: '#652997 !important',
-                    }
-                },
-            },
+            styleOverrides: `
+        @font-face {
+          font-family: 'Tiempos Fine';
+          font-style: normal;
+          font-display: swap;
+          font-weight: 300;
+        }
+        @font-face {
+          font-family: 'ABC Monument Grotesk';
+          font-style: normal;
+          font-display: swap;
+          font-weight: 400;
+        }
+        @font-face {
+          font-family: 'ABC Monument Grotesk';
+          font-style: normal;
+          font-display: swap;
+          font-weight: 500;
+        }
+        body {
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          background-color: #FDFCEE;
+          color: #4D3019;
+        }
+        input[type="checkbox"], input[type="radio"] {
+          accent-color: #FFEDD1;
+        }
+        h1, h2, h3, h4, h5, h6 {
+          font-weight: inherit !important;
+        }
+        .MuiTypography-h1, .MuiTypography-h2 {
+          font-weight: 300 !important;
+        }
+        .MuiTypography-h3, .MuiTypography-h4, .MuiTypography-h5, .MuiTypography-h6 {
+          font-weight: 500 !important;
+        }
+        a, a.MuiLink-root {
+          color: #AD46FF !important;
+        }
+        a:hover, a.MuiLink-root:hover {
+          color: #AD46FF !important;
+        }
+        a:visited, a.MuiLink-root:visited {
+          color: #652997 !important;
+        }
+      `,
         },
     },
     appName: 'ECEDocs',

package/dist/cjs/themes/ECETheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ECETheme.js","sources":["../../../../src/themes/ECETheme.tsx"],"sourcesContent":["import { createTheme } from \"@mui/material\";\n\nconst ECETheme = createTheme({\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#AD46FF',\n      light: '#AD46FF',\n      dark: '#AD46FF',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#D79AFC',\n      light: '#D79AFC',\n      dark: '#D79AFC',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#F56B6B',\n      light: '#F56B6B',\n      dark: '#F56B6B',\n      contrastText: '#FFFFFF',\n    },\n    warning: {\n      main: '#F5D76E',\n      light: '#F5D76E',\n      dark: '#F5D76E',\n      contrastText: '#FFFBFF',\n    },\n    info: {\n      main: '#F5A623',\n      light: '#F5A623',\n      dark: '#F5A623',\n      contrastText: '#FFFFFF',\n    },\n    success: {\n      main: '#A3D977',\n      light: '#A3D977',\n      dark: '#A3D977',\n      contrastText: '#FFFFFF',\n    },\n    background: {\n      default: '#FDFCEE',\n      paper: '#FEFDF7',\n    },\n    text: {\n      primary: '#4D3019',\n      secondary: '#826E5C',\n      disabled: '#93908F',\n    },\n    divider: '#C6C7C0',\n    accent: {\n      main: '#FFEDD1',\n    },\n    dark: {\n      main: '#4D3019',\n    },\n    light: {\n      main: '#FEFDF7',\n    },\n    markedRead: {\n      main: '#A3D977',\n    },\n    custom: {\n      iconColor: '#AD46FF',\n      primaryButtonTextColor: '#FFFFFF',\n      readByBackgroundColor: '#AD46FF1a',\n      stepIndicatorTextColor: '#FFFFFF',\n      markAsReadBackgroundColor: '#AD46FF1a',\n      markAsReadBorderColor: '#AD46FF',\n      tabBackgroundColor: '#AD46FF1a',\n      statusBarBackgroundColor: '#F5C98E',\n    },\n  },\n  typography: {\n    fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\n    h1: {\n      color: '#4D3019',\n      fontWeight: 700,\n      fontSize: '2.5rem',\n      lineHeight: 1.2,\n    },\n    h2: {\n      color: '#4D3019',\n      fontWeight: 700,\n      fontSize: '2rem',\n      lineHeight: 1.3,\n    },\n    h3: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1.75rem',\n      lineHeight: 1.3,\n    },\n    h4: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1.5rem',\n      lineHeight: 1.4,\n    },\n    h5: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1.25rem',\n      lineHeight: 1.4,\n    },\n    h6: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1rem',\n      lineHeight: 1.4,\n    },\n    body1: {\n      color: '#4D3019',\n      fontWeight: 400,\n      fontSize: '1rem',\n      lineHeight: 1.5,\n    },\n    body2: {\n      color: '#826E5C',\n      fontWeight: 400,\n      fontSize: '0.875rem',\n      lineHeight: 1.5,\n    },\n    subtitle1: {\n      color: '#4D3019',\n      fontWeight: 500,\n      fontSize: '1rem',\n      lineHeight: 1.5,\n    },\n    subtitle2: {\n      color: '#826E5C',\n      fontWeight: 500,\n      fontSize: '0.875rem',\n      lineHeight: 1.5,\n    },\n    button: {\n      color: '#4D3019',\n      fontWeight: 500,\n      fontSize: '0.875rem',\n      lineHeight: 1.75,\n      textTransform: 'none',\n    },\n    caption: {\n      color: '#826E5C',\n      fontWeight: 400,\n      fontSize: '0.75rem',\n      lineHeight: 1.66,\n    },\n    overline: {\n      color: '#826E5C',\n      fontWeight: 500,\n      fontSize: '0.75rem',\n      lineHeight: 2.66,\n      textTransform: 'uppercase',\n      letterSpacing: '0.08em',\n    },\n  },\n  shape: {\n    borderRadius: 4,\n  },\n  breakpoints: {\n    values: {\n      xs: 320,\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    },\n  },\n  components: {\n    MuiLink: {\n      styleOverrides: {\n        root: {\n          color: '#AD46FF',\n          textDecorationColor: '#AD46FF',\n          '&:hover': {\n            color: '#AD46FF',\n            textDecorationColor: '#AD46FF',\n          },\n          '&:active': {\n            color: '#FFEDD1',\n          },\n          '&:visited': {\n            color: '#652997',\n          }\n        },\n        underlineAlways: {\n          color: '#AD46FF',\n          textDecorationColor: '#AD46FF',\n        }\n      },\n    },\n    MuiTypography: {\n      defaultProps: {\n        variantMapping: {\n          h1: 'h1',\n          h2: 'h2',\n          h3: 'h3',\n          h4: 'h4',\n          h5: 'h5',\n          h6: 'h6',\n          subtitle1: 'p',\n          subtitle2: 'p',\n          body1: 'p',\n          body2: 'p',\n        },\n      },\n    },\n    MuiCssBaseline: {\n      styleOverrides: {\n        body: {\n          WebkitFontSmoothing: 'antialiased',\n          MozOsxFontSmoothing: 'grayscale',\n          backgroundColor: '#FDFCEE',\n          color: '#4D3019',\n        },\n        'input[type=\"checkbox\"], input[type=\"radio\"]': {\n          accentColor: '#FFEDD1',\n        },\n        'h1, h2, h3, h4, h5, h6': {\n          fontWeight: 'inherit !important',\n        },\n        '.MuiTypography-h1': {\n          fontWeight: '700 !important',\n        },\n        '.MuiTypography-h2': {\n          fontWeight: '700 !important',\n        },\n        '.MuiTypography-h3': {\n          fontWeight: '600 !important',\n        },\n        '.MuiTypography-h4': {\n          fontWeight: '600 !important',\n        },\n        '.MuiTypography-h5': {\n          fontWeight: '600 !important',\n        },\n        '.MuiTypography-h6': {\n          fontWeight: '600 !important',\n        },\n        'a, a.MuiLink-root': {\n          color: '#AD46FF !important',\n          '&:hover': {\n            color: '#AD46FF !important',\n          },\n          '&:visited': {\n            color: '#652997 !important',\n          }\n        },\n      },\n    },\n  },\n  appName: 'ECEDocs',\n  contact: {\n    email: 'team@ecedocs.co.nz'\n  }\n});\n\nexport default ECETheme"],"names":["createTheme"],"mappings":"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"}
+{"version":3,"file":"ECETheme.js","sources":["../../../../src/themes/ECETheme.tsx"],"sourcesContent":["import { createTheme } from \"@mui/material\";\r\n\r\nconst ECETheme = createTheme({\r\n  palette: {\r\n    mode: 'light',\r\n    primary: {\r\n      main: '#AD46FF',\r\n      light: '#AD46FF',\r\n      dark: '#AD46FF',\r\n      contrastText: '#FFFFFF',\r\n    },\r\n    secondary: {\r\n      main: '#D79AFC',\r\n      light: '#D79AFC',\r\n      dark: '#D79AFC',\r\n      contrastText: '#FFFFFF',\r\n    },\r\n    error: {\r\n      main: '#F56B6B',\r\n      light: '#F56B6B',\r\n      dark: '#F56B6B',\r\n      contrastText: '#FFFFFF',\r\n    },\r\n    warning: {\r\n      main: '#F5D76E',\r\n      light: '#F5D76E',\r\n      dark: '#F5D76E',\r\n      contrastText: '#FFFBFF',\r\n    },\r\n    info: {\r\n      main: '#F5A623',\r\n      light: '#F5A623',\r\n      dark: '#F5A623',\r\n      contrastText: '#FFFFFF',\r\n    },\r\n    success: {\r\n      main: '#A3D977',\r\n      light: '#A3D977',\r\n      dark: '#A3D977',\r\n      contrastText: '#FFFFFF',\r\n    },\r\n    background: {\r\n      default: '#FDFCEE',\r\n      paper: '#FEFDF7',\r\n    },\r\n    text: {\r\n      primary: '#4D3019',\r\n      secondary: '#826E5C',\r\n      disabled: '#93908F',\r\n    },\r\n    divider: '#C6C7C0',\r\n    accent: {\r\n      main: '#FFEDD1',\r\n    },\r\n    dark: {\r\n      main: '#4D3019',\r\n    },\r\n    light: {\r\n      main: '#FEFDF7',\r\n    },\r\n    markedRead: {\r\n      main: '#A3D977',\r\n    },\r\n    custom: {\r\n      iconColor: '#AD46FF',\r\n      primaryButtonTextColor: '#FFFFFF',\r\n      readByBackgroundColor: '#AD46FF1a',\r\n      stepIndicatorTextColor: '#FFFFFF',\r\n      markAsReadBackgroundColor: '#AD46FF1a',\r\n      markAsReadBorderColor: '#AD46FF',\r\n      tabBackgroundColor: '#AD46FF1a',\r\n      statusBarBackgroundColor: '#F5C98E',\r\n    },\r\n  },\r\n  typography: {\r\n    fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\r\n    h1: {\r\n      fontFamily: ['Tiempos Fine', 'Georgia', 'serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 300, // Light weight\r\n      fontSize: '2.5rem',\r\n      lineHeight: 1.2,\r\n    },\r\n    h2: {\r\n      fontFamily: ['Tiempos Fine', 'Georgia', 'serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 300, // Light weight\r\n      fontSize: '2rem',\r\n      lineHeight: 1.3,\r\n    },\r\n    h3: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 500, // Medium weight for sub-headings\r\n      fontSize: '1.75rem',\r\n      lineHeight: 1.3,\r\n    },\r\n    h4: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 500, // Medium weight for sub-headings\r\n      fontSize: '1.5rem',\r\n      lineHeight: 1.4,\r\n    },\r\n    h5: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 500, // Medium weight for sub-headings\r\n      fontSize: '1.25rem',\r\n      lineHeight: 1.4,\r\n    },\r\n    h6: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 500, // Medium weight for sub-headings\r\n      fontSize: '1rem',\r\n      lineHeight: 1.4,\r\n    },\r\n    body1: {\r\n      color: '#4D3019',\r\n      fontWeight: 400, // Regular weight for body text\r\n      fontSize: '1rem',\r\n      lineHeight: 1.5,\r\n    },\r\n    body2: {\r\n      color: '#826E5C',\r\n      fontWeight: 400, // Regular weight for body text\r\n      fontSize: '0.875rem',\r\n      lineHeight: 1.5,\r\n    },\r\n    subtitle1: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 500, // Medium weight\r\n      fontSize: '1rem',\r\n      lineHeight: 1.5,\r\n    },\r\n    subtitle2: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#826E5C',\r\n      fontWeight: 500, // Medium weight\r\n      fontSize: '0.875rem',\r\n      lineHeight: 1.5,\r\n    },\r\n    button: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#4D3019',\r\n      fontWeight: 500, // Medium weight\r\n      fontSize: '0.875rem',\r\n      lineHeight: 1.75,\r\n      textTransform: 'none',\r\n    },\r\n    caption: {\r\n      color: '#826E5C',\r\n      fontWeight: 400, // Regular weight\r\n      fontSize: '0.75rem',\r\n      lineHeight: 1.66,\r\n    },\r\n    overline: {\r\n      fontFamily: ['ABC Monument Grotesk', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'].join(','),\r\n      color: '#826E5C',\r\n      fontWeight: 500, // Medium weight\r\n      fontSize: '0.75rem',\r\n      lineHeight: 2.66,\r\n      textTransform: 'uppercase',\r\n      letterSpacing: '0.08em',\r\n    },\r\n  },\r\n  shape: {\r\n    borderRadius: 4,\r\n  },\r\n  breakpoints: {\r\n    values: {\r\n      xs: 320,\r\n      sm: 640,\r\n      md: 768,\r\n      lg: 1024,\r\n      xl: 1280,\r\n    },\r\n  },\r\n  components: {\r\n    MuiLink: {\r\n      styleOverrides: {\r\n        root: {\r\n          color: '#AD46FF',\r\n          textDecorationColor: '#AD46FF',\r\n          '&:hover': {\r\n            color: '#AD46FF',\r\n            textDecorationColor: '#AD46FF',\r\n          },\r\n          '&:active': {\r\n            color: '#FFEDD1',\r\n          },\r\n          '&:visited': {\r\n            color: '#652997',\r\n          }\r\n        },\r\n        underlineAlways: {\r\n          color: '#AD46FF',\r\n          textDecorationColor: '#AD46FF',\r\n        }\r\n      },\r\n    },\r\n    MuiTypography: {\r\n      defaultProps: {\r\n        variantMapping: {\r\n          h1: 'h1',\r\n          h2: 'h2',\r\n          h3: 'h3',\r\n          h4: 'h4',\r\n          h5: 'h5',\r\n          h6: 'h6',\r\n          subtitle1: 'p',\r\n          subtitle2: 'p',\r\n          body1: 'p',\r\n          body2: 'p',\r\n        },\r\n      },\r\n    },\r\n    MuiCssBaseline: {\r\n      styleOverrides: `\r\n        @font-face {\r\n          font-family: 'Tiempos Fine';\r\n          font-style: normal;\r\n          font-display: swap;\r\n          font-weight: 300;\r\n        }\r\n        @font-face {\r\n          font-family: 'ABC Monument Grotesk';\r\n          font-style: normal;\r\n          font-display: swap;\r\n          font-weight: 400;\r\n        }\r\n        @font-face {\r\n          font-family: 'ABC Monument Grotesk';\r\n          font-style: normal;\r\n          font-display: swap;\r\n          font-weight: 500;\r\n        }\r\n        body {\r\n          -webkit-font-smoothing: antialiased;\r\n          -moz-osx-font-smoothing: grayscale;\r\n          background-color: #FDFCEE;\r\n          color: #4D3019;\r\n        }\r\n        input[type=\"checkbox\"], input[type=\"radio\"] {\r\n          accent-color: #FFEDD1;\r\n        }\r\n        h1, h2, h3, h4, h5, h6 {\r\n          font-weight: inherit !important;\r\n        }\r\n        .MuiTypography-h1, .MuiTypography-h2 {\r\n          font-weight: 300 !important;\r\n        }\r\n        .MuiTypography-h3, .MuiTypography-h4, .MuiTypography-h5, .MuiTypography-h6 {\r\n          font-weight: 500 !important;\r\n        }\r\n        a, a.MuiLink-root {\r\n          color: #AD46FF !important;\r\n        }\r\n        a:hover, a.MuiLink-root:hover {\r\n          color: #AD46FF !important;\r\n        }\r\n        a:visited, a.MuiLink-root:visited {\r\n          color: #652997 !important;\r\n        }\r\n      `,\r\n    },\r\n  },\r\n  appName: 'ECEDocs',\r\n  contact: {\r\n    email: 'team@ecedocs.co.nz'\r\n  }\r\n});\r\n\r\nexport default ECETheme;\r\n"],"names":["createTheme"],"mappings":"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"}