@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.
- package/dist/browser/OsTheme/Components.d.ts +3 -0
- package/dist/browser/OsTheme/Components.d.ts.map +1 -0
- package/dist/browser/OsTheme/DarkMode.d.ts +3 -0
- package/dist/browser/OsTheme/DarkMode.d.ts.map +1 -0
- package/dist/browser/OsTheme/LightMode.d.ts +3 -0
- package/dist/browser/OsTheme/LightMode.d.ts.map +1 -0
- package/dist/browser/OsTheme/Typography.d.ts +3 -0
- package/dist/browser/OsTheme/Typography.d.ts.map +1 -0
- package/dist/browser/OsTheme/index.d.ts +2 -0
- package/dist/browser/OsTheme/index.d.ts.map +1 -0
- package/dist/browser/OsTheme/osThemeOptions.d.ts +16 -0
- package/dist/browser/OsTheme/osThemeOptions.d.ts.map +1 -0
- package/dist/browser/appThemeOptions.d.ts +16 -0
- package/dist/browser/appThemeOptions.d.ts.map +1 -0
- package/dist/browser/fontFamily.d.ts +3 -0
- package/dist/browser/fontFamily.d.ts.map +1 -0
- package/dist/browser/index.d.ts +8 -68
- package/dist/browser/index.d.ts.map +1 -0
- package/dist/browser/index.mjs.map +1 -1
- package/dist/browser/partialDarkThemeOptions.d.ts +4 -0
- package/dist/browser/partialDarkThemeOptions.d.ts.map +1 -0
- package/dist/browser/partialLightThemeOptions.d.ts +4 -0
- package/dist/browser/partialLightThemeOptions.d.ts.map +1 -0
- package/dist/browser/themeOptions.d.ts +5 -0
- package/dist/browser/themeOptions.d.ts.map +1 -0
- package/dist/browser/webThemeOptions.d.ts +16 -0
- package/dist/browser/webThemeOptions.d.ts.map +1 -0
- package/package.json +36 -36
- package/src/OsTheme/Components.tsx +5 -19
- package/src/OsTheme/DarkMode.tsx +5 -13
- package/src/OsTheme/LightMode.tsx +5 -13
- package/src/OsTheme/Typography.tsx +11 -31
- package/src/appThemeOptions.tsx +1 -1
- package/src/partialDarkThemeOptions.tsx +5 -14
- package/src/partialLightThemeOptions.tsx +3 -7
- package/src/themeOptions.ts +11 -35
- package/src/webThemeOptions.tsx +1 -1
- package/xy.config.ts +2 -4
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,68 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
-
"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"
|
|
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
|
-
"
|
|
10
|
-
"
|
|
13
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
|
|
14
|
+
"email": "support@xyo.network"
|
|
11
15
|
},
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
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
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
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
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
45
|
+
"devDependencies": {
|
|
46
|
+
"@xylabs/ts-scripts-yarn3": "^4.0.7",
|
|
47
|
+
"typescript": "^5.5.4"
|
|
49
48
|
},
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
49
|
+
"peerDependencies": {
|
|
50
|
+
"@mui/material": "^5",
|
|
51
|
+
"react": "^18.2.0",
|
|
52
|
+
"react-dom": "^18.2.0"
|
|
53
53
|
},
|
|
54
|
-
"
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"
|
|
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
|
-
|
|
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: {
|
package/src/OsTheme/DarkMode.tsx
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
23
|
-
},
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
|
|
28
|
-
|
|
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
|
}
|
package/src/appThemeOptions.tsx
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
import {
|
|
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
|
-
|
|
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
|
-
|
|
8
|
-
},
|
|
9
|
-
secondary: {
|
|
10
|
-
main: '#0f68c9',
|
|
11
|
-
},
|
|
6
|
+
primary: { main: '#1f1a66' },
|
|
7
|
+
secondary: { main: '#0f68c9' },
|
|
12
8
|
},
|
|
13
9
|
}
|
|
14
10
|
|
package/src/themeOptions.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
80
|
-
},
|
|
81
|
-
|
|
82
|
-
|
|
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
|
}
|
package/src/webThemeOptions.tsx
CHANGED
package/xy.config.ts
CHANGED