@xyo-network/react-theme 2.23.7

package/dist/docs.json

@@ -0,0 +1,253 @@
+{
+	"id": 0,
+	"name": "@xyo-network/react-theme",
+	"kind": 1,
+	"kindString": "Project",
+	"flags": {},
+	"originalName": "",
+	"children": [
+		{
+			"id": 1,
+			"name": "appThemeOptions",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "appThemeOptions.tsx",
+					"line": 29,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"qualifiedName": "ThemeOptions",
+				"package": "@mui/material",
+				"name": "ThemeOptions"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 7,
+			"name": "baseThemeOptions",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "themeOptions.ts",
+					"line": 96,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"qualifiedName": "ThemeOptions",
+				"package": "@mui/material",
+				"name": "ThemeOptions"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 5,
+			"name": "components",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "themeOptions.ts",
+					"line": 7,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "indexedAccess",
+				"indexType": {
+					"type": "literal",
+					"value": "components"
+				},
+				"objectType": {
+					"type": "reference",
+					"qualifiedName": "ThemeOptions",
+					"package": "@mui/material",
+					"name": "ThemeOptions"
+				}
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 2,
+			"name": "fontFamilyPrimary",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "fontFamily.ts",
+					"line": 1,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "intrinsic",
+				"name": "string"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 3,
+			"name": "partialDarkThemeOptions",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "partialDarkThemeOptions.tsx",
+					"line": 3,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"qualifiedName": "ThemeOptions",
+				"package": "@mui/material",
+				"name": "ThemeOptions"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 4,
+			"name": "partialLightThemeOptions",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "partialLightThemeOptions.tsx",
+					"line": 3,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"qualifiedName": "ThemeOptions",
+				"package": "@mui/material",
+				"name": "ThemeOptions"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 8,
+			"name": "themeOptions",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "themeOptions.ts",
+					"line": 105,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"qualifiedName": "ThemeOptions",
+				"package": "@mui/material",
+				"name": "ThemeOptions"
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 6,
+			"name": "typography",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "themeOptions.ts",
+					"line": 42,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "indexedAccess",
+				"indexType": {
+					"type": "literal",
+					"value": "typography"
+				},
+				"objectType": {
+					"type": "reference",
+					"qualifiedName": "ThemeOptions",
+					"package": "@mui/material",
+					"name": "ThemeOptions"
+				}
+			},
+			"defaultValue": "..."
+		},
+		{
+			"id": 9,
+			"name": "webThemeOptions",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "webThemeOptions.tsx",
+					"line": 8,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reference",
+				"qualifiedName": "ThemeOptions",
+				"package": "@mui/material",
+				"name": "ThemeOptions"
+			},
+			"defaultValue": "..."
+		}
+	],
+	"groups": [
+		{
+			"title": "Variables",
+			"kind": 32,
+			"children": [
+				1,
+				7,
+				5,
+				2,
+				3,
+				4,
+				8,
+				6,
+				9
+			]
+		}
+	],
+	"sources": [
+		{
+			"fileName": "index.ts",
+			"line": 1,
+			"character": 0
+		}
+	]
+}

package/dist/esm/appThemeOptions.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const appThemeOptions: ThemeOptions;

package/dist/esm/appThemeOptions.js

@@ -0,0 +1,24 @@
+import merge from 'lodash/merge';
+import { themeOptions } from './themeOptions';
+const partialAppThemeOptions = {
+    components: {
+        MuiTypography: {
+            styleOverrides: {
+                root: ({ ownerState }) => {
+                    const { clamped } = ownerState;
+                    if (clamped) {
+                        const maxWidth = parseInt(clamped, 10);
+                        return {
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            width: `clamp(1%, 100%, ${maxWidth}px)`,
+                        };
+                    }
+                },
+            },
+        },
+    },
+};
+export const appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
+//# sourceMappingURL=appThemeOptions.js.map

