@zesty-io/material 0.0.0 → 0.0.1-0

package/package.json

@@ -1,21 +1,32 @@
 {
   "name": "@zesty-io/material",
-  "version": "0.0.0",
+  "version": "0.0.1-0",
   "description": "Contains custom components which are in addition to the @mui design-system",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "release": "npm publish --access public",
-    "release:alpha": "npm publish --access public --tag alpha"
-  },
+  "author": "Zesty.io",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/zesty-io/material.git"
   },
-  "author": "",
-  "license": "ISC",
   "bugs": {
     "url": "https://github.com/zesty-io/material/issues"
   },
-  "homepage": "https://github.com/zesty-io/material#readme"
+  "homepage": "https://github.com/zesty-io/material#readme",
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "release": "npm publish --access public",
+    "release:alpha": "npm publish --access public --tag alpha"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/material": "^5.6.4"
+  },
+  "devDependencies": {
+    "typescript": "^4.6.3"
+  }
 }

package/src/index.ts

@@ -0,0 +1 @@
+export { default as theme } from './theme';

package/src/theme/index.ts

@@ -0,0 +1,10 @@
+import palette from './palette';
+import typography from './typography';
+import { createTheme, Theme } from '@mui/material/styles';
+
+const theme: Theme = createTheme({
+  palette,
+  typography,
+});
+
+export default theme;

package/src/theme/palette.ts

@@ -0,0 +1,38 @@
+import { PaletteOptions } from '@mui/material/styles';
+const palette: PaletteOptions = {
+  primary: {
+    main: '#404759',
+    contrastText: '#ffffff',
+  },
+  secondary: {
+    main: '#497edf',
+    contrastText: '#ffffff',
+  },
+  success: {
+    main: '#75bf25',
+    contrastText: '#ffffff',
+  },
+  warning: {
+    main: '#f17829',
+    contrastText: '#ffffff',
+  },
+  error: {
+    main: '#e53c05',
+    contrastText: '#ffffff',
+  },
+  // action: {
+  //   active: 'rgba(0,0,0,54)',
+  //   hover: 'rgba(0,0,0,0.04)',
+  //   hoverOpacity: 0.04,
+  //   selected: 'rgba(0,0,0,0.08)',
+  //   selectedOpacity: 0.08,
+  //   disabled: 'rgba(26, 32, 44, 0.4)',
+  //   disabledBackground: 'rgba(26, 32, 44, 0.12)',
+  //   disabledOpacity: 0.4,
+  //   focus: 'rgba(0,0,0,0.12)',
+  //   focusOpacity: 0.12,
+  //   activatedOpacity: 0.12,
+  // },
+};
+
+export default palette;

package/src/theme/typography.ts

@@ -0,0 +1,7 @@
+import { TypographyVariantsOptions } from '@mui/material/styles';
+
+const typography: TypographyVariantsOptions = {
+  fontFamily: "'Mulish'",
+};
+
+export default typography;

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "outDir": "es",
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "declaration": true,
+    "jsx": "react-jsx",
+  },
+  "include": ["src"],
+}