ui-beyable 1.0.0

package/README.md

@@ -0,0 +1 @@
+# beyableUI

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "ui-beyable",
+  "version": "1.0.0",
+  "description": "Ui library of Beyable projets",
+  "main": "src/index.ts",
+  "files": [
+    "src/**/*"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc"
+  },
+  "plugins": [
+    {
+      "name": "typescript-plugin-css-modules"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BEYABLE/beyableUI.git"
+  },
+  "keywords": [
+    "beyable"
+  ],
+  "author": "Beyable",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/BEYABLE/beyableUI/issues"
+  },
+  "homepage": "https://github.com/BEYABLE/beyableUI#readme",
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@tsconfig/recommended": "^1.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.1.3",
+    "@types/react": "^18.2.12",
+    "@types/react-dom": "^18.2.5",
+    "typescript-plugin-css-modules": "^3.4.0"
+  },
+  "devDependencies": {
+    
+  }
+}

package/src/components/Button.css

@@ -0,0 +1,3 @@
+.btn{
+    color: blue;
+}

package/src/components/Button.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button = (props) => {
+    const { children } = props;
+    return ((0, jsx_runtime_1.jsx)("button", { children: children }));
+};
+exports.default = Button;

package/src/components/Button.tsx

@@ -0,0 +1,18 @@
+
+import React from "react";
+ interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    backgroundColor?: string;
+    color?: string;
+}
+
+ const Button: React.FunctionComponent<IButtonProps> = (props) => {
+    const { children } = props;
+
+
+    return (
+        <button >
+            {children}
+        </button>
+    )}; 
+    
+  export default Button

package/src/components/ByBtn.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BYBtn = (props) => {
+    return (0, jsx_runtime_1.jsx)("button", { children: props.label });
+};
+exports.default = BYBtn;

package/src/components/ByBtn.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+export interface ButtonProps {
+  label: string;
+}
+
+const BYBtn = (props: ButtonProps) => {
+  return <button>{props.label}</button>;
+};
+
+export default BYBtn;