@bouko/react 0.5.4 → 0.5.6

package/dist/components/button.d.ts

@@ -4,6 +4,7 @@ export type ButtonProps = {
     size?: "sm" | "md" | "lg";
     style?: string;
     onClick?: () => void;
+    disabled?: boolean;
     children: ReactNode;
 };
 export declare function Button({ variant, style, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button.js

@@ -4,16 +4,18 @@ export function Button({ variant, style, ...props }) {
     return (_jsx("button", { className: cn(styles({ variant }), style), ...props }));
 }
 const styles = tv({
-    base: "flex items-center gap-2 px-4 py-2 bg-accent hover:bg-accent-dark border border-accent-dark rounded font-semibold text-background-light duration-200 cursor-pointer",
+    base: "flex items-center gap-2 bg-accent hover:bg-accent-dark border border-accent-dark rounded font-semibold text-background-light duration-200 cursor-pointer disabled:cursor-not-allowed",
+    defaultVariants: { size: "md" },
     variants: {
         variant: {
             primary: "bg-primary hover:bg-primary-dark border-primary-dark",
-            outline: "!bg-transparent border-2 border-accent hover:border-accent-dark text-primary",
+            outline: "!bg-transparent border-accent hover:border-accent-dark text-primary",
             ghost: "!bg-transparent border-transparent text-accent hover:text-accent-dark"
         },
         size: {
             sm: "px-3 py-1 text-sm",
-            lg: "text-lg"
+            md: "px-4 py-2",
+            lg: "px-5 py-3 text-lg"
         }
     }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",