@bbki.ng/components 5.1.3 → 5.2.1

package/dist/button/Button.d.ts

@@ -3,7 +3,8 @@ export declare enum ButtonType {
     DANGER = "danger",
     PRIMARY = "primary",
     NORMAL = "normal",
-    DISABLED = "disabled"
+    DISABLED = "disabled",
+    GHOST = "ghost"
 }
 export interface ButtonProps {
     className?: string;
@@ -11,6 +12,7 @@ export interface ButtonProps {
     type?: ButtonType;
     onClick: EventHandler<React.MouseEvent<HTMLButtonElement>>;
     btnType?: "submit" | "reset" | "button";
+    size?: "small" | "medium" | "large";
 }
 export declare function Button(props: ButtonProps): JSX.Element;
 export declare namespace Button {

package/dist/button/Button.mjs

@@ -1,35 +1,40 @@
-import m from "react";
-import u from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
-import { jsx as p } from "../_virtual/jsx-runtime.mjs";
-var b = /* @__PURE__ */ ((t) => (t.DANGER = "danger", t.PRIMARY = "primary", t.NORMAL = "normal", t.DISABLED = "disabled", t))(b || {});
-function h(t) {
-  const o = {
+import h from "react";
+import o from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { jsx as b } from "../_virtual/jsx-runtime.mjs";
+var g = /* @__PURE__ */ ((t) => (t.DANGER = "danger", t.PRIMARY = "primary", t.NORMAL = "normal", t.DISABLED = "disabled", t.GHOST = "ghost", t))(g || {});
+function x(t) {
+  const n = {
     danger: "text-red-500",
     primary: "text-blue-600",
     disabled: "text-gray-400 cursor-not-allowed",
-    normal: "text-black"
-  }, [a, r] = m.useState(!1), {
+    normal: "text-black",
+    ghost: "text-black bg-transparent"
+  }, [s, r] = h.useState(!1), {
     type: e = "normal",
-    className: s = "",
-    onClick: n,
-    btnType: l
-  } = t, i = e === "disabled" ? "" : u("transition-all duration-200 ease-in-out shadow-button active:shadow-empty", {
-    "shadow-empty": a,
-    "hover:shadow-button-hover": !a
-  }), d = (c) => {
+    className: l = "",
+    onClick: i,
+    btnType: d,
+    size: a = "medium"
+  } = t, m = e === "disabled" || e === "ghost" ? "" : o("transition-all duration-200 ease-in-out shadow-button active:shadow-empty", {
+    "shadow-empty": s,
+    "hover:shadow-button-hover": !s
+  }), c = (p) => {
     e !== "disabled" && (r(!0), setTimeout(() => {
-      r(!1), n(c);
+      r(!1), i(p);
     }, 280));
-  };
-  return /* @__PURE__ */ p("button", {
-    className: `${o[e]} ${s} ${i} py-8 px-16 transition-all duration-200 ease-in-out`,
-    onClick: d,
-    type: l,
+  }, u = o({
+    "py-8 px-8": a === "small",
+    "py-8 px-16": a === "medium" || a === "large"
+  });
+  return /* @__PURE__ */ b("button", {
+    className: `${n[e]} ${l} ${m} ${u} transition-all duration-200 ease-in-out`,
+    onClick: c,
+    type: d,
     children: t.children
   });
 }
-h.displayName = "Button";
+x.displayName = "Button";
 export {
-  h as Button,
-  b as ButtonType
+  x as Button,
+  g as ButtonType
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "5.1.3",
+  "version": "5.2.1",
   "type": "module",
   "files": [
     "dist"
@@ -35,7 +35,7 @@
     "classnames": "2.3.1",
     "phenomenon": "^1.6.0",
     "react-hook-form": "7.54.2",
-    "@bbki.ng/stylebase": "3.0.2"
+    "@bbki.ng/stylebase": "3.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.9",