@xyo-network/react-theme 3.0.0 → 3.0.1

package/dist/browser/index.d.ts

@@ -1,12 +1,43 @@
+import * as _mui_system from '@mui/system';
+import * as _mui_material_styles_zIndex_js from '@mui/material/styles/zIndex.js';
 import * as _mui_material from '@mui/material';
 import { ThemeOptions } from '@mui/material';
+import * as _mui_material_styles_createMixins_js from '@mui/material/styles/createMixins.js';
 
-declare const appThemeOptions: ThemeOptions;
+declare const appThemeOptions: {
+    mixins?: _mui_material_styles_createMixins_js.MixinsOptions;
+    components?: _mui_material.Components<Omit<_mui_material.Theme, "components">>;
+    palette?: _mui_material.PaletteOptions;
+    shadows?: _mui_material.Shadows;
+    transitions?: _mui_material.TransitionsOptions;
+    typography?: _mui_material.TypographyVariantsOptions | ((palette: _mui_material.Palette) => _mui_material.TypographyVariantsOptions);
+    zIndex?: _mui_material_styles_zIndex_js.ZIndexOptions;
+    unstable_strictMode?: boolean;
+    unstable_sxConfig?: _mui_system.SxConfig;
+    shape?: _mui_system.ShapeOptions;
+    breakpoints?: _mui_material.BreakpointsOptions;
+    direction?: _mui_material.Direction;
+    spacing?: _mui_system.SpacingOptions;
+};
 
 declare const fontFamilyPrimary: string;
 declare const fontFamilyOs: string;
 
-declare const osThemeOptions: _mui_material.ThemeOptions;
+declare const osThemeOptions: {
+    mixins?: _mui_material_styles_createMixins_js.MixinsOptions;
+    components?: _mui_material.Components<Omit<_mui_material.Theme, "components">>;
+    palette?: _mui_material.PaletteOptions;
+    shadows?: _mui_material.Shadows;
+    transitions?: _mui_material.TransitionsOptions;
+    typography?: _mui_material.TypographyVariantsOptions | ((palette: _mui_material.Palette) => _mui_material.TypographyVariantsOptions);
+    zIndex?: _mui_material_styles_zIndex_js.ZIndexOptions;
+    unstable_strictMode?: boolean;
+    unstable_sxConfig?: _mui_system.SxConfig;
+    shape?: _mui_system.ShapeOptions;
+    breakpoints?: _mui_system.BreakpointsOptions;
+    direction?: _mui_system.Direction;
+    spacing?: _mui_system.SpacingOptions;
+};
 
 declare const partialDarkThemeOptions: ThemeOptions;
 declare const partialAppDarkThemeOptions: ThemeOptions;
@@ -18,6 +49,20 @@ declare const components: ThemeOptions['components'];
 declare const typography: ThemeOptions['typography'];
 declare const themeOptions: ThemeOptions;
 
-declare const webThemeOptions: ThemeOptions;
+declare const webThemeOptions: {
+    mixins?: _mui_material_styles_createMixins_js.MixinsOptions;
+    components?: _mui_material.Components<Omit<_mui_material.Theme, "components">>;
+    palette?: _mui_material.PaletteOptions;
+    shadows?: _mui_material.Shadows;
+    transitions?: _mui_material.TransitionsOptions;
+    typography?: _mui_material.TypographyVariantsOptions | ((palette: _mui_material.Palette) => _mui_material.TypographyVariantsOptions);
+    zIndex?: _mui_material_styles_zIndex_js.ZIndexOptions;
+    unstable_strictMode?: boolean;
+    unstable_sxConfig?: _mui_system.SxConfig;
+    shape?: _mui_system.ShapeOptions;
+    breakpoints?: _mui_material.BreakpointsOptions;
+    direction?: _mui_material.Direction;
+    spacing?: _mui_system.SpacingOptions;
+};
 
 export { appThemeOptions, components, fontFamilyOs, fontFamilyPrimary, osThemeOptions, partialAppDarkThemeOptions, partialAppLightThemeOptions, partialDarkThemeOptions, partialLightThemeOptions, themeOptions, typography, webThemeOptions };

package/dist/browser/index.mjs

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// src/appThemeOptions.tsx
-import { merge } from "@xylabs/lodash";
-
 // src/fontFamily.ts
 var fontFamilyPrimary = [
   "Lexend Deca",
@@ -136,10 +133,10 @@ var partialAppThemeOptions = {
   },
   spacing: 8
 };
