beca-ui 2.1.1-beta.32 → 2.1.1-beta.34

package/dist/beca-ui.js

@@ -91281,55 +91281,65 @@ const {
   const {
     size: t = "success",
     secondary: n,
-    status: r = "default",
+    status: r,
     disabled: o = !1,
     shape: i = "default",
-    type: a = "default",
-    loading: l,
-    block: s,
-    className: c
-  } = e, u = r ?? (a !== "default" && r === "default" ? "info" : r);
-  let d = "beca-btn";
-  switch (c && (d += " " + c), t === "small" ? d += " small-btn" : t === "large" && (d += " large-btn"), n && (d += " secondary"), (l || o) && (d += " disabled"), s && (d += " block-btn"), u) {
+    variant: a,
+    type: l,
+    loading: s,
+    block: c,
+    className: u
+  } = e, d = a ?? (n ? "outlined" : l) ?? "default", h = r ?? (d !== "default" ? "info" : "default");
+  let g = "beca-btn";
+  switch (u && (g += " " + u), t === "small" ? g += " small-btn" : t === "large" && (g += " large-btn"), (s || o) && (g += " disabled"), c && (g += " block-btn"), h) {
     case "info":
-      d += " info-button";
+      g += " info-button";
       break;
     case "success":
-      d += " success-button";
+      g += " success-button";
       break;
     case "warning":
-      d += " warning-button";
+      g += " warning-button";
       break;
     case "danger":
-      d += " danger-button";
+      g += " danger-button";
       break;
     default:
-      d += " default-button";
+      g += " default-button";
       break;
   }
   switch (i) {
     case "round":
-      d += " round-btn";
+      g += " round-btn";
       break;
     case "circle":
-      d += " circle-btn";
+      g += " circle-btn";
       break;
   }
-  switch (a) {
+  switch (d) {
+    case "outlined":
+      g += " secondary outlined-btn";
+      break;
     case "dashed":
-      d += n ? " dashed-btn" : " secondary dashed-btn";
+      g += " secondary dashed-btn";
       break;
     case "link":
-      d += " link-btn";
+      g += " link-btn";
       break;
     case "text":
-      d += " text-btn";
+      g += " text-btn";
+      break;
+    case "filled":
+      g += " filled-btn";
+      break;
+    case "filledOutlined":
+      g += " filled-outlined-btn";
       break;
     case "primary":
-      d += " primary-btn";
+      g += " primary-btn";
       break;
   }
-  return d;
+  return g;
 }, vrt = (e) => {
   const { className: t } = e;
   let n = "beca-dropdown";

package/dist/components/Button/Button.types.d.ts

@@ -1,14 +1,19 @@
 import React from "react";
-export type ButtonType = "primary" | "dashed" | "text" | "link" | "default";
+export type ButtonVariant = "primary" | "dashed" | "text" | "link" | "filled" | "filledOutlined" | "outlined" | "default";
+/** @deprecated Use ButtonVariant instead */
+export type ButtonType = ButtonVariant;
 export type ButtonShape = "round" | "default" | "circle";
 export type ButtonStatus = "default" | "success" | "info" | "warning" | "danger";
 export type ButtonSize = "small" | "medium" | "large";
 export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "size" | "type"> {
     /** Provide a text to the button */
     size?: ButtonSize;
+    /** @deprecated Use variant="outlined" instead */
     secondary?: boolean;
     status?: ButtonStatus;
-    type?: ButtonType;
+    variant?: ButtonVariant;
+    /** @deprecated Use variant instead */
+    type?: ButtonVariant;
     shape?: ButtonShape;
     icon?: React.ReactNode;
     disabled?: boolean;