codeforlife 2.9.1 → 2.9.2

package/dist/theme/index.es.js

@@ -1,27 +1,28 @@
 import { responsiveFontSizes as x, createTheme as u, buttonClasses as O, ThemeProvider as C, Box as T } from "@mui/material";
-import { g as S, i as j, t as B, s as F, c as I } from "../index-CNtOlJ49.js";
-import { p as d, s as H, t as $, a as L } from "../palette-C_L0akN_.js";
+import { g as S, i as j, t as B, s as F, c as I } from "../index-CkM7p7f8.js";
+import { s as H, p as m, t as $, a as L } from "../palette-CYwuLBW7.js";
+import { c as G } from "../palette-CYwuLBW7.js";
 import { j as s } from "../jsx-runtime-Dpn_P65e.js";
 import { Circle as w, Hexagon as z } from "@mui/icons-material";
 const R = ({
   options: r = y,
-  withShapes: m = !1,
-  userType: p,
-  bgcolor: o,
+  withShapes: p = !1,
+  userType: d,
+  bgcolor: t,
   children: h,
   sx: v,
   ...M
 }) => {
-  let i, a, t;
-  switch (p) {
+  let i, a, o;
+  switch (d) {
     case "teacher":
-      o = o ?? L[400], i = "tertiary", a = "secondary", t = d.primary.contrastText;
+      t = t ?? L[400], i = "tertiary", a = "secondary", o = m.primary.contrastText;
       break;
     case "student":
-      o = o ?? $[500], i = "secondary", a = "primary", t = d.tertiary.contrastText;
+      t = t ?? $[500], i = "secondary", a = "primary", o = m.tertiary.contrastText;
       break;
     case "independent":
-      o = o ?? H[500], i = "primary", a = "tertiary", t = d.secondary.contrastText;
+      t = t ?? H[500], i = "primary", a = "tertiary", o = m.secondary.contrastText;
       break;
   }
   const l = {
@@ -29,16 +30,16 @@ const R = ({
     fontSize: "180px",
     position: "absolute"
   }, c = {
-    color: t,
-    textDecorationColor: t
+    color: o,
+    textDecorationColor: o
   };
-  function n(e, b, k, f = "root") {
+  function n(e, b, f, k = "root") {
     return {
       // Get the original styles.
       ...S(
         e,
-        k,
         f,
+        k,
         r.components
       ),
       // Override styles unless the class name 'no-override' is set.
@@ -96,7 +97,7 @@ const R = ({
             contained: ({ ownerState: e }) => n(
               e,
               {
-                ...p === "independent" && {
+                ...d === "independent" && {
                   backgroundColor: "white",
                   "&:hover": {
                     backgroundColor: "#f6f5f5",
@@ -108,7 +109,7 @@ const R = ({
                   },
                   [`&.${O.disabled}`]: {
                     backgroundColor: "white",
-                    color: t
+                    color: o
                   }
                 }
               },
@@ -119,9 +120,9 @@ const R = ({
               e,
               {
                 ...c,
-                border: `2px solid ${t}`,
+                border: `2px solid ${o}`,
                 "&:hover": {
-                  border: `2px solid ${t}`,
+                  border: `2px solid ${o}`,
                   backgroundColor: "transparent",
                   textDecoration: "underline"
                 }
@@ -138,7 +139,7 @@ const R = ({
             root: ({ ownerState: e }) => n(
               e,
               {
-                color: `${t} !important`
+                color: `${o} !important`
               },
               "MuiCheckbox"
             )
@@ -152,7 +153,7 @@ const R = ({
               e,
               {
                 "&.checkbox-error": {
-                  color: `${t} !important`
+                  color: `${o} !important`
                 }
               },
               "MuiSvgIcon"
@@ -167,18 +168,18 @@ const R = ({
     {
       sx: {
         ...v,
-        ...m && {
+        ...p && {
           paddingY: { xs: 2, sm: 3, md: 5 },
           paddingX: { xs: 2, sm: 5, md: 10 },
           marginX: { md: "90px" }
         },
-        bgcolor: o,
+        bgcolor: t,
         alignItems: "center",
         position: "relative"
       },
       ...M,
       children: [
-        m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        p && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
           /* @__PURE__ */ s.jsx(
             w,
             {
@@ -209,13 +210,14 @@ const R = ({
     }
   ) });
 }, y = {
-  palette: d,
+  palette: m,
   components: I,
   spacing: F,
   typography: B
 }, Y = x(u(y));
 export {
   R as ThemedBox,
+  G as colors,
   Y as default,
   y as themeOptions
 };

package/dist/theme/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../src/theme/ThemedBox.tsx","../../src/theme/index.ts"],"sourcesContent":["import {\n  Box,\n  type BoxProps,\n  type CSSObject,\n  type PaletteColor,\n  type SxProps,\n  type ThemeOptions,\n  ThemeProvider,\n  buttonClasses,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\nimport {\n  Circle as CircleIcon,\n  Hexagon as HexagonIcon,\n} from \"@mui/icons-material\"\nimport type { CommonProps } from \"@mui/material/OverridableComponent\"\nimport type React from \"react\"\n\nimport { getStyleOverrides, includesClassNames } from \"../utils/theme\"\nimport { primary, secondary, tertiary } from \"./colors\"\nimport type Components from \"./components/_components\"\nimport palette from \"./palette\"\nimport { themeOptions } from \".\"\n\nexport interface ThemedBoxProps extends BoxProps {\n  options?: ThemeOptions\n  withShapes?: boolean\n  userType: \"teacher\" | \"student\" | \"independent\"\n  bgcolor?: string\n}\n\nconst ThemedBox: React.FC<ThemedBoxProps> = ({\n  options = themeOptions,\n  withShapes = false,\n  userType,\n  bgcolor,\n  children,\n  sx,\n  ...otherBoxProps\n}) => {\n  let circleColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let hexagonColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let contrastText: string\n  switch (userType) {\n    case \"teacher\":\n      bgcolor = bgcolor ?? primary[400]\n      circleColor = \"tertiary\"\n      hexagonColor = \"secondary\"\n      contrastText = (palette.primary as PaletteColor).contrastText\n      break\n    case \"student\":\n      bgcolor = bgcolor ?? tertiary[500]\n      circleColor = \"secondary\"\n      hexagonColor = \"primary\"\n      contrastText = palette.tertiary.contrastText\n      break\n    case \"independent\":\n      bgcolor = bgcolor ?? secondary[500]\n      circleColor = \"primary\"\n      hexagonColor = \"tertiary\"\n      contrastText = (palette.secondary as PaletteColor).contrastText\n      break\n  }\n\n  const commonIconSxProps: SxProps = {\n    display: { xs: \"none\", md: \"block\" },\n    fontSize: \"180px\",\n    position: \"absolute\",\n  }\n\n  const fontStyleOverrides = {\n    color: contrastText,\n    textDecorationColor: contrastText,\n  }\n\n  function overrideStyles(\n    ownerState: CommonProps,\n    styleOverrides: CSSObject,\n    componentKey: keyof Components,\n    muiClassName: string = \"root\",\n  ): CSSObject {\n    return {\n      // Get the original styles.\n      ...getStyleOverrides(\n        ownerState,\n        componentKey,\n        muiClassName,\n        options.components,\n      ),\n      // Override styles unless the class name 'no-override' is set.\n      ...(!includesClassNames(ownerState, [\"no-override\"]) && styleOverrides),\n    }\n  }\n\n  const theme = responsiveFontSizes(\n    createTheme({\n      ...options,\n      components: {\n        ...options.components,\n        MuiTypography: {\n          ...options.components?.MuiTypography,\n          styleOverrides: {\n            ...options.components?.MuiTypography?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiTypography\",\n              ),\n          },\n        },\n        MuiFormHelperText: {\n          ...options.components?.MuiFormHelperText,\n          styleOverrides: {\n            ...options.components?.MuiFormHelperText?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiFormHelperText\",\n              ),\n          },\n        },\n        MuiLink: {\n          ...options.components?.MuiLink,\n          styleOverrides: {\n            ...options.components?.MuiLink?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiLink\",\n              ),\n          },\n        },\n        MuiButton: {\n          ...options.components?.MuiButton,\n          styleOverrides: {\n            ...options.components?.MuiButton?.styleOverrides,\n            contained: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...(userType === \"independent\" && {\n                    backgroundColor: \"white\",\n                    \"&:hover\": {\n                      backgroundColor: \"#f6f5f5\",\n                      boxShadow: [\n                        \"0px 6px 10px 0px rgba(0, 0, 0, 0.14)\",\n                        \"0px 1px 18px 0px rgba(0, 0, 0, 0.12)\",\n                        \"0px 3px 5px 0px rgba(0, 0, 0, 0.2);\",\n                      ].join(),\n                    },\n                    [`&.${buttonClasses.disabled}`]: {\n                      backgroundColor: \"white\",\n                      color: contrastText,\n                    },\n                  }),\n                },\n                \"MuiButton\",\n                \"contained\",\n              ),\n            outlined: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                  border: `2px solid ${contrastText}`,\n                  \"&:hover\": {\n                    border: `2px solid ${contrastText}`,\n                    backgroundColor: \"transparent\",\n                    textDecoration: \"underline\",\n                  },\n                },\n                \"MuiButton\",\n                \"outlined\",\n              ),\n          },\n        },\n        MuiCheckbox: {\n          ...options.components?.MuiCheckbox,\n          styleOverrides: {\n            ...options.components?.MuiCheckbox?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  color: `${contrastText} !important`,\n                },\n                \"MuiCheckbox\",\n              ),\n          },\n        },\n        MuiSvgIcon: {\n          ...options.components?.MuiSvgIcon,\n          styleOverrides: {\n            ...options.components?.MuiSvgIcon?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  \"&.checkbox-error\": {\n                    color: `${contrastText} !important`,\n                  },\n                },\n                \"MuiSvgIcon\",\n              ),\n          },\n        },\n      },\n    }),\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box\n        sx={{\n          ...sx,\n          ...(withShapes && {\n            paddingY: { xs: 2, sm: 3, md: 5 },\n            paddingX: { xs: 2, sm: 5, md: 10 },\n            marginX: { md: \"90px\" },\n          }),\n          bgcolor,\n          alignItems: \"center\",\n          position: \"relative\",\n        }}\n        {...otherBoxProps}\n      >\n        {withShapes && (\n          <>\n            <CircleIcon\n              color={circleColor}\n              sx={{\n                ...commonIconSxProps,\n                top: \"5%\",\n                left: \"0%\",\n                transform: \"translate(-60%, 0%)\",\n              }}\n            />\n            <HexagonIcon\n              color={hexagonColor}\n              sx={{\n                ...commonIconSxProps,\n                bottom: \"5%\",\n                right: \"0%\",\n                transform: \"translate(60%, 0%) rotate(90deg)\",\n              }}\n            />\n          </>\n        )}\n        {children}\n      </Box>\n    </ThemeProvider>\n  )\n}\n\nexport default ThemedBox\n","import {\n  type ThemeOptions,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\n\nimport components from \"./components\"\nimport palette from \"./palette\"\nimport spacing from \"./spacing\"\nimport typography from \"./typography\"\n\nexport * from \"./palette\"\nexport * from \"./ThemedBox\"\nexport { default as ThemedBox } from \"./ThemedBox\"\n\nexport const themeOptions: ThemeOptions = {\n  palette,\n  components,\n  spacing,\n  typography,\n}\n\nconst theme = responsiveFontSizes(createTheme(themeOptions))\n\nexport default theme\n"],"names":["ThemedBox","options","themeOptions","withShapes","userType","bgcolor","children","sx","otherBoxProps","circleColor","hexagonColor","contrastText","primary","palette","tertiary","secondary","commonIconSxProps","fontStyleOverrides","overrideStyles","ownerState","styleOverrides","componentKey","muiClassName","getStyleOverrides","includesClassNames","theme","responsiveFontSizes","createTheme","buttonClasses","jsx","ThemeProvider","jsxs","Box","Fragment","CircleIcon","HexagonIcon","components","spacing","typography"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../src/theme/ThemedBox.tsx","../../src/theme/index.ts"],"sourcesContent":["import {\n  Box,\n  type BoxProps,\n  type CSSObject,\n  type PaletteColor,\n  type SxProps,\n  type ThemeOptions,\n  ThemeProvider,\n  buttonClasses,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\nimport {\n  Circle as CircleIcon,\n  Hexagon as HexagonIcon,\n} from \"@mui/icons-material\"\nimport type { CommonProps } from \"@mui/material/OverridableComponent\"\nimport type React from \"react\"\n\nimport { getStyleOverrides, includesClassNames } from \"../utils/theme\"\nimport { primary, secondary, tertiary } from \"./colors\"\nimport type Components from \"./components/_components\"\nimport palette from \"./palette\"\nimport { themeOptions } from \".\"\n\nexport interface ThemedBoxProps extends BoxProps {\n  options?: ThemeOptions\n  withShapes?: boolean\n  userType: \"teacher\" | \"student\" | \"independent\"\n  bgcolor?: string\n}\n\nconst ThemedBox: React.FC<ThemedBoxProps> = ({\n  options = themeOptions,\n  withShapes = false,\n  userType,\n  bgcolor,\n  children,\n  sx,\n  ...otherBoxProps\n}) => {\n  let circleColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let hexagonColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let contrastText: string\n  switch (userType) {\n    case \"teacher\":\n      bgcolor = bgcolor ?? primary[400]\n      circleColor = \"tertiary\"\n      hexagonColor = \"secondary\"\n      contrastText = (palette.primary as PaletteColor).contrastText\n      break\n    case \"student\":\n      bgcolor = bgcolor ?? tertiary[500]\n      circleColor = \"secondary\"\n      hexagonColor = \"primary\"\n      contrastText = palette.tertiary.contrastText\n      break\n    case \"independent\":\n      bgcolor = bgcolor ?? secondary[500]\n      circleColor = \"primary\"\n      hexagonColor = \"tertiary\"\n      contrastText = (palette.secondary as PaletteColor).contrastText\n      break\n  }\n\n  const commonIconSxProps: SxProps = {\n    display: { xs: \"none\", md: \"block\" },\n    fontSize: \"180px\",\n    position: \"absolute\",\n  }\n\n  const fontStyleOverrides = {\n    color: contrastText,\n    textDecorationColor: contrastText,\n  }\n\n  function overrideStyles(\n    ownerState: CommonProps,\n    styleOverrides: CSSObject,\n    componentKey: keyof Components,\n    muiClassName: string = \"root\",\n  ): CSSObject {\n    return {\n      // Get the original styles.\n      ...getStyleOverrides(\n        ownerState,\n        componentKey,\n        muiClassName,\n        options.components,\n      ),\n      // Override styles unless the class name 'no-override' is set.\n      ...(!includesClassNames(ownerState, [\"no-override\"]) && styleOverrides),\n    }\n  }\n\n  const theme = responsiveFontSizes(\n    createTheme({\n      ...options,\n      components: {\n        ...options.components,\n        MuiTypography: {\n          ...options.components?.MuiTypography,\n          styleOverrides: {\n            ...options.components?.MuiTypography?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiTypography\",\n              ),\n          },\n        },\n        MuiFormHelperText: {\n          ...options.components?.MuiFormHelperText,\n          styleOverrides: {\n            ...options.components?.MuiFormHelperText?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiFormHelperText\",\n              ),\n          },\n        },\n        MuiLink: {\n          ...options.components?.MuiLink,\n          styleOverrides: {\n            ...options.components?.MuiLink?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiLink\",\n              ),\n          },\n        },\n        MuiButton: {\n          ...options.components?.MuiButton,\n          styleOverrides: {\n            ...options.components?.MuiButton?.styleOverrides,\n            contained: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...(userType === \"independent\" && {\n                    backgroundColor: \"white\",\n                    \"&:hover\": {\n                      backgroundColor: \"#f6f5f5\",\n                      boxShadow: [\n                        \"0px 6px 10px 0px rgba(0, 0, 0, 0.14)\",\n                        \"0px 1px 18px 0px rgba(0, 0, 0, 0.12)\",\n                        \"0px 3px 5px 0px rgba(0, 0, 0, 0.2);\",\n                      ].join(),\n                    },\n                    [`&.${buttonClasses.disabled}`]: {\n                      backgroundColor: \"white\",\n                      color: contrastText,\n                    },\n                  }),\n                },\n                \"MuiButton\",\n                \"contained\",\n              ),\n            outlined: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                  border: `2px solid ${contrastText}`,\n                  \"&:hover\": {\n                    border: `2px solid ${contrastText}`,\n                    backgroundColor: \"transparent\",\n                    textDecoration: \"underline\",\n                  },\n                },\n                \"MuiButton\",\n                \"outlined\",\n              ),\n          },\n        },\n        MuiCheckbox: {\n          ...options.components?.MuiCheckbox,\n          styleOverrides: {\n            ...options.components?.MuiCheckbox?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  color: `${contrastText} !important`,\n                },\n                \"MuiCheckbox\",\n              ),\n          },\n        },\n        MuiSvgIcon: {\n          ...options.components?.MuiSvgIcon,\n          styleOverrides: {\n            ...options.components?.MuiSvgIcon?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  \"&.checkbox-error\": {\n                    color: `${contrastText} !important`,\n                  },\n                },\n                \"MuiSvgIcon\",\n              ),\n          },\n        },\n      },\n    }),\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box\n        sx={{\n          ...sx,\n          ...(withShapes && {\n            paddingY: { xs: 2, sm: 3, md: 5 },\n            paddingX: { xs: 2, sm: 5, md: 10 },\n            marginX: { md: \"90px\" },\n          }),\n          bgcolor,\n          alignItems: \"center\",\n          position: \"relative\",\n        }}\n        {...otherBoxProps}\n      >\n        {withShapes && (\n          <>\n            <CircleIcon\n              color={circleColor}\n              sx={{\n                ...commonIconSxProps,\n                top: \"5%\",\n                left: \"0%\",\n                transform: \"translate(-60%, 0%)\",\n              }}\n            />\n            <HexagonIcon\n              color={hexagonColor}\n              sx={{\n                ...commonIconSxProps,\n                bottom: \"5%\",\n                right: \"0%\",\n                transform: \"translate(60%, 0%) rotate(90deg)\",\n              }}\n            />\n          </>\n        )}\n        {children}\n      </Box>\n    </ThemeProvider>\n  )\n}\n\nexport default ThemedBox\n","import {\n  type ThemeOptions,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\n\nimport components from \"./components\"\nimport palette from \"./palette\"\nimport spacing from \"./spacing\"\nimport typography from \"./typography\"\n\nexport * as colors from \"./colors\"\nexport * from \"./palette\"\nexport * from \"./ThemedBox\"\nexport { default as ThemedBox } from \"./ThemedBox\"\n\nexport const themeOptions: ThemeOptions = {\n  palette,\n  components,\n  spacing,\n  typography,\n}\n\nconst theme = responsiveFontSizes(createTheme(themeOptions))\n\nexport default theme\n"],"names":["ThemedBox","options","themeOptions","withShapes","userType","bgcolor","children","sx","otherBoxProps","circleColor","hexagonColor","contrastText","primary","palette","tertiary","secondary","commonIconSxProps","fontStyleOverrides","overrideStyles","ownerState","styleOverrides","componentKey","muiClassName","getStyleOverrides","includesClassNames","theme","responsiveFontSizes","createTheme","buttonClasses","jsx","ThemeProvider","jsxs","Box","Fragment","CircleIcon","HexagonIcon","components","spacing","typography"],"mappings":"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"}

package/dist/utils/router.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react-router-dom");require("../jsx-runtime-CeSfJrVB.cjs");require("react");require("@mui/icons-material");require("@mui/material");require("../palette-CE2mKYse.cjs");require("../auth-Vf1MgMci.cjs");function q(e,o={}){function c(r,g,t){typeof r.__=="object"&&(t=t?{...t,...r.__}:r.__);const _=typeof e=="string"&&t?l.generatePath(e,t):e;Object.entries(r).forEach(([u,i])=>{if(u!=="__")if(i=i,typeof i=="string"){if(typeof _=="string"&&(!g||u!=="_")){let n=_+i;n.endsWith("/")&&(n=n.slice(0,-1)),r[u]=n}}else c(i,!1,t)})}const f={...o,_:typeof e=="string"?e:"",__:e};return e===""?f._="/":c(f,!0),f}function s(e,o){return e.__[o]}exports.getParam=s;exports.path=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react-router-dom");require("../jsx-runtime-CeSfJrVB.cjs");require("react");require("@mui/icons-material");require("@mui/material");require("../palette-BnIdHKDE.cjs");require("../auth-DjC4nR_8.cjs");function q(e,o={}){function c(r,g,t){typeof r.__=="object"&&(t=t?{...t,...r.__}:r.__);const _=typeof e=="string"&&t?l.generatePath(e,t):e;Object.entries(r).forEach(([u,i])=>{if(u!=="__")if(i=i,typeof i=="string"){if(typeof _=="string"&&(!g||u!=="_")){let n=_+i;n.endsWith("/")&&(n=n.slice(0,-1)),r[u]=n}}else c(i,!1,t)})}const f={...o,_:typeof e=="string"?e:"",__:e};return e===""?f._="/":c(f,!0),f}function s(e,o){return e.__[o]}exports.getParam=s;exports.path=q;
 //# sourceMappingURL=router.cjs.js.map

package/dist/utils/router.es.js

@@ -3,8 +3,8 @@ import "../jsx-runtime-Dpn_P65e.js";
 import "react";
 import "@mui/icons-material";
 import "@mui/material";
-import "../palette-C_L0akN_.js";
-import "../auth-BPfUPjmM.js";
+import "../palette-CYwuLBW7.js";
+import "../auth-C9qgLRQ4.js";
 function x(t, n = {}) {
   function c(i, l, e) {
     typeof i.__ == "object" && (e = e ? { ...e, ...i.__ } : i.__);

package/dist/utils/theme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../jsx-runtime-CeSfJrVB.cjs");require("@mui/material");require("react");const e=require("../index-B_Zy_zwA.cjs");exports.getClassNames=e.getClassNames;exports.getStyleOverrides=e.getStyleOverrides;exports.includesClassNames=e.includesClassNames;exports.insertDividerBetweenElements=e.insertDividerBetweenElements;exports.matchClassNames=e.matchClassNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../jsx-runtime-CeSfJrVB.cjs");require("@mui/material");require("react");const e=require("../index-DZ7ETsOg.cjs");exports.getClassNames=e.getClassNames;exports.getStyleOverrides=e.getStyleOverrides;exports.includesClassNames=e.includesClassNames;exports.insertDividerBetweenElements=e.insertDividerBetweenElements;exports.matchClassNames=e.matchClassNames;
 //# sourceMappingURL=theme.cjs.js.map

package/dist/utils/theme.es.js

@@ -1,7 +1,7 @@
 import "../jsx-runtime-Dpn_P65e.js";
 import "@mui/material";
 import "react";
-import { b as i, g as r, i as l, a as o, m as n } from "../index-CNtOlJ49.js";
+import { b as i, g as r, i as l, a as o, m as n } from "../index-CkM7p7f8.js";
 export {
   i as getClassNames,
   r as getStyleOverrides,

package/package.json

@@ -2,7 +2,7 @@
   "name": "codeforlife",
   "description": "Common frontend code",
   "private": false,
-  "version": "2.9.1",
+  "version": "2.9.2",
   "type": "module",
   "types": "dist/index.d.ts",
   "module": "dist/index.es.js",

package/dist/palette-CE2mKYse.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("@mui/material"),a={500:"#E0004D",400:"#EE0857",300:"#FA1664"},c={500:"#F6BE00"},n={500:"#00A3E0"},{palette:{augmentColor:t}}=i.createTheme(),r={main:a[500],contrastText:"#fff"},e={main:n[500],contrastText:"#fff"},o={main:c[500],contrastText:"#000"},s={primary:r,teacher:t({color:r}),secondary:o,indy:t({color:o}),tertiary:t({color:e}),student:t({color:e}),white:t({color:{main:"#fff"}}),black:t({color:{main:"#000"}}),info:{main:"#f1ecec"},error:{main:"#d50000"}};exports.palette=s;exports.primary=a;exports.secondary=c;exports.tertiary=n;
-//# sourceMappingURL=palette-CE2mKYse.cjs.map

package/dist/palette-C_L0akN_.js

@@ -1,43 +0,0 @@
-import { createTheme as e } from "@mui/material";
-const n = {
-  500: "#E0004D",
-  400: "#EE0857",
-  300: "#FA1664"
-}, c = {
-  500: "#F6BE00"
-}, s = {
-  500: "#00A3E0"
-}, {
-  palette: { augmentColor: t }
-} = e(), o = {
-  main: n[500],
-  contrastText: "#fff"
-}, r = {
-  main: s[500],
-  contrastText: "#fff"
-}, a = {
-  main: c[500],
-  contrastText: "#000"
-}, m = {
-  // primary / teacher
-  primary: o,
-  teacher: t({ color: o }),
-  // secondary / indy
-  secondary: a,
-  indy: t({ color: a }),
-  // tertiary / student
-  tertiary: t({ color: r }),
-  student: t({ color: r }),
-  // other
-  white: t({ color: { main: "#fff" } }),
-  black: t({ color: { main: "#000" } }),
-  info: { main: "#f1ecec" },
-  error: { main: "#d50000" }
-};
-export {
-  n as a,
-  m as p,
-  c as s,
-  s as t
-};
-//# sourceMappingURL=palette-C_L0akN_.js.map