@xyo-network/react-theme 3.0.1 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/browser/OsTheme/Components.d.ts +3 -0
  2. package/dist/browser/OsTheme/Components.d.ts.map +1 -0
  3. package/dist/browser/OsTheme/DarkMode.d.ts +3 -0
  4. package/dist/browser/OsTheme/DarkMode.d.ts.map +1 -0
  5. package/dist/browser/OsTheme/LightMode.d.ts +3 -0
  6. package/dist/browser/OsTheme/LightMode.d.ts.map +1 -0
  7. package/dist/browser/OsTheme/Typography.d.ts +3 -0
  8. package/dist/browser/OsTheme/Typography.d.ts.map +1 -0
  9. package/dist/browser/OsTheme/index.d.ts +2 -0
  10. package/dist/browser/OsTheme/index.d.ts.map +1 -0
  11. package/dist/browser/OsTheme/osThemeOptions.d.ts +16 -0
  12. package/dist/browser/OsTheme/osThemeOptions.d.ts.map +1 -0
  13. package/dist/browser/appThemeOptions.d.ts +16 -0
  14. package/dist/browser/appThemeOptions.d.ts.map +1 -0
  15. package/dist/browser/fontFamily.d.ts +3 -0
  16. package/dist/browser/fontFamily.d.ts.map +1 -0
  17. package/dist/browser/index.d.ts +8 -68
  18. package/dist/browser/index.d.ts.map +1 -0
  19. package/dist/browser/index.mjs.map +1 -1
  20. package/dist/browser/partialDarkThemeOptions.d.ts +4 -0
  21. package/dist/browser/partialDarkThemeOptions.d.ts.map +1 -0
  22. package/dist/browser/partialLightThemeOptions.d.ts +4 -0
  23. package/dist/browser/partialLightThemeOptions.d.ts.map +1 -0
  24. package/dist/browser/themeOptions.d.ts +5 -0
  25. package/dist/browser/themeOptions.d.ts.map +1 -0
  26. package/dist/browser/webThemeOptions.d.ts +16 -0
  27. package/dist/browser/webThemeOptions.d.ts.map +1 -0
  28. package/package.json +36 -36
  29. package/src/OsTheme/Components.tsx +5 -19
  30. package/src/OsTheme/DarkMode.tsx +5 -13
  31. package/src/OsTheme/LightMode.tsx +5 -13
  32. package/src/OsTheme/Typography.tsx +11 -31
  33. package/src/appThemeOptions.tsx +1 -1
  34. package/src/partialDarkThemeOptions.tsx +5 -14
  35. package/src/partialLightThemeOptions.tsx +3 -7
  36. package/src/themeOptions.ts +11 -35
  37. package/src/webThemeOptions.tsx +1 -1
  38. package/xy.config.ts +2 -4
