@xyo-network/react-theme 7.5.8 → 7.5.12

package/dist/browser/index.mjs

@@ -1,17 +1,6 @@
-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 = {
@@ -34,16 +23,8 @@ var components = {
     }
   },
   MuiLink: {
-    defaultProps: {
-      underline: "none"
-    },
-    styleOverrides: {
-      root: {
-        "&:hover": {
-          filter: "brightness(75%)"
-        }
-      }
-    }
+    defaultProps: { underline: "none" },
+    styleOverrides: { root: { "&:hover": { filter: "brightness(75%)" } } }
   },
   MuiTableCell: {
     styleOverrides: {
@@ -59,12 +40,8 @@ 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"
@@ -86,27 +63,15 @@ 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
 };
@@ -116,7 +81,7 @@ var partialAppThemeOptions = {
   components: {
     MuiTypography: {
       styleOverrides: {
-        root: /* @__PURE__ */ __name(({ ownerState }) => {
+        root: ({ ownerState }) => {
           const { clamped } = ownerState;
           if (clamped) {
             const maxWidth = Number.parseInt(clamped, 10);
@@ -127,23 +92,18 @@ 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",
@@ -162,22 +122,10 @@ var components2 = {
     }
   },
   MuiLink: {
-    defaultProps: {
-      underline: "none"
-    },
-    styleOverrides: {
-      root: {
-        "&:hover": {
-          filter: "brightness(75%)"
-        }
-      }
-    }
-  },
-  MuiPaper: {
-    defaultProps: {
-      elevation: 0
-    }
+    defaultProps: { underline: "none" },
+    styleOverrides: { root: { "&:hover": { filter: "brightness(75%)" } } }
   },
+  MuiPaper: { defaultProps: { elevation: 0 } },
   MuiTableCell: {
     styleOverrides: {
       body: {
@@ -194,12 +142,8 @@ 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"
@@ -209,30 +153,14 @@ 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
@@ -241,16 +169,10 @@ 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"
@@ -259,9 +181,7 @@ var palette = {
 var osThemeOptionsDarkMode = {
   components: components2,
   palette,
-  shape: {
-    borderRadius: 10
-  },
+  shape: { borderRadius: 10 },
   spacing: 16,
   typography: typography2
 };
@@ -272,16 +192,10 @@ 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"
@@ -290,28 +204,17 @@ 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: {
@@ -319,38 +222,23 @@ 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":["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"]}
+{"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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-theme",
-  "version": "7.5.8",
+  "version": "7.5.12",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,28 +36,34 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "devDependencies": {
-    "@mui/material": "~7.3.9",
+    "@mui/material": "^7.3.10",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "@mui/material": "~7",
-    "react": "^19",
-    "react-dom": "^19"
+    "@mui/material": "^7.3.10",
+    "@types/react": "^19.2.14",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/OsTheme/Components.tsx

@@ -1,40 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-export const components: ThemeOptions['components'] = {
-  MuiCard: {
-    defaultProps: { elevation: 0 },
-    styleOverrides: {
-      root: {
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-      },
-    },
-  },
-  MuiCardHeader: {
-    styleOverrides: {
-      content: {
-        display: 'flex',
-        flexDirection: 'column',
-        overflow: 'hidden',
-      },
-    },
-  },
-  MuiLink: {
-    defaultProps: { underline: 'none' },
-    styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },
-  },
-  MuiPaper: { defaultProps: { elevation: 0 } },
-  MuiTableCell: {
-    styleOverrides: {
-      body: {
-        fontFamily: 'monospace',
-        whiteSpace: 'nowrap',
-      },
-      head: {
-        fontWeight: 700,
-        whiteSpace: 'nowrap',
-      },
-    },
-  },
-}

package/src/OsTheme/DarkMode.tsx

@@ -1,27 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { components } from './Components.tsx'
-import { typography } from './Typography.tsx'
-
-const palette: ThemeOptions['palette'] = {
-  background: {
-    default: '#141319',
-    paper: '#1C1B20',
-  },
-  error: { main: '#ffb4ab' },
-  mode: 'dark',
-  primary: { main: '#C9BFFA' },
-  secondary: { main: '#C9C3DA' },
-  text: {
-    primary: '#100029',
-    secondary: '#212023',
-  },
-}
-
-export const osThemeOptionsDarkMode: ThemeOptions = {
-  components,
-  palette,
-  shape: { borderRadius: 10 },
-  spacing: 16,
-  typography,
-}

package/src/OsTheme/LightMode.tsx

@@ -1,27 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { components } from './Components.tsx'
-import { typography } from './Typography.tsx'
-
-const palette: ThemeOptions['palette'] = {
-  background: {
-    default: '#FFFFFF',
-    paper: '#F6F4ED',
-  },
-  error: { main: '#BA1A1A' },
-  mode: 'light',
-  primary: { main: '#100029' },
-  secondary: { main: '#A060E0' },
-  text: {
-    primary: '#100029',
-    secondary: '#212023',
-  },
-}
-
-export const osThemeOptionsLightMode: ThemeOptions = {
-  components,
-  palette,
-  shape: { borderRadius: 10 },
-  spacing: 16,
-  typography,
-}

package/src/OsTheme/Typography.tsx

@@ -1,25 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { fontFamilyOs } from '../fontFamily.ts'
-
-export const typography: ThemeOptions['typography'] = {
-  body1: { lineHeight: 1.57 },
-  body2: { lineHeight: 1.57 },
-  button: {
-    fontSize: '1rem',
-    textTransform: 'inherit',
-  },
-  fontFamily: fontFamilyOs,
-  fontWeightBold: 700,
-  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%' },
-}

package/src/OsTheme/index.ts

@@ -1 +0,0 @@
-export * from './osThemeOptions.tsx'

package/src/OsTheme/osThemeOptions.tsx

@@ -1,6 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { osThemeOptionsDarkMode } from './DarkMode.tsx'
-import { osThemeOptionsLightMode } from './LightMode.tsx'
-
-export const osThemeOptions: ThemeOptions = { ...osThemeOptionsDarkMode, ...osThemeOptionsLightMode }

package/src/appThemeOptions.tsx

@@ -1,29 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { themeOptions } from './themeOptions.ts'
-
-const partialAppThemeOptions: ThemeOptions = {
-  components: {
-    MuiTypography: {
-      styleOverrides: {
-        root: ({ ownerState }) => {
-          const { clamped } = ownerState
-
-          if (clamped) {
-            const maxWidth = Number.parseInt(clamped as string, 10)
-
-            return {
-              overflow: 'hidden',
-              textOverflow: 'ellipsis',
-              whiteSpace: 'nowrap',
-              width: `clamp(1%, 100%, ${maxWidth}px)`,
-            }
-          }
-        },
-      },
-    },
-  },
-  spacing: 8,
-}
-
-export const appThemeOptions: ThemeOptions = { ...themeOptions, ...partialAppThemeOptions }

package/src/fontFamily.ts

@@ -1,2 +0,0 @@
-export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')
-export const fontFamilyOs = ['Manrope', 'Roboto', 'sans-serif'].join(',')

package/src/index.ts

@@ -1,7 +0,0 @@
-export * from './appThemeOptions.tsx'
-export * from './fontFamily.ts'
-export * from './OsTheme/index.ts'
-export * from './partialDarkThemeOptions.tsx'
-export * from './partialLightThemeOptions.tsx'
-export * from './themeOptions.ts'
-export * from './webThemeOptions.tsx'

package/src/partialDarkThemeOptions.tsx

@@ -1,18 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-import { darken } from '@mui/material'
-
-const appComponents: ThemeOptions['components'] = { MuiPaper: { defaultProps: { variant: 'elevation' } } }
-
-export const partialDarkThemeOptions: ThemeOptions = {
-  palette: {
-    background: {
-      default: darken('#171626', 0.1),
-      paper: '#171626',
-    },
-    mode: 'dark',
-    primary: { main: '#9993F5' },
-    secondary: { main: '#8EC8FF' },
-  },
-}
-
-export const partialAppDarkThemeOptions: ThemeOptions = { ...partialDarkThemeOptions, components: appComponents }

package/src/partialLightThemeOptions.tsx

@@ -1,10 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-export const partialLightThemeOptions: ThemeOptions = {
-  palette: {
-    primary: { main: '#1f1a66' },
-    secondary: { main: '#0f68c9' },
-  },
-}
-
-export const partialAppLightThemeOptions: ThemeOptions = { ...partialLightThemeOptions }

package/src/themeOptions.ts

@@ -1,78 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { fontFamilyPrimary } from './fontFamily.ts'
-
-export const components: ThemeOptions['components'] = {
-  MuiCard: {
-    styleOverrides: {
-      root: {
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-      },
-    },
-  },
-  MuiCardHeader: {
-    styleOverrides: {
-      content: {
-        display: 'flex',
-        flexDirection: 'column',
-        overflow: 'hidden',
-      },
-    },
-  },
-  MuiLink: {
-    defaultProps: { underline: 'none' },
-    styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },
-  },
-  MuiTableCell: {
-    styleOverrides: {
-      body: {
-        fontFamily: 'monospace',
-        whiteSpace: 'nowrap',
-      },
-      head: {
-        fontWeight: 700,
-        whiteSpace: 'nowrap',
-      },
-    },
-  },
-}
-
-export const typography: ThemeOptions['typography'] = {
-  body1: { lineHeight: 1.57 },
-  body2: { lineHeight: 1.57 },
-  button: {
-    fontSize: '1rem',
-    textTransform: 'inherit',
-  },
-  fontFamily: fontFamilyPrimary,
-  fontWeightBold: 700,
-  fontWeightLight: 200,
-  fontWeightMedium: 300,
-  fontWeightRegular: 400,
-  h1: {
-    fontFamily: fontFamilyPrimary,
-    fontSize: '4rem',
-  },
-  h2: {
-    fontFamily: fontFamilyPrimary,
-    fontSize: '2.4rem',
-  },
-  h3: {
-    fontFamily: fontFamilyPrimary,
-    fontSize: '2.24rem',
-  },
-  h4: { fontSize: '2rem' },
-  h5: { fontSize: '1.5rem' },
-  h6: { fontSize: '1.1rem' },
-  subtitle1: { opacity: '70%' },
-  subtitle2: { opacity: '70%' },
-}
-
-export const themeOptions: ThemeOptions = {
-  components,
-  shape: { borderRadius: 8 },
-  spacing: 16,
-  typography,
-}

package/src/webThemeOptions.tsx

@@ -1,5 +0,0 @@
-import type { ThemeOptions } from '@mui/material'
-
-import { themeOptions } from './themeOptions.ts'
-
-export const webThemeOptions: ThemeOptions = { ...themeOptions }