@xyo-network/react-theme 7.4.2 → 7.5.1

package/dist/browser/index.mjs

@@ -1,6 +1,17 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/fontFamily.ts
-var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
-var fontFamilyOs = ["Manrope", "Roboto", "sans-serif"].join(",");
+var fontFamilyPrimary = [
+  "Lexend Deca",
+  "Helvetica",
+  "sans-serif"
+].join(",");
+var fontFamilyOs = [
+  "Manrope",
+  "Roboto",
+  "sans-serif"
+].join(",");
 
 // src/themeOptions.ts
 var components = {
@@ -23,8 +34,16 @@ var components = {
     }
   },
   MuiLink: {
-    defaultProps: { underline: "none" },
-    styleOverrides: { root: { "&:hover": { filter: "brightness(75%)" } } }
+    defaultProps: {
+      underline: "none"
+    },
+    styleOverrides: {
+      root: {
+        "&:hover": {
+          filter: "brightness(75%)"
+        }
+      }
+    }
   },
   MuiTableCell: {
     styleOverrides: {
@@ -40,8 +59,12 @@ var components = {
   }
 };
 var typography = {
-  body1: { lineHeight: 1.57 },
-  body2: { lineHeight: 1.57 },
+  body1: {
+    lineHeight: 1.57
+  },
+  body2: {
+    lineHeight: 1.57
+  },
   button: {
     fontSize: "1rem",
     textTransform: "inherit"
@@ -63,15 +86,27 @@ var typography = {
     fontFamily: fontFamilyPrimary,
     fontSize: "2.24rem"
   },
-  h4: { fontSize: "2rem" },
-  h5: { fontSize: "1.5rem" },
-  h6: { fontSize: "1.1rem" },
-  subtitle1: { opacity: "70%" },
-  subtitle2: { opacity: "70%" }
+  h4: {
+    fontSize: "2rem"
+  },
+  h5: {
+    fontSize: "1.5rem"
+  },
+  h6: {
+    fontSize: "1.1rem"
+  },
+  subtitle1: {
+    opacity: "70%"
+  },
+  subtitle2: {
+    opacity: "70%"
+  }
 };
 var themeOptions = {
   components,
-  shape: { borderRadius: 8 },
+  shape: {
+    borderRadius: 8
+  },
   spacing: 16,
   typography
 };
@@ -81,7 +116,7 @@ var partialAppThemeOptions = {
   components: {
     MuiTypography: {
       styleOverrides: {
-        root: ({ ownerState }) => {
+        root: /* @__PURE__ */ __name(({ ownerState }) => {
           const { clamped } = ownerState;
           if (clamped) {
             const maxWidth = Number.parseInt(clamped, 10);
@@ -92,18 +127,23 @@ var partialAppThemeOptions = {
               width: `clamp(1%, 100%, ${maxWidth}px)`
             };
           }
-        }
+        }, "root")
       }
     }
   },
   spacing: 8
 };
-var appThemeOptions = { ...themeOptions, ...partialAppThemeOptions };
+var appThemeOptions = {
+  ...themeOptions,
+  ...partialAppThemeOptions
+};
 
 // src/OsTheme/Components.tsx
 var components2 = {
   MuiCard: {
-    defaultProps: { elevation: 0 },
+    defaultProps: {
+      elevation: 0
+    },
     styleOverrides: {
       root: {
         display: "flex",
@@ -122,10 +162,22 @@ var components2 = {
     }
   },
   MuiLink: {
-    defaultProps: { underline: "none" },
-    styleOverrides: { root: { "&:hover": { filter: "brightness(75%)" } } }
+    defaultProps: {
+      underline: "none"
+    },
+    styleOverrides: {
+      root: {
+        "&:hover": {
+          filter: "brightness(75%)"
+        }
+      }
+    }
+  },
+  MuiPaper: {
+    defaultProps: {
+      elevation: 0
+    }
   },
-  MuiPaper: { defaultProps: { elevation: 0 } },
   MuiTableCell: {
     styleOverrides: {
       body: {
@@ -142,8 +194,12 @@ var components2 = {
 
 // src/OsTheme/Typography.tsx
 var typography2 = {
-  body1: { lineHeight: 1.57 },
-  body2: { lineHeight: 1.57 },
+  body1: {
+    lineHeight: 1.57
+  },
+  body2: {
+    lineHeight: 1.57
+  },
   button: {
     fontSize: "1rem",
     textTransform: "inherit"
@@ -153,14 +209,30 @@ var typography2 = {
   fontWeightLight: 300,
   fontWeightMedium: 600,
   fontWeightRegular: 500,
-  h1: { fontSize: "4rem" },
-  h2: { fontSize: "2.4rem" },
-  h3: { fontSize: "2.24rem" },
-  h4: { fontSize: "2rem" },
-  h5: { fontSize: "1.5rem" },
-  h6: { fontSize: "1.1rem" },
-  subtitle1: { opacity: "70%" },
-  subtitle2: { opacity: "70%" }
+  h1: {
+    fontSize: "4rem"
+  },
+  h2: {
+    fontSize: "2.4rem"
+  },
+  h3: {
+    fontSize: "2.24rem"
+  },
+  h4: {
+    fontSize: "2rem"
+  },
+  h5: {
+    fontSize: "1.5rem"
+  },
+  h6: {
+    fontSize: "1.1rem"
+  },
+  subtitle1: {
+    opacity: "70%"
+  },
+  subtitle2: {
+    opacity: "70%"
+  }
 };
 
 // src/OsTheme/DarkMode.tsx
@@ -169,10 +241,16 @@ var palette = {
     default: "#141319",
     paper: "#1C1B20"
   },
-  error: { main: "#ffb4ab" },
+  error: {
+    main: "#ffb4ab"
+  },
   mode: "dark",
-  primary: { main: "#C9BFFA" },
-  secondary: { main: "#C9C3DA" },
+  primary: {
+    main: "#C9BFFA"
+  },
+  secondary: {
+    main: "#C9C3DA"
+  },
   text: {
     primary: "#100029",
     secondary: "#212023"
@@ -181,7 +259,9 @@ var palette = {
 var osThemeOptionsDarkMode = {
   components: components2,
   palette,
-  shape: { borderRadius: 10 },
+  shape: {
+    borderRadius: 10
+  },
   spacing: 16,
   typography: typography2
 };
@@ -192,10 +272,16 @@ var palette2 = {
     default: "#FFFFFF",
     paper: "#F6F4ED"
   },
-  error: { main: "#BA1A1A" },
+  error: {
+    main: "#BA1A1A"
+  },
   mode: "light",
-  primary: { main: "#100029" },
-  secondary: { main: "#A060E0" },
+  primary: {
+    main: "#100029"
+  },
+  secondary: {
+    main: "#A060E0"
+  },
   text: {
     primary: "#100029",
     secondary: "#212023"
@@ -204,17 +290,28 @@ var palette2 = {
 var osThemeOptionsLightMode = {
   components: components2,
   palette: palette2,
-  shape: { borderRadius: 10 },
+  shape: {
+    borderRadius: 10
+  },
   spacing: 16,
   typography: typography2
 };
 
 // src/OsTheme/osThemeOptions.tsx
-var osThemeOptions = { ...osThemeOptionsDarkMode, ...osThemeOptionsLightMode };
+var osThemeOptions = {
+  ...osThemeOptionsDarkMode,
+  ...osThemeOptionsLightMode
+};
 
 // src/partialDarkThemeOptions.tsx
 import { darken } from "@mui/material";
-var appComponents = { MuiPaper: { defaultProps: { variant: "elevation" } } };
+var appComponents = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "elevation"
+    }
+  }
+};
 var partialDarkThemeOptions = {
   palette: {
     background: {
@@ -222,23 +319,38 @@ var partialDarkThemeOptions = {
       paper: "#171626"
     },
     mode: "dark",
-    primary: { main: "#9993F5" },
-    secondary: { main: "#8EC8FF" }
+    primary: {
+      main: "#9993F5"
+    },
+    secondary: {
+      main: "#8EC8FF"
+    }
   }
 };
-var partialAppDarkThemeOptions = { ...partialDarkThemeOptions, components: appComponents };
+var partialAppDarkThemeOptions = {
+  ...partialDarkThemeOptions,
+  components: appComponents
+};
 
 // src/partialLightThemeOptions.tsx
 var partialLightThemeOptions = {
   palette: {
-    primary: { main: "#1f1a66" },
-    secondary: { main: "#0f68c9" }
+    primary: {
+      main: "#1f1a66"
+    },
+    secondary: {
+      main: "#0f68c9"
+    }
   }
 };
-var partialAppLightThemeOptions = { ...partialLightThemeOptions };
+var partialAppLightThemeOptions = {
+  ...partialLightThemeOptions
+};
 
 // src/webThemeOptions.tsx
-var webThemeOptions = { ...themeOptions };
+var webThemeOptions = {
+  ...themeOptions
+};
 export {
   appThemeOptions,
   components,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/appThemeOptions.tsx","../../src/OsTheme/Components.tsx","../../src/OsTheme/Typography.tsx","../../src/OsTheme/DarkMode.tsx","../../src/OsTheme/LightMode.tsx","../../src/OsTheme/osThemeOptions.tsx","../../src/partialDarkThemeOptions.tsx","../../src/partialLightThemeOptions.tsx","../../src/webThemeOptions.tsx"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\nexport const fontFamilyOs = ['Manrope', 'Roboto', 'sans-serif'].join(',')\n","import type { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyPrimary } from './fontFamily.ts'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    styleOverrides: {\n      root: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      content: {\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: { underline: 'none' },\n    styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },\n  },\n  MuiTableCell: {\n    styleOverrides: {\n      body: {\n        fontFamily: 'monospace',\n        whiteSpace: 'nowrap',\n      },\n      head: {\n        fontWeight: 700,\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n}\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: { lineHeight: 1.57 },\n  body2: { lineHeight: 1.57 },\n  button: {\n    fontSize: '1rem',\n    textTransform: 'inherit',\n  },\n  fontFamily: fontFamilyPrimary,\n  fontWeightBold: 700,\n  fontWeightLight: 200,\n  fontWeightMedium: 300,\n  fontWeightRegular: 400,\n  h1: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '4rem',\n  },\n  h2: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.4rem',\n  },\n  h3: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.24rem',\n  },\n  h4: { fontSize: '2rem' },\n  h5: { fontSize: '1.5rem' },\n  h6: { fontSize: '1.1rem' },\n  subtitle1: { opacity: '70%' },\n  subtitle2: { opacity: '70%' },\n}\n\nexport const themeOptions: ThemeOptions = {\n  components,\n  shape: { borderRadius: 8 },\n  spacing: 16,\n  typography,\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { themeOptions } from './themeOptions.ts'\n\nconst partialAppThemeOptions: ThemeOptions = {\n  components: {\n    MuiTypography: {\n      styleOverrides: {\n        root: ({ ownerState }) => {\n          const { clamped } = ownerState\n\n          if (clamped) {\n            const maxWidth = Number.parseInt(clamped as string, 10)\n\n            return {\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n              width: `clamp(1%, 100%, ${maxWidth}px)`,\n            }\n          }\n        },\n      },\n    },\n  },\n  spacing: 8,\n}\n\nexport const appThemeOptions: ThemeOptions = { ...themeOptions, ...partialAppThemeOptions }\n","import type { ThemeOptions } from '@mui/material'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    defaultProps: { elevation: 0 },\n    styleOverrides: {\n      root: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      content: {\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: { underline: 'none' },\n    styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },\n  },\n  MuiPaper: { defaultProps: { elevation: 0 } },\n  MuiTableCell: {\n    styleOverrides: {\n      body: {\n        fontFamily: 'monospace',\n        whiteSpace: 'nowrap',\n      },\n      head: {\n        fontWeight: 700,\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyOs } from '../fontFamily.ts'\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: { lineHeight: 1.57 },\n  body2: { lineHeight: 1.57 },\n  button: {\n    fontSize: '1rem',\n    textTransform: 'inherit',\n  },\n  fontFamily: fontFamilyOs,\n  fontWeightBold: 700,\n  fontWeightLight: 300,\n  fontWeightMedium: 600,\n  fontWeightRegular: 500,\n  h1: { fontSize: '4rem' },\n  h2: { fontSize: '2.4rem' },\n  h3: { fontSize: '2.24rem' },\n  h4: { fontSize: '2rem' },\n  h5: { fontSize: '1.5rem' },\n  h6: { fontSize: '1.1rem' },\n  subtitle1: { opacity: '70%' },\n  subtitle2: { opacity: '70%' },\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components.tsx'\nimport { typography } from './Typography.tsx'\n\nconst palette: ThemeOptions['palette'] = {\n  background: {\n    default: '#141319',\n    paper: '#1C1B20',\n  },\n  error: { main: '#ffb4ab' },\n  mode: 'dark',\n  primary: { main: '#C9BFFA' },\n  secondary: { main: '#C9C3DA' },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsDarkMode: ThemeOptions = {\n  components,\n  palette,\n  shape: { borderRadius: 10 },\n  spacing: 16,\n  typography,\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components.tsx'\nimport { typography } from './Typography.tsx'\n\nconst palette: ThemeOptions['palette'] = {\n  background: {\n    default: '#FFFFFF',\n    paper: '#F6F4ED',\n  },\n  error: { main: '#BA1A1A' },\n  mode: 'light',\n  primary: { main: '#100029' },\n  secondary: { main: '#A060E0' },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsLightMode: ThemeOptions = {\n  components,\n  palette,\n  shape: { borderRadius: 10 },\n  spacing: 16,\n  typography,\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { osThemeOptionsDarkMode } from './DarkMode.tsx'\nimport { osThemeOptionsLightMode } from './LightMode.tsx'\n\nexport const osThemeOptions: ThemeOptions = { ...osThemeOptionsDarkMode, ...osThemeOptionsLightMode }\n","import type { ThemeOptions } from '@mui/material'\nimport { darken } from '@mui/material'\n\nconst appComponents: ThemeOptions['components'] = { MuiPaper: { defaultProps: { variant: 'elevation' } } }\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: { main: '#9993F5' },\n    secondary: { main: '#8EC8FF' },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = { ...partialDarkThemeOptions, components: appComponents }\n","import type { ThemeOptions } from '@mui/material'\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    primary: { main: '#1f1a66' },\n    secondary: { main: '#0f68c9' },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = { ...partialLightThemeOptions }\n","import type { ThemeOptions } from '@mui/material'\n\nimport { themeOptions } from './themeOptions.ts'\n\nexport const webThemeOptions: ThemeOptions = { ...themeOptions }\n"],"mappings":"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","names":["components","typography","components","typography","palette","components","typography"]}
+{"version":3,"sources":["../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/appThemeOptions.tsx","../../src/OsTheme/Components.tsx","../../src/OsTheme/Typography.tsx","../../src/OsTheme/DarkMode.tsx","../../src/OsTheme/LightMode.tsx","../../src/OsTheme/osThemeOptions.tsx","../../src/partialDarkThemeOptions.tsx","../../src/partialLightThemeOptions.tsx","../../src/webThemeOptions.tsx"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\nexport const fontFamilyOs = ['Manrope', 'Roboto', 'sans-serif'].join(',')\n","import type { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyPrimary } from './fontFamily.ts'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    styleOverrides: {\n      root: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      content: {\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: { underline: 'none' },\n    styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },\n  },\n  MuiTableCell: {\n    styleOverrides: {\n      body: {\n        fontFamily: 'monospace',\n        whiteSpace: 'nowrap',\n      },\n      head: {\n        fontWeight: 700,\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n}\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: { lineHeight: 1.57 },\n  body2: { lineHeight: 1.57 },\n  button: {\n    fontSize: '1rem',\n    textTransform: 'inherit',\n  },\n  fontFamily: fontFamilyPrimary,\n  fontWeightBold: 700,\n  fontWeightLight: 200,\n  fontWeightMedium: 300,\n  fontWeightRegular: 400,\n  h1: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '4rem',\n  },\n  h2: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.4rem',\n  },\n  h3: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.24rem',\n  },\n  h4: { fontSize: '2rem' },\n  h5: { fontSize: '1.5rem' },\n  h6: { fontSize: '1.1rem' },\n  subtitle1: { opacity: '70%' },\n  subtitle2: { opacity: '70%' },\n}\n\nexport const themeOptions: ThemeOptions = {\n  components,\n  shape: { borderRadius: 8 },\n  spacing: 16,\n  typography,\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { themeOptions } from './themeOptions.ts'\n\nconst partialAppThemeOptions: ThemeOptions = {\n  components: {\n    MuiTypography: {\n      styleOverrides: {\n        root: ({ ownerState }) => {\n          const { clamped } = ownerState\n\n          if (clamped) {\n            const maxWidth = Number.parseInt(clamped as string, 10)\n\n            return {\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n              width: `clamp(1%, 100%, ${maxWidth}px)`,\n            }\n          }\n        },\n      },\n    },\n  },\n  spacing: 8,\n}\n\nexport const appThemeOptions: ThemeOptions = { ...themeOptions, ...partialAppThemeOptions }\n","import type { ThemeOptions } from '@mui/material'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    defaultProps: { elevation: 0 },\n    styleOverrides: {\n      root: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      content: {\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: { underline: 'none' },\n    styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },\n  },\n  MuiPaper: { defaultProps: { elevation: 0 } },\n  MuiTableCell: {\n    styleOverrides: {\n      body: {\n        fontFamily: 'monospace',\n        whiteSpace: 'nowrap',\n      },\n      head: {\n        fontWeight: 700,\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyOs } from '../fontFamily.ts'\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: { lineHeight: 1.57 },\n  body2: { lineHeight: 1.57 },\n  button: {\n    fontSize: '1rem',\n    textTransform: 'inherit',\n  },\n  fontFamily: fontFamilyOs,\n  fontWeightBold: 700,\n  fontWeightLight: 300,\n  fontWeightMedium: 600,\n  fontWeightRegular: 500,\n  h1: { fontSize: '4rem' },\n  h2: { fontSize: '2.4rem' },\n  h3: { fontSize: '2.24rem' },\n  h4: { fontSize: '2rem' },\n  h5: { fontSize: '1.5rem' },\n  h6: { fontSize: '1.1rem' },\n  subtitle1: { opacity: '70%' },\n  subtitle2: { opacity: '70%' },\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components.tsx'\nimport { typography } from './Typography.tsx'\n\nconst palette: ThemeOptions['palette'] = {\n  background: {\n    default: '#141319',\n    paper: '#1C1B20',\n  },\n  error: { main: '#ffb4ab' },\n  mode: 'dark',\n  primary: { main: '#C9BFFA' },\n  secondary: { main: '#C9C3DA' },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsDarkMode: ThemeOptions = {\n  components,\n  palette,\n  shape: { borderRadius: 10 },\n  spacing: 16,\n  typography,\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components.tsx'\nimport { typography } from './Typography.tsx'\n\nconst palette: ThemeOptions['palette'] = {\n  background: {\n    default: '#FFFFFF',\n    paper: '#F6F4ED',\n  },\n  error: { main: '#BA1A1A' },\n  mode: 'light',\n  primary: { main: '#100029' },\n  secondary: { main: '#A060E0' },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsLightMode: ThemeOptions = {\n  components,\n  palette,\n  shape: { borderRadius: 10 },\n  spacing: 16,\n  typography,\n}\n","import type { ThemeOptions } from '@mui/material'\n\nimport { osThemeOptionsDarkMode } from './DarkMode.tsx'\nimport { osThemeOptionsLightMode } from './LightMode.tsx'\n\nexport const osThemeOptions: ThemeOptions = { ...osThemeOptionsDarkMode, ...osThemeOptionsLightMode }\n","import type { ThemeOptions } from '@mui/material'\nimport { darken } from '@mui/material'\n\nconst appComponents: ThemeOptions['components'] = { MuiPaper: { defaultProps: { variant: 'elevation' } } }\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: { main: '#9993F5' },\n    secondary: { main: '#8EC8FF' },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = { ...partialDarkThemeOptions, components: appComponents }\n","import type { ThemeOptions } from '@mui/material'\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    primary: { main: '#1f1a66' },\n    secondary: { main: '#0f68c9' },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = { ...partialLightThemeOptions }\n","import type { ThemeOptions } from '@mui/material'\n\nimport { themeOptions } from './themeOptions.ts'\n\nexport const webThemeOptions: ThemeOptions = { ...themeOptions }\n"],"mappings":"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","names":["fontFamilyPrimary","join","fontFamilyOs","components","MuiCard","styleOverrides","root","display","flexDirection","justifyContent","MuiCardHeader","content","overflow","MuiLink","defaultProps","underline","filter","MuiTableCell","body","fontFamily","whiteSpace","head","fontWeight","typography","body1","lineHeight","body2","button","fontSize","textTransform","fontFamilyPrimary","fontWeightBold","fontWeightLight","fontWeightMedium","fontWeightRegular","h1","h2","h3","h4","h5","h6","subtitle1","opacity","subtitle2","themeOptions","shape","borderRadius","spacing","partialAppThemeOptions","components","MuiTypography","styleOverrides","root","ownerState","clamped","maxWidth","Number","parseInt","overflow","textOverflow","whiteSpace","width","spacing","appThemeOptions","themeOptions","components","MuiCard","defaultProps","elevation","styleOverrides","root","display","flexDirection","justifyContent","MuiCardHeader","content","overflow","MuiLink","underline","filter","MuiPaper","MuiTableCell","body","fontFamily","whiteSpace","head","fontWeight","typography","body1","lineHeight","body2","button","fontSize","textTransform","fontFamily","fontFamilyOs","fontWeightBold","fontWeightLight","fontWeightMedium","fontWeightRegular","h1","h2","h3","h4","h5","h6","subtitle1","opacity","subtitle2","palette","background","default","paper","error","main","mode","primary","secondary","text","osThemeOptionsDarkMode","components","shape","borderRadius","spacing","typography","palette","background","default","paper","error","main","mode","primary","secondary","text","osThemeOptionsLightMode","components","shape","borderRadius","spacing","typography","osThemeOptions","osThemeOptionsDarkMode","osThemeOptionsLightMode","darken","appComponents","MuiPaper","defaultProps","variant","partialDarkThemeOptions","palette","background","default","paper","mode","primary","main","secondary","partialAppDarkThemeOptions","components","partialLightThemeOptions","palette","primary","main","secondary","partialAppLightThemeOptions","webThemeOptions","themeOptions"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-theme",
-  "version": "7.4.2",
+  "version": "7.5.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,11 +43,11 @@
     "src"
   ],
   "devDependencies": {
-    "@mui/material": "~7.3.6",
-    "@types/react": "^19.2.7",
-    "@xylabs/ts-scripts-yarn3": "~7.2.8",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
+    "@mui/material": "~7.3.7",
+    "@types/react": "^19.2.10",
+    "@xylabs/ts-scripts-yarn3": "~7.3.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
@@ -59,4 +59,4 @@
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}