bianic-ui 0.4.5 → 0.4.6

package/dist/cjs/index.js

@@ -2847,8 +2847,8 @@ var reactExports = react.exports;
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 var Button = function (_a) {
-    var label = _a.label, variant = _a.variant, size = _a.size, rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "rounded", "left", "right"]);
-    var radius; // size
+    var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "right"]);
+    var buttonRadius; // size
     var text;
     var border = "";
     var padding;
@@ -2928,7 +2928,15 @@ var Button = function (_a) {
         color = "hover:bg-bia-darkgray-pastel bg-primary-white";
     }
     // type
-    rounded ? radius = "rounded-[1.5rem]" : radius = "rounded-[0.19rem]";
+    if (radius === "full-rounded") {
+        buttonRadius = "rounded-full";
+    }
+    else if (radius === "rounded") {
+        buttonRadius = "rounded-[1.5rem]";
+    }
+    else {
+        buttonRadius = "rounded-[0.19rem]";
+    }
     // size
     if (size === "large") {
         text += " text-2xl";
@@ -2950,7 +2958,7 @@ var Button = function (_a) {
     if (rest.disabled) {
         shadow = "";
     }
-    return React.createElement("button", __assign({}, rest, { className: "button inline-flex p- justify-center align-middle gap-[5px] font-medium font-['Segoe UI'] ".concat(radius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow) }),
+    return React.createElement("button", __assign({}, rest, { className: "button inline-flex justify-center align-middle gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow, " ").concat(rest.className) }),
         left,
         label,
         right);

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

@@ -1,11 +1,11 @@
 import React, { ComponentPropsWithoutRef } from "react";
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label?: string;
+    label?: any;
     variant?: string;
     size?: string;
-    rounded?: boolean;
+    radius?: string;
     left?: any;
     right?: any;
 }
-declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/esm/index.js

@@ -2845,8 +2845,8 @@ var reactExports = react.exports;
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 var Button = function (_a) {
-    var label = _a.label, variant = _a.variant, size = _a.size, rounded = _a.rounded, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "rounded", "left", "right"]);
-    var radius; // size
+    var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "right"]);
+    var buttonRadius; // size
     var text;
     var border = "";
     var padding;
@@ -2926,7 +2926,15 @@ var Button = function (_a) {
         color = "hover:bg-bia-darkgray-pastel bg-primary-white";
     }
     // type
-    rounded ? radius = "rounded-[1.5rem]" : radius = "rounded-[0.19rem]";
+    if (radius === "full-rounded") {
+        buttonRadius = "rounded-full";
+    }
+    else if (radius === "rounded") {
+        buttonRadius = "rounded-[1.5rem]";
+    }
+    else {
+        buttonRadius = "rounded-[0.19rem]";
+    }
     // size
     if (size === "large") {
         text += " text-2xl";
@@ -2948,7 +2956,7 @@ var Button = function (_a) {
     if (rest.disabled) {
         shadow = "";
     }
-    return React.createElement("button", __assign({}, rest, { className: "button inline-flex p- justify-center align-middle gap-[5px] font-medium font-['Segoe UI'] ".concat(radius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow) }),
+    return React.createElement("button", __assign({}, rest, { className: "button inline-flex justify-center align-middle gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow, " ").concat(rest.className) }),
         left,
         label,
         right);

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

@@ -1,11 +1,11 @@
 import React, { ComponentPropsWithoutRef } from "react";
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label?: string;
+    label?: any;
     variant?: string;
     size?: string;
-    rounded?: boolean;
+    radius?: string;
     left?: any;
     right?: any;
 }
-declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 
 interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label?: string;
+    label?: any;
     variant?: string;
     size?: string;
-    rounded?: boolean;
+    radius?: string;
     left?: any;
     right?: any;
 }
-declare const Button: ({ label, variant, size, rounded, left, right, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
 
 declare const Dump: () => React.JSX.Element;
 

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c"