-var appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
-
-// src/OsTheme/osThemeOptions.tsx
-import { merge as merge2 } from "@xylabs/lodash";
+var appThemeOptions = {
+  ...themeOptions,
+  ...partialAppThemeOptions
+};
 
 // src/OsTheme/Components.tsx
 var components2 = {
@@ -301,11 +298,13 @@ var osThemeOptionsLightMode = {
 };
 
 // src/OsTheme/osThemeOptions.tsx
-var osThemeOptions = merge2({}, osThemeOptionsDarkMode, osThemeOptionsLightMode);
+var osThemeOptions = {
+  ...osThemeOptionsDarkMode,
+  ...osThemeOptionsLightMode
+};
 
 // src/partialDarkThemeOptions.tsx
 import { darken } from "@mui/material";
-import { merge as merge3 } from "@xylabs/lodash";
 var appComponents = {
   MuiPaper: {
     defaultProps: {
@@ -328,12 +327,12 @@ var partialDarkThemeOptions = {
     }
   }
 };
-var partialAppDarkThemeOptions = merge3({}, partialDarkThemeOptions, {
+var partialAppDarkThemeOptions = {
+  ...partialDarkThemeOptions,
   components: appComponents
-});
+};
 
 // src/partialLightThemeOptions.tsx
-import { merge as merge4 } from "@xylabs/lodash";
 var partialLightThemeOptions = {
   palette: {
     mode: "light",
@@ -345,12 +344,16 @@ var partialLightThemeOptions = {
     }
   }
 };
-var partialAppLightThemeOptions = merge4({}, partialLightThemeOptions);
+var partialAppLightThemeOptions = {
+  ...partialLightThemeOptions
+};
 
 // src/webThemeOptions.tsx
-import { merge as merge5 } from "@xylabs/lodash";
 var partialWebThemeOptions = {};
-var webThemeOptions = merge5({}, themeOptions, partialWebThemeOptions);
+var webThemeOptions = {
+  ...themeOptions,
+  ...partialWebThemeOptions
+};
 export {
   appThemeOptions,
   components,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/OsTheme/osThemeOptions.tsx","../../src/OsTheme/Components.tsx","../../src/OsTheme/Typography.tsx","../../src/OsTheme/DarkMode.tsx","../../src/OsTheme/LightMode.tsx","../../src/partialDarkThemeOptions.tsx","../../src/partialLightThemeOptions.tsx","../../src/webThemeOptions.tsx"],"sourcesContent":["import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\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 = merge({}, themeOptions, partialAppThemeOptions)\n","export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\nexport const fontFamilyOs = ['Manrope', 'Roboto', 'sans-serif'].join(',')\n","import { 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: {\n      underline: 'none',\n    },\n    styleOverrides: {\n      root: {\n        '&:hover': {\n          filter: 'brightness(75%)',\n        },\n      },\n    },\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: {\n    lineHeight: 1.57,\n  },\n  body2: {\n    lineHeight: 1.57,\n  },\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: {\n    fontSize: '2rem',\n  },\n  h5: {\n    fontSize: '1.5rem',\n  },\n  h6: {\n    fontSize: '1.1rem',\n  },\n  subtitle1: {\n    opacity: '70%',\n  },\n  subtitle2: {\n    opacity: '70%',\n  },\n}\n\nexport const themeOptions: ThemeOptions = {\n  components,\n  shape: {\n    borderRadius: 8,\n  },\n  spacing: 16,\n  typography,\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { osThemeOptionsDarkMode } from './DarkMode.tsx'\nimport { osThemeOptionsLightMode } from './LightMode.tsx'\n\nexport const osThemeOptions = merge({}, osThemeOptionsDarkMode, osThemeOptionsLightMode)\n","import { ThemeOptions } from '@mui/material'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    defaultProps: {\n      elevation: 0,\n    },\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: {\n      underline: 'none',\n    },\n    styleOverrides: {\n      root: {\n        '&:hover': {\n          filter: 'brightness(75%)',\n        },\n      },\n    },\n  },\n  MuiPaper: {\n    defaultProps: {\n      elevation: 0,\n    },\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","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyOs } from '../fontFamily.ts'\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: {\n    lineHeight: 1.57,\n  },\n  body2: {\n    lineHeight: 1.57,\n  },\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: {\n    fontSize: '4rem',\n  },\n  h2: {\n    fontSize: '2.4rem',\n  },\n  h3: {\n    fontSize: '2.24rem',\n  },\n  h4: {\n    fontSize: '2rem',\n  },\n  h5: {\n    fontSize: '1.5rem',\n  },\n  h6: {\n    fontSize: '1.1rem',\n  },\n  subtitle1: {\n    opacity: '70%',\n  },\n  subtitle2: {\n    opacity: '70%',\n  },\n}\n","import { 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: {\n    main: '#ffb4ab',\n  },\n  mode: 'dark',\n  primary: {\n    main: '#C9BFFA',\n  },\n  secondary: {\n    main: '#C9C3DA',\n  },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsDarkMode: ThemeOptions = {\n  components,\n  palette,\n  shape: {\n    borderRadius: 10,\n  },\n  spacing: 16,\n  typography,\n}\n","import { 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: {\n    main: '#BA1A1A',\n  },\n  mode: 'light',\n  primary: {\n    main: '#100029',\n  },\n  secondary: {\n    main: '#A060E0',\n  },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsLightMode: ThemeOptions = {\n  components,\n  palette,\n  shape: {\n    borderRadius: 10,\n  },\n  spacing: 16,\n  typography,\n}\n","import { darken, ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'elevation',\n    },\n  },\n}\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: {\n      main: '#9993F5',\n    },\n    secondary: {\n      main: '#8EC8FF',\n    },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents })\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#1f1a66',\n    },\n    secondary: {\n      main: '#0f68c9',\n    },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = merge({}, partialLightThemeOptions)\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions.ts'\n\nconst partialWebThemeOptions: ThemeOptions = {}\n\nexport const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions)\n"],"mappings":"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","names":["merge","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","merge","themeOptions","merge","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","merge","osThemeOptionsDarkMode","osThemeOptionsLightMode","darken","merge","appComponents","MuiPaper","defaultProps","variant","partialDarkThemeOptions","palette","background","default","paper","mode","primary","main","secondary","partialAppDarkThemeOptions","components","merge","partialLightThemeOptions","palette","mode","primary","main","secondary","partialAppLightThemeOptions","merge","partialWebThemeOptions","webThemeOptions","merge","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 { 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: {\n      underline: 'none',\n    },\n    styleOverrides: {\n      root: {\n        '&:hover': {\n          filter: 'brightness(75%)',\n        },\n      },\n    },\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: {\n    lineHeight: 1.57,\n  },\n  body2: {\n    lineHeight: 1.57,\n  },\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: {\n    fontSize: '2rem',\n  },\n  h5: {\n    fontSize: '1.5rem',\n  },\n  h6: {\n    fontSize: '1.1rem',\n  },\n  subtitle1: {\n    opacity: '70%',\n  },\n  subtitle2: {\n    opacity: '70%',\n  },\n}\n\nexport const themeOptions: ThemeOptions = {\n  components,\n  shape: {\n    borderRadius: 8,\n  },\n  spacing: 16,\n  typography,\n}\n","import { 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, ...partialAppThemeOptions }\n","import { ThemeOptions } from '@mui/material'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    defaultProps: {\n      elevation: 0,\n    },\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: {\n      underline: 'none',\n    },\n    styleOverrides: {\n      root: {\n        '&:hover': {\n          filter: 'brightness(75%)',\n        },\n      },\n    },\n  },\n  MuiPaper: {\n    defaultProps: {\n      elevation: 0,\n    },\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","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyOs } from '../fontFamily.ts'\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: {\n    lineHeight: 1.57,\n  },\n  body2: {\n    lineHeight: 1.57,\n  },\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: {\n    fontSize: '4rem',\n  },\n  h2: {\n    fontSize: '2.4rem',\n  },\n  h3: {\n    fontSize: '2.24rem',\n  },\n  h4: {\n    fontSize: '2rem',\n  },\n  h5: {\n    fontSize: '1.5rem',\n  },\n  h6: {\n    fontSize: '1.1rem',\n  },\n  subtitle1: {\n    opacity: '70%',\n  },\n  subtitle2: {\n    opacity: '70%',\n  },\n}\n","import { 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: {\n    main: '#ffb4ab',\n  },\n  mode: 'dark',\n  primary: {\n    main: '#C9BFFA',\n  },\n  secondary: {\n    main: '#C9C3DA',\n  },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsDarkMode: ThemeOptions = {\n  components,\n  palette,\n  shape: {\n    borderRadius: 10,\n  },\n  spacing: 16,\n  typography,\n}\n","import { 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: {\n    main: '#BA1A1A',\n  },\n  mode: 'light',\n  primary: {\n    main: '#100029',\n  },\n  secondary: {\n    main: '#A060E0',\n  },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsLightMode: ThemeOptions = {\n  components,\n  palette,\n  shape: {\n    borderRadius: 10,\n  },\n  spacing: 16,\n  typography,\n}\n","import { osThemeOptionsDarkMode } from './DarkMode.tsx'\nimport { osThemeOptionsLightMode } from './LightMode.tsx'\n\nexport const osThemeOptions = { ...osThemeOptionsDarkMode, ...osThemeOptionsLightMode }\n","import { darken, ThemeOptions } from '@mui/material'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'elevation',\n    },\n  },\n}\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: {\n      main: '#9993F5',\n    },\n    secondary: {\n      main: '#8EC8FF',\n    },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = { ...partialDarkThemeOptions, components: appComponents }\n","import { ThemeOptions } from '@mui/material'\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#1f1a66',\n    },\n    secondary: {\n      main: '#0f68c9',\n    },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = { ...partialLightThemeOptions }\n","import { ThemeOptions } from '@mui/material'\n\nimport { themeOptions } from './themeOptions.ts'\n\nconst partialWebThemeOptions: ThemeOptions = {}\n\nexport const webThemeOptions = { ...themeOptions, ...partialWebThemeOptions }\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","mode","primary","main","secondary","partialAppLightThemeOptions","partialWebThemeOptions","webThemeOptions","themeOptions"]}