package/dist/esm/appThemeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appThemeOptions.js","sourceRoot":"","sources":["../../src/appThemeOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,sBAAsB,GAAiB;IAC3C,UAAU,EAAE;QACV,aAAa,EAAE;YACb,cAAc,EAAE;gBACd,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;oBACvB,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAA;oBAE9B,IAAI,OAAO,EAAE;wBACX,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAiB,EAAE,EAAE,CAAC,CAAA;wBAEhD,OAAO;4BACL,QAAQ,EAAE,QAAQ;4BAClB,YAAY,EAAE,UAAU;4BACxB,UAAU,EAAE,QAAQ;4BACpB,KAAK,EAAE,mBAAmB,QAAQ,KAAK;yBACxC,CAAA;qBACF;gBACH,CAAC;aACF;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,sBAAsB,CAAC,CAAA"}

package/dist/esm/fontFamily.d.ts

@@ -0,0 +1 @@
+export declare const fontFamilyPrimary: string;

package/dist/esm/fontFamily.js

@@ -0,0 +1,2 @@
+export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',');
+//# sourceMappingURL=fontFamily.js.map

package/dist/esm/fontFamily.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamily.js","sourceRoot":"","sources":["../../src/fontFamily.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,aAAa,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,6 @@
+export * from './appThemeOptions';
+export * from './fontFamily';
+export * from './partialDarkThemeOptions';
+export * from './partialLightThemeOptions';
+export * from './themeOptions';
+export * from './webThemeOptions';

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+export * from './appThemeOptions';
+export * from './fontFamily';
+export * from './partialDarkThemeOptions';
+export * from './partialLightThemeOptions';
+export * from './themeOptions';
+export * from './webThemeOptions';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}

package/dist/esm/partialDarkThemeOptions.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const partialDarkThemeOptions: ThemeOptions;

package/dist/esm/partialDarkThemeOptions.js

@@ -0,0 +1,12 @@
+export const partialDarkThemeOptions = {
+    palette: {
+        mode: 'dark',
+        primary: {
+            main: '#db8dfa',
+        },
+        secondary: {
+            main: '#5898dd',
+        },
+    },
+};
+//# sourceMappingURL=partialDarkThemeOptions.js.map

package/dist/esm/partialDarkThemeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partialDarkThemeOptions.js","sourceRoot":"","sources":["../../src/partialDarkThemeOptions.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAA"}

package/dist/esm/partialLightThemeOptions.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const partialLightThemeOptions: ThemeOptions;

package/dist/esm/partialLightThemeOptions.js

@@ -0,0 +1,12 @@
+export const partialLightThemeOptions = {
+    palette: {
+        mode: 'light',
+        primary: {
+            main: '#1f1a66',
+        },
+        secondary: {
+            main: '#0f68c9',
+        },
+    },
+};
+//# sourceMappingURL=partialLightThemeOptions.js.map

package/dist/esm/partialLightThemeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partialLightThemeOptions.js","sourceRoot":"","sources":["../../src/partialLightThemeOptions.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAiB;IACpD,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAA"}

package/dist/esm/themeOptions.d.ts

@@ -0,0 +1,5 @@
+import { ThemeOptions } from '@mui/material';
+export declare const components: ThemeOptions['components'];
+export declare const typography: ThemeOptions['typography'];
+export declare const baseThemeOptions: ThemeOptions;
+export declare const themeOptions: ThemeOptions;

package/dist/esm/themeOptions.js

