@unllamas/ui - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

.eslintrc.js

@@ -10,5 +10,5 @@ /** @type {import("eslint").Linter.Config} */
     },
-    "ecmaVersion": 12,
+    "ecmaVersion": 2018,
     "sourceType": "module"
   },
 };

.turbo/turbo-lint.log

 
-> @unllamas/ui@0.0.3 lint /Users/macbook/Documents/Testing/component-test/packages/ui
+> @unllamas/ui@0.0.4 lint /Users/macbook/Documents/Testing/component-test/packages/ui
 > eslint . --max-warnings 0
 

package.json

 {
   "name": "@unllamas/ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "private": false,
@@ -13,4 +13,2 @@ "exports": {
   "devDependencies": {
-    "@unllamas/eslint-config": "workspace:*",
-    "@unllamas/typescript-config": "workspace:*",
     "@turbo/gen": "^1.10.12",
@@ -21,5 +19,8 @@ "@types/eslint": "^8.44.7",
     "@types/react-dom": "^18.2.0",
+    "@unllamas/eslint-config": "workspace:*",
+    "@unllamas/typescript-config": "workspace:*",
     "eslint": "^8.53.0",
     "react": "^18.2.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "webpack": "^5.89.0"
   },
@@ -26,0 +27,0 @@ "dependencies": {

src/Button/index.tsx

 "use client";
 
-import { ButtonProps } from "./types";
+import { ReactNode } from "react";
 
+import { Color, Variant, Size } from "./types";
+
 import { theme } from "../theme";
 import { BaseButton } from "./style";
 
-export function Button(props: ButtonProps) {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: ReactNode;
+  color?: Color;
+  variant?: Variant;
+  size?: Size;
+  loading?: boolean;
+  disabled?: boolean;
+  componentName?: string;
+  tabIndex?: number;
+  onClick: () => any;
+  onTouchStart?: () => void;
+  onTouchEnd?: () => void;
+  onMouseDown?: () => void;
+  onMouseUp?: () => void;
+}
+
+export function Button(props: ButtonProps): JSX.Element {
   const {
@@ -63,1 +81,3 @@ children,
 }
+
+Button.displayName = "Button";

src/Button/types.ts

@@ -7,18 +7,2 @@ import { ReactNode } from "react";
 
-export interface ButtonProps {
-  children: ReactNode;
-  color?: Color;
-  variant?: Variant;
-  size?: Size;
-  loading?: boolean;
-  disabled?: boolean;
-  componentName?: string;
-  tabIndex?: number;
-  onClick: () => any;
-  onTouchStart?: () => void;
-  onTouchEnd?: () => void;
-  onMouseDown?: () => void;
-  onMouseUp?: () => void;
-}
-
 export interface BaseButtonProps {
@@ -25,0 +9,0 @@ $background?: string;

src/index.tsx

@@ -6,4 +6,4 @@ // Styles
 // Components
-export * from "./Button";
+export { Button, type ButtonProps } from "./Button";
 export * from "./Flex";
 export * from "./Divider";

No alert changes

Improved metrics

Total package byte prevSize

8484

2.39%

Lines of code

307

0.33%

Worsened metrics

Dev dependency count

11

10%

No dependency changes