package/package.json

@@ -9,9 +9,6 @@
     "email": "support@xyo.network",
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
-  "dependencies": {
-    "@xylabs/lodash": "^4.0.0"
-  },
   "peerDependencies": {
     "@mui/material": "^5",
     "react": "^18.2.0",
@@ -56,6 +53,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "type": "module"
 }

package/src/OsTheme/osThemeOptions.tsx

@@ -1,6 +1,4 @@
-import { merge } from '@xylabs/lodash'
-
 import { osThemeOptionsDarkMode } from './DarkMode.tsx'
 import { osThemeOptionsLightMode } from './LightMode.tsx'
 
-export const osThemeOptions = merge({}, osThemeOptionsDarkMode, osThemeOptionsLightMode)
+export const osThemeOptions = { ...osThemeOptionsDarkMode, ...osThemeOptionsLightMode }

package/src/appThemeOptions.tsx

@@ -1,5 +1,4 @@
 import { ThemeOptions } from '@mui/material'
-import { merge } from '@xylabs/lodash'
 
 import { themeOptions } from './themeOptions.ts'
 
@@ -27,4 +26,4 @@ const partialAppThemeOptions: ThemeOptions = {
   spacing: 8,
 }
 
-export const appThemeOptions = merge({}, themeOptions, partialAppThemeOptions)
+export const appThemeOptions = { ...themeOptions, ...partialAppThemeOptions }