@@ -0,0 +1,3 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const components: ThemeOptions['components'];
3
+ //# sourceMappingURL=Components.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAqCjD,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const osThemeOptionsDarkMode: ThemeOptions;
3
+ //# sourceMappingURL=DarkMode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DarkMode.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/DarkMode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAoBjD,eAAO,MAAM,sBAAsB,EAAE,YAMpC,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const osThemeOptionsLightMode: ThemeOptions;
3
+ //# sourceMappingURL=LightMode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LightMode.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/LightMode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAoBjD,eAAO,MAAM,uBAAuB,EAAE,YAMrC,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const typography: ThemeOptions['typography'];
3
+ //# sourceMappingURL=Typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAoBjD,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './osThemeOptions.tsx';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
@@ -0,0 +1,16 @@
1
+ export declare const osThemeOptions: {
2
+ mixins?: import("@mui/material/styles/createMixins.js").MixinsOptions;
3
+ components?: import("@mui/material").Components<Omit<import("@mui/material").Theme, "components">>;
4
+ palette?: import("@mui/material").PaletteOptions;
5
+ shadows?: import("@mui/material").Shadows;
6
+ transitions?: import("@mui/material").TransitionsOptions;
7
+ typography?: import("@mui/material").TypographyVariantsOptions | ((palette: import("@mui/material").Palette) => import("@mui/material").TypographyVariantsOptions);
8
+ zIndex?: import("@mui/material/styles/zIndex.js").ZIndexOptions;
9
+ unstable_strictMode?: boolean;
10
+ unstable_sxConfig?: import("@mui/system").SxConfig;
11
+ shape?: import("@mui/system").ShapeOptions;
12
+ breakpoints?: import("@mui/system").BreakpointsOptions;
13
+ direction?: import("@mui/system").Direction;
14
+ spacing?: import("@mui/system").SpacingOptions;
15
+ };
16
+ //# sourceMappingURL=osThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"osThemeOptions.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/osThemeOptions.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAA4D,CAAA"}
@@ -0,0 +1,16 @@
1
+ export declare const appThemeOptions: {
2
+ mixins?: import("@mui/material/styles/createMixins.js").MixinsOptions;
3
+ components?: import("@mui/material").Components<Omit<import("@mui/material").Theme, "components">>;
4
+ palette?: import("@mui/material").PaletteOptions;
5
+ shadows?: import("@mui/material").Shadows;
6
+ transitions?: import("@mui/material").TransitionsOptions;
7
+ typography?: import("@mui/material").TypographyVariantsOptions | ((palette: import("@mui/material").Palette) => import("@mui/material").TypographyVariantsOptions);
8
+ zIndex?: import("@mui/material/styles/zIndex.js").ZIndexOptions;
9
+ unstable_strictMode?: boolean;
10
+ unstable_sxConfig?: import("@mui/system").SxConfig;
11
+ shape?: import("@mui/system").ShapeOptions;
12
+ breakpoints?: import("@mui/material").BreakpointsOptions;
13
+ direction?: import("@mui/material").Direction;
14
+ spacing?: import("@mui/system").SpacingOptions;
15
+ };
16
+ //# sourceMappingURL=appThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"appThemeOptions.d.ts","sourceRoot":"","sources":["../../src/appThemeOptions.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;CAAiD,CAAA"}
@@ -0,0 +1,3 @@
1
+ export declare const fontFamilyPrimary: string;
2
+ export declare const fontFamilyOs: string;
3
+ //# sourceMappingURL=fontFamily.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fontFamily.d.ts","sourceRoot":"","sources":["../../src/fontFamily.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAAuD,CAAA;AACrF,eAAO,MAAM,YAAY,QAAgD,CAAA"}
@@ -1,68 +1,8 @@
1
- import * as _mui_system from '@mui/system';
2
- import * as _mui_material_styles_zIndex_js from '@mui/material/styles/zIndex.js';
3
- import * as _mui_material from '@mui/material';
4
- import { ThemeOptions } from '@mui/material';
5
- import * as _mui_material_styles_createMixins_js from '@mui/material/styles/createMixins.js';
6
-
7
- declare const appThemeOptions: {
8
- mixins?: _mui_material_styles_createMixins_js.MixinsOptions;
9
- components?: _mui_material.Components<Omit<_mui_material.Theme, "components">>;
10
- palette?: _mui_material.PaletteOptions;
11
- shadows?: _mui_material.Shadows;
12
- transitions?: _mui_material.TransitionsOptions;
13
- typography?: _mui_material.TypographyVariantsOptions | ((palette: _mui_material.Palette) => _mui_material.TypographyVariantsOptions);
14
- zIndex?: _mui_material_styles_zIndex_js.ZIndexOptions;
15
- unstable_strictMode?: boolean;
16
- unstable_sxConfig?: _mui_system.SxConfig;
17
- shape?: _mui_system.ShapeOptions;
18
- breakpoints?: _mui_material.BreakpointsOptions;
19
- direction?: _mui_material.Direction;
20
- spacing?: _mui_system.SpacingOptions;
21
- };
22
-
23
- declare const fontFamilyPrimary: string;
24
- declare const fontFamilyOs: string;
25
-
26
- declare const osThemeOptions: {
27
- mixins?: _mui_material_styles_createMixins_js.MixinsOptions;
28
- components?: _mui_material.Components<Omit<_mui_material.Theme, "components">>;
29
- palette?: _mui_material.PaletteOptions;
30
- shadows?: _mui_material.Shadows;
31
- transitions?: _mui_material.TransitionsOptions;
32
- typography?: _mui_material.TypographyVariantsOptions | ((palette: _mui_material.Palette) => _mui_material.TypographyVariantsOptions);
33
- zIndex?: _mui_material_styles_zIndex_js.ZIndexOptions;
34
- unstable_strictMode?: boolean;
35
- unstable_sxConfig?: _mui_system.SxConfig;
36
- shape?: _mui_system.ShapeOptions;
37
- breakpoints?: _mui_system.BreakpointsOptions;
38
- direction?: _mui_system.Direction;
39
- spacing?: _mui_system.SpacingOptions;
40
- };
41
-
42
- declare const partialDarkThemeOptions: ThemeOptions;
43
- declare const partialAppDarkThemeOptions: ThemeOptions;
44
-
45
- declare const partialLightThemeOptions: ThemeOptions;
46
- declare const partialAppLightThemeOptions: ThemeOptions;
47
-
48
- declare const components: ThemeOptions['components'];
49
- declare const typography: ThemeOptions['typography'];
50
- declare const themeOptions: ThemeOptions;
51
-
52
- declare const webThemeOptions: {
53
- mixins?: _mui_material_styles_createMixins_js.MixinsOptions;
54
- components?: _mui_material.Components<Omit<_mui_material.Theme, "components">>;
55
- palette?: _mui_material.PaletteOptions;
56
- shadows?: _mui_material.Shadows;
57
- transitions?: _mui_material.TransitionsOptions;
58
- typography?: _mui_material.TypographyVariantsOptions | ((palette: _mui_material.Palette) => _mui_material.TypographyVariantsOptions);
59
- zIndex?: _mui_material_styles_zIndex_js.ZIndexOptions;
60
- unstable_strictMode?: boolean;
61
- unstable_sxConfig?: _mui_system.SxConfig;
62
- shape?: _mui_system.ShapeOptions;
63
- breakpoints?: _mui_material.BreakpointsOptions;
64
- direction?: _mui_material.Direction;
65
- spacing?: _mui_system.SpacingOptions;
66
- };
67
-
68
- export { appThemeOptions, components, fontFamilyOs, fontFamilyPrimary, osThemeOptions, partialAppDarkThemeOptions, partialAppLightThemeOptions, partialDarkThemeOptions, partialLightThemeOptions, themeOptions, typography, webThemeOptions };
1
+ export * from './appThemeOptions.tsx';
2
+ export * from './fontFamily.ts';
3
+ export * from './OsTheme/index.ts';
4
+ export * from './partialDarkThemeOptions.tsx';
5
+ export * from './partialLightThemeOptions.tsx';
6
+ export * from './themeOptions.ts';
7
+ export * from './webThemeOptions.tsx';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA"}
@@ -1 +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 { 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"]}
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, ...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 { osThemeOptionsDarkMode } from './DarkMode.tsx'\nimport { osThemeOptionsLightMode } from './LightMode.tsx'\n\nexport const osThemeOptions = { ...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 mode: 'light',\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\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"]}
@@ -0,0 +1,4 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const partialDarkThemeOptions: ThemeOptions;
3
+ export declare const partialAppDarkThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialDarkThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialDarkThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialDarkThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,eAAO,MAAM,uBAAuB,EAAE,YAUrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,YAAwE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const partialLightThemeOptions: ThemeOptions;
3
+ export declare const partialAppLightThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialLightThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialLightThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialLightThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,wBAAwB,EAAE,YAMtC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,YAA8C,CAAA"}
@@ -0,0 +1,5 @@
1
+ import type { ThemeOptions } from '@mui/material';
2
+ export declare const components: ThemeOptions['components'];
3
+ export declare const typography: ThemeOptions['typography'];
4
+ export declare const themeOptions: ThemeOptions;
5
+ //# sourceMappingURL=themeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeOptions.d.ts","sourceRoot":"","sources":["../../src/themeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAmCjD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA6BjD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,YAK1B,CAAA"}
@@ -0,0 +1,16 @@
1
+ export declare const webThemeOptions: {
2
+ mixins?: import("@mui/material/styles/createMixins.js").MixinsOptions;
3
+ components?: import("@mui/material").Components<Omit<import("@mui/material").Theme, "components">>;
4
+ palette?: import("@mui/material").PaletteOptions;
5
+ shadows?: import("@mui/material").Shadows;
6
+ transitions?: import("@mui/material").TransitionsOptions;
7
+ typography?: import("@mui/material").TypographyVariantsOptions | ((palette: import("@mui/material").Palette) => import("@mui/material").TypographyVariantsOptions);
8
+ zIndex?: import("@mui/material/styles/zIndex.js").ZIndexOptions;
9
+ unstable_strictMode?: boolean;
10
+ unstable_sxConfig?: import("@mui/system").SxConfig;
11
+ shape?: import("@mui/system").ShapeOptions;
12
+ breakpoints?: import("@mui/material").BreakpointsOptions;
13
+ direction?: import("@mui/material").Direction;
14
+ spacing?: import("@mui/system").SpacingOptions;
15
+ };
16
+ //# sourceMappingURL=webThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webThemeOptions.d.ts","sourceRoot":"","sources":["../../src/webThemeOptions.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;CAAiD,CAAA"}
package/package.json CHANGED
@@ -1,25 +1,30 @@
1
1
  {
2
2
  "name": "@xyo-network/react-theme",
3
- "author": {
4
- "email": "support@xyo.network",
5
- "name": "XYO Development Team",
6
- "url": "https://xyo.network"
7
- },
3
+ "version": "3.0.3",
4
+ "description": "Common React library for all XYO projects that use React",
5
+ "keywords": [
6
+ "xyo",
7
+ "utility",
8
+ "typescript",
9
+ "react"
10
+ ],
11
+ "homepage": "https://xyo.network",
8
12
  "bugs": {
9
- "email": "support@xyo.network",
10
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
13
+ "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
14
+ "email": "support@xyo.network"
11
15
  },
12
- "peerDependencies": {
13
- "@mui/material": "^5",
14
- "react": "^18.2.0",
15
- "react-dom": "^18.2.0"
16
+ "repository": {
17
+ "type": "git",
18
+ "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
16
19
  },
17
- "description": "Common React library for all XYO projects that use React",
18
- "devDependencies": {
19
- "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
20
- "typescript": "^5.5.4"
20
+ "license": "LGPL-3.0-only",
21
+ "author": {
22
+ "name": "XYO Development Team",
23
+ "email": "support@xyo.network",
24
+ "url": "https://xyo.network"
21
25
  },
22
- "docs": "dist/docs.json",
26
+ "sideEffects": false,
27
+ "type": "module",
23
28
  "exports": {
24
29
  ".": {
25
30
  "import": {
@@ -32,27 +37,22 @@
32
37
  "./package.json": "./package.json"
33
38
  },
34
39
  "module": "dist/browser/index.mjs",
35
- "homepage": "https://xyo.network",
36
- "keywords": [
37
- "xyo",
38
- "utility",
39
- "typescript",
40
- "react"
41
- ],
42
- "license": "LGPL-3.0-only",
43
- "publishConfig": {
44
- "access": "public"
40
+ "types": "dist/browser/index.d.ts",
41
+ "scripts": {
42
+ "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
43
+ "lint-pkg": "npmPkgJsonLint ."
45
44
  },
46
- "repository": {
47
- "type": "git",
48
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
45
+ "devDependencies": {
46
+ "@xylabs/ts-scripts-yarn3": "^4.0.7",
47
+ "typescript": "^5.5.4"
49
48
  },
50
- "scripts": {
51
- "lint-pkg": "npmPkgJsonLint .",
52
- "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
49
+ "peerDependencies": {
50
+ "@mui/material": "^5",
51
+ "react": "^18.2.0",
52
+ "react-dom": "^18.2.0"
53
53
  },
54
- "sideEffects": false,
55
- "types": "dist/browser/index.d.ts",
56
- "version": "3.0.1",
57
- "type": "module"
54
+ "publishConfig": {
55
+ "access": "public"
56
+ },
57
+ "docs": "dist/docs.json"
58
58
  }
@@ -1,10 +1,8 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  export const components: ThemeOptions['components'] = {
4
4
  MuiCard: {
5
- defaultProps: {
6
- elevation: 0,
7
- },
5
+ defaultProps: { elevation: 0 },
8
6
  styleOverrides: {
9
7
  root: {
10
8
  display: 'flex',
@@ -23,22 +21,10 @@ export const components: ThemeOptions['components'] = {
23
21
  },
24
22
  },
25
23
  MuiLink: {
26
- defaultProps: {
27
- underline: 'none',
28
- },
29
- styleOverrides: {
30
- root: {
31
- '&:hover': {
32
- filter: 'brightness(75%)',
33
- },
34
- },
35
- },
36
- },
37
- MuiPaper: {
38
- defaultProps: {
39
- elevation: 0,
40
- },
24
+ defaultProps: { underline: 'none' },
25
+ styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },
41
26
  },
27
+ MuiPaper: { defaultProps: { elevation: 0 } },
42
28
  MuiTableCell: {
43
29
  styleOverrides: {
44
30
  body: {
@@ -1,4 +1,4 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  import { components } from './Components.tsx'
4
4
  import { typography } from './Typography.tsx'
@@ -8,16 +8,10 @@ const palette: ThemeOptions['palette'] = {
8
8
  default: '#141319',
9
9
  paper: '#1C1B20',
10
10
  },
11
- error: {
12
- main: '#ffb4ab',
13
- },
11
+ error: { main: '#ffb4ab' },
14
12
  mode: 'dark',
15
- primary: {
16
- main: '#C9BFFA',
17
- },
18
- secondary: {
19
- main: '#C9C3DA',
20
- },
13
+ primary: { main: '#C9BFFA' },
14
+ secondary: { main: '#C9C3DA' },
21
15
  text: {
22
16
  primary: '#100029',
23
17
  secondary: '#212023',
@@ -27,9 +21,7 @@ const palette: ThemeOptions['palette'] = {
27
21
  export const osThemeOptionsDarkMode: ThemeOptions = {
28
22
  components,
29
23
  palette,
30
- shape: {
31
- borderRadius: 10,
32
- },
24
+ shape: { borderRadius: 10 },
33
25
  spacing: 16,
34
26
  typography,
35
27
  }
@@ -1,4 +1,4 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  import { components } from './Components.tsx'
4
4
  import { typography } from './Typography.tsx'
@@ -8,16 +8,10 @@ const palette: ThemeOptions['palette'] = {
8
8
  default: '#FFFFFF',
9
9
  paper: '#F6F4ED',
10
10
  },
11
- error: {
12
- main: '#BA1A1A',
13
- },
11
+ error: { main: '#BA1A1A' },
14
12
  mode: 'light',
15
- primary: {
16
- main: '#100029',
17
- },
18
- secondary: {
19
- main: '#A060E0',
20
- },
13
+ primary: { main: '#100029' },
14
+ secondary: { main: '#A060E0' },
21
15
  text: {
22
16
  primary: '#100029',
23
17
  secondary: '#212023',
@@ -27,9 +21,7 @@ const palette: ThemeOptions['palette'] = {
27
21
  export const osThemeOptionsLightMode: ThemeOptions = {
28
22
  components,
29
23
  palette,
30
- shape: {
31
- borderRadius: 10,
32
- },
24
+ shape: { borderRadius: 10 },
33
25
  spacing: 16,
34
26
  typography,
35
27
  }
@@ -1,14 +1,10 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  import { fontFamilyOs } from '../fontFamily.ts'
4
4
 
5
5
  export const typography: ThemeOptions['typography'] = {
6
- body1: {
7
- lineHeight: 1.57,
8
- },
9
- body2: {
10
- lineHeight: 1.57,
11
- },
6
+ body1: { lineHeight: 1.57 },
7
+ body2: { lineHeight: 1.57 },
12
8
  button: {
13
9
  fontSize: '1rem',
14
10
  textTransform: 'inherit',
@@ -18,28 +14,12 @@ export const typography: ThemeOptions['typography'] = {
18
14
  fontWeightLight: 300,
19
15
  fontWeightMedium: 600,
20
16
  fontWeightRegular: 500,
21
- h1: {
22
- fontSize: '4rem',
23
- },
24
- h2: {
25
- fontSize: '2.4rem',
26
- },
27
- h3: {
28
- fontSize: '2.24rem',
29
- },
30
- h4: {
31
- fontSize: '2rem',
32
- },
33
- h5: {
34
- fontSize: '1.5rem',
35
- },
36
- h6: {
37
- fontSize: '1.1rem',
38
- },
39
- subtitle1: {
40
- opacity: '70%',
41
- },
42
- subtitle2: {
43
- opacity: '70%',
44
- },
17
+ h1: { fontSize: '4rem' },
18
+ h2: { fontSize: '2.4rem' },
19
+ h3: { fontSize: '2.24rem' },
20
+ h4: { fontSize: '2rem' },
21
+ h5: { fontSize: '1.5rem' },
22
+ h6: { fontSize: '1.1rem' },
23
+ subtitle1: { opacity: '70%' },
24
+ subtitle2: { opacity: '70%' },
45
25
  }
@@ -1,4 +1,4 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  import { themeOptions } from './themeOptions.ts'
4
4
 
@@ -1,12 +1,7 @@
1
- import { darken, ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
+ import { darken } from '@mui/material'
2
3
 
3
- const appComponents: ThemeOptions['components'] = {
4
- MuiPaper: {
5
- defaultProps: {
6
- variant: 'elevation',
7
- },
8
- },
9
- }
4
+ const appComponents: ThemeOptions['components'] = { MuiPaper: { defaultProps: { variant: 'elevation' } } }
10
5
 
11
6
  export const partialDarkThemeOptions: ThemeOptions = {
12
7
  palette: {
@@ -15,12 +10,8 @@ export const partialDarkThemeOptions: ThemeOptions = {
15
10
  paper: '#171626',
16
11
  },
17
12
  mode: 'dark',
18
- primary: {
19
- main: '#9993F5',
20
- },
21
- secondary: {
22
- main: '#8EC8FF',
23
- },
13
+ primary: { main: '#9993F5' },
14
+ secondary: { main: '#8EC8FF' },
24
15
  },
25
16
  }
26
17
 
@@ -1,14 +1,10 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  export const partialLightThemeOptions: ThemeOptions = {
4
4
  palette: {
5
5
  mode: 'light',
6
- primary: {
7
- main: '#1f1a66',
8
- },
9
- secondary: {
10
- main: '#0f68c9',
11
- },
6
+ primary: { main: '#1f1a66' },
7
+ secondary: { main: '#0f68c9' },
12
8
  },
13
9
  }
14
10
 
@@ -1,4 +1,4 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  import { fontFamilyPrimary } from './fontFamily.ts'
4
4
 
@@ -22,16 +22,8 @@ export const components: ThemeOptions['components'] = {
22
22
  },
23
23
  },
24
24
  MuiLink: {
25
- defaultProps: {
26
- underline: 'none',
27
- },
28
- styleOverrides: {
29
- root: {
30
- '&:hover': {
31
- filter: 'brightness(75%)',
32
- },
33
- },
34
- },
25
+ defaultProps: { underline: 'none' },
26
+ styleOverrides: { root: { '&:hover': { filter: 'brightness(75%)' } } },
35
27
  },
36
28
  MuiTableCell: {
37
29
  styleOverrides: {
@@ -48,12 +40,8 @@ export const components: ThemeOptions['components'] = {
48
40
  }
49
41
 
50
42
  export const typography: ThemeOptions['typography'] = {
51
- body1: {
52
- lineHeight: 1.57,
53
- },
54
- body2: {
55
- lineHeight: 1.57,
56
- },
43
+ body1: { lineHeight: 1.57 },
44
+ body2: { lineHeight: 1.57 },
57
45
  button: {
58
46
  fontSize: '1rem',
59
47
  textTransform: 'inherit',
@@ -75,28 +63,16 @@ export const typography: ThemeOptions['typography'] = {
75
63
  fontFamily: fontFamilyPrimary,
76
64
  fontSize: '2.24rem',
77
65
  },
78
- h4: {
79
- fontSize: '2rem',
80
- },
81
- h5: {
82
- fontSize: '1.5rem',
83
- },
84
- h6: {
85
- fontSize: '1.1rem',
86
- },
87
- subtitle1: {
88
- opacity: '70%',
89
- },
90
- subtitle2: {
91
- opacity: '70%',
92
- },
66
+ h4: { fontSize: '2rem' },
67
+ h5: { fontSize: '1.5rem' },
68
+ h6: { fontSize: '1.1rem' },
69
+ subtitle1: { opacity: '70%' },
70
+ subtitle2: { opacity: '70%' },
93
71
  }
94
72
 
95
73
  export const themeOptions: ThemeOptions = {
96
74
  components,
97
- shape: {
98
- borderRadius: 8,
99
- },
75
+ shape: { borderRadius: 8 },
100
76
  spacing: 16,
101
77
  typography,
102
78
  }
@@ -1,4 +1,4 @@
1
- import { ThemeOptions } from '@mui/material'
1
+ import type { ThemeOptions } from '@mui/material'
2
2
 
3
3
  import { themeOptions } from './themeOptions.ts'
4
4
 
package/xy.config.ts CHANGED
@@ -1,9 +1,7 @@
1
- import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
1
+ import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
2
2
  const config: XyTsupConfig = {
3
3
  compile: {
4
- browser: {
5
- src: true,
6
- },
4
+ browser: { src: true },
7
5
  node: {},
8
6
  neutral: {},
9
7
  },