gox-design-system 0.0.1 → 0.0.2

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "gox-design-system",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
   "dependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -13,7 +16,8 @@
     "@types/react-dom": "^19.0.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
+    "tsc": "^2.0.4",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },
@@ -21,7 +25,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "compile": "npx tsc"
   },
   "eslintConfig": {
     "extends": [

package/src/components/input/index.d.ts

@@ -0,0 +1 @@
+export declare type InputProps = {}

package/src/components/input/index.tsx

@@ -1,3 +1,4 @@
+
 export default function Input() {
-    return(<input type="text"/>)
+    return(<input type="text" placeholder="Omkar"/>)
 }

package/src/index.tsx

@@ -3,13 +3,14 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import Input from './components/input';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 root.render(
   <React.StrictMode>
-    <input />
+    <Input />
   </React.StrictMode>
 );
 

package/tsconfig.json

@@ -21,6 +21,6 @@
     "jsx": "react-jsx"
   },
   "include": [
-    "src"
+    "src/components/**/*.tsx",
   ]
 }