package/src/partialDarkThemeOptions.tsx

@@ -1,5 +1,4 @@
 import { darken, ThemeOptions } from '@mui/material'
-import { merge } from '@xylabs/lodash'
 
 const appComponents: ThemeOptions['components'] = {
   MuiPaper: {
@@ -25,4 +24,4 @@ export const partialDarkThemeOptions: ThemeOptions = {
   },
 }
 
-export const partialAppDarkThemeOptions: ThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents })
+export const partialAppDarkThemeOptions: ThemeOptions = { ...partialDarkThemeOptions, components: appComponents }

package/src/partialLightThemeOptions.tsx

@@ -1,5 +1,4 @@
 import { ThemeOptions } from '@mui/material'
-import { merge } from '@xylabs/lodash'
 
 export const partialLightThemeOptions: ThemeOptions = {
   palette: {
@@ -13,4 +12,4 @@ export const partialLightThemeOptions: ThemeOptions = {
   },
 }
 
-export const partialAppLightThemeOptions: ThemeOptions = merge({}, partialLightThemeOptions)
+export const partialAppLightThemeOptions: ThemeOptions = { ...partialLightThemeOptions }

package/src/webThemeOptions.tsx

@@ -1,8 +1,7 @@
 import { ThemeOptions } from '@mui/material'
-import { merge } from '@xylabs/lodash'
 
 import { themeOptions } from './themeOptions.ts'
 
 const partialWebThemeOptions: ThemeOptions = {}
 
-export const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions)
+export const webThemeOptions = { ...themeOptions, ...partialWebThemeOptions }