@@ -0,0 +1,99 @@
+import merge from 'lodash/merge';
+import { fontFamilyPrimary } from './fontFamily';
+import { partialLightThemeOptions } from './partialLightThemeOptions';
+export const components = {
+    MuiCard: {
+        styleOverrides: {
+            root: {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'space-between',
+            },
+        },
+    },
+    MuiCardHeader: {
+        styleOverrides: {
+            content: {
+                display: 'flex',
+                flexDirection: 'column',
+                overflow: 'hidden',
+            },
+        },
+    },
+    MuiLink: {
+        defaultProps: {
+            underline: 'none',
+        },
+        styleOverrides: {
+            root: {
+                '&:hover': {
+                    filter: 'brightness(75%)',
+                },
+            },
+        },
+    },
+};
+const lowerFontWeight = 400;
+export const typography = {
+    body1: {
+        fontWeight: 400,
+        lineHeight: 1.57,
+    },
+    body2: {
+        lineHeight: 1.57,
+    },
+    button: {
+        fontSize: '1rem',
+        fontWeight: 500,
+        textTransform: 'inherit',
+    },
+    fontFamily: fontFamilyPrimary,
+    fontWeightBold: 700,
+    fontWeightLight: 200,
+    fontWeightMedium: 600,
+    fontWeightRegular: 400,
+    h1: {
+        fontFamily: fontFamilyPrimary,
+        fontSize: '4rem',
+        fontWeight: 200,
+    },
+    h2: {
+        fontFamily: fontFamilyPrimary,
+        fontSize: '2.4rem',
+        fontWeight: lowerFontWeight,
+    },
+    h3: {
+        fontFamily: fontFamilyPrimary,
+        fontSize: '2.24rem',
+        fontWeight: lowerFontWeight,
+    },
+    h4: {
+        fontSize: '2rem',
+        fontWeight: lowerFontWeight,
+    },
+    h5: {
+        fontSize: '1.5rem',
+        fontWeight: lowerFontWeight,
+    },
+    h6: {
+        fontSize: '1.25rem',
+        fontWeight: lowerFontWeight,
+    },
+    subtitle1: {
+        opacity: '50%',
+        textTransform: 'uppercase',
+    },
+    subtitle2: {
+        opacity: '50%',
+    },
+};
+export const baseThemeOptions = {
+    components,
+    shape: {
+        borderRadius: 4,
+    },
+    spacing: 12,
+    typography,
+};
+export const themeOptions = merge({}, baseThemeOptions, partialLightThemeOptions);
+//# sourceMappingURL=themeOptions.js.map

package/dist/esm/themeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeOptions.js","sourceRoot":"","sources":["../../src/themeOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,CAAC,MAAM,UAAU,GAA+B;IACpD,OAAO,EAAE;QACP,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,cAAc,EAAE,eAAe;aAChC;SACF;KACF;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,QAAQ,EAAE,QAAQ;aACnB;SACF;KACF;IACD,OAAO,EAAE;QACP,YAAY,EAAE;YACZ,SAAS,EAAE,MAAM;SAClB;QACD,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,SAAS,EAAE;oBACT,MAAM,EAAE,iBAAiB;iBAC1B;aACF;SACF;KACF;CACF,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;AAE3B,MAAM,CAAC,MAAM,UAAU,GAA+B;IACpD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,IAAI;KACjB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,IAAI;KACjB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,SAAS;KACzB;IACD,UAAU,EAAE,iBAAiB;IAC7B,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,gBAAgB,EAAE,GAAG;IACrB,iBAAiB,EAAE,GAAG;IACtB,EAAE,EAAE;QACF,UAAU,EAAE,iBAAiB;QAC7B,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;KAChB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,iBAAiB;QAC7B,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,eAAe;KAC5B;IACD,EAAE,EAAE;QACF,UAAU,EAAE,iBAAiB;QAC7B,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,eAAe;KAC5B;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,eAAe;KAC5B;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,eAAe;KAC5B;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,eAAe;KAC5B;IACD,SAAS,EAAE;QACT,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,WAAW;KAC3B;IACD,SAAS,EAAE;QACT,OAAO,EAAE,KAAK;KACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,UAAU;IACV,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;KAChB;IACD,OAAO,EAAE,EAAE;IACX,UAAU;CACX,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,EAAE,gBAAgB,EAAE,wBAAwB,CAAC,CAAA"}

package/dist/esm/webThemeOptions.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const webThemeOptions: ThemeOptions;

package/dist/esm/webThemeOptions.js

@@ -0,0 +1,5 @@
+import merge from 'lodash/merge';
+import { themeOptions } from './themeOptions';
+const partialWebThemeOptions = {};
+export const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions);
+//# sourceMappingURL=webThemeOptions.js.map

package/dist/esm/webThemeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webThemeOptions.js","sourceRoot":"","sources":["../../src/webThemeOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,sBAAsB,GAAiB,EAAE,CAAA;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,sBAAsB,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,135 @@
+{
+  "name": "@xyo-network/react-theme",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.8.0",
+    "@mui/lab": "^5.0.0-alpha.83",
+    "@mui/material": "^5.8.1",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xyo-network/api": "^2.20.33",
+    "@xyo-network/core": "^2.20.33",
+    "@xyo-network/network": "^2.20.33",
+    "@xyo-network/panel": "^2.20.33",
+    "@xyo-network/systeminfo-witness": "^2.20.33",
+    "@xyo-network/utils": "^2.20.33",
+    "lodash": "^4.17.21",
+    "luxon": "^2.4.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-icons": "^4.3.1",
+    "react-json-view": "^1.21.3",
+    "react-router-dom": "^6.3.0",
+    "rollbar": "^2.25.0",
+    "typedoc": "^0.22.15"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@babel/core": "^7.18.0",
+    "@babel/preset-env": "^7.18.0",
+    "@storybook/addon-actions": "^6.5.4",
+    "@storybook/addon-docs": "^6.5.4",
+    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-interactions": "^6.5.4",
+    "@storybook/addon-links": "^6.5.4",
+    "@storybook/addons": "^6.5.4",
+    "@storybook/api": "^6.5.4",
+    "@storybook/builder-webpack5": "^6.5.4",
+    "@storybook/components": "^6.5.4",
+    "@storybook/core-events": "^6.5.4",
+    "@storybook/manager-webpack5": "^6.5.4",
+    "@storybook/react": "^6.5.4",
+    "@storybook/testing-library": "^0.0.11",
+    "@storybook/theming": "^6.5.4",
+    "@types/lodash": "^4.14.182",
+    "@types/luxon": "^2.3.2",
+    "@xylabs/eslint-config-react": "^2.1.5",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/rollup-config": "^1.1.17",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xylabs/ts-scripts": "^1.0.66",
+    "@xylabs/tsconfig": "^1.0.13",
+    "assert": "^2.0.0",
+    "axios": "^0.27.2",
+    "storybook-dark-mode": "^1.1.0",
+    "typescript": "^4.6.4"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "peerDependencies": {
+    "axios": ">0.26",
+    "typedoc": "^0.22.13"
+  },
+  "peerDependenciesMeta": {
+    "typedoc": {
+      "optional": true
+    }
+  },
+  "resolutions": {
+    "@storybook/react/webpack": "^5",
+    "bn.js": "^5.2.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "webpack": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "deploy": "yarn deploy3",
+    "lint-pkg": "npmPkgJsonLint .",
+    "build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn gen:docs",
+    "gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json",
+    "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\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.23.7",
+  "packageManager": "yarn@3.1.1"
+}

package/src/appThemeOptions.tsx

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

package/src/fontFamily.ts

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

package/src/index.ts

@@ -0,0 +1,6 @@
+export * from './appThemeOptions'
+export * from './fontFamily'
+export * from './partialDarkThemeOptions'
+export * from './partialLightThemeOptions'
+export * from './themeOptions'
+export * from './webThemeOptions'

package/src/partialDarkThemeOptions.tsx

@@ -0,0 +1,13 @@
+import { ThemeOptions } from '@mui/material'
+
+export const partialDarkThemeOptions: ThemeOptions = {
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#db8dfa',
+    },
+    secondary: {
+      main: '#5898dd',
+    },
+  },
+}