bianic-ui 1.12.0 → 1.13.0-beta.1

package/dist/cjs/index.js

@@ -1635,24 +1635,19 @@ function Color() {
 }
 
 var DividerConfig = {
-    horizontal: {
-        containerClass: 'h-px w-full',
-        lineClass: 'w-full border-t',
-    },
-    vertical: {
-        containerClass: 'h-full w-px',
-        lineClass: 'h-full border-r',
-    },
+    horizontal: 'h-px w-full',
+    vertical: 'h-full w-px',
 };
 
 function Divider(_a) {
-    var orientation = _a.orientation, classname = _a.classname;
-    var _b = DividerConfig[orientation], containerClass = _b.containerClass, lineClass = _b.lineClass;
-    return (React.createElement("div", { className: "".concat(containerClass, " ").concat(classname, " py-[7.5px]") },
-        React.createElement("div", { className: "".concat(lineClass, " border-bia-grey-light-50") })));
+    var _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, className = _a.className;
+    var config = DividerConfig[orientation];
+    var margin = orientation === 'horizontal' ? 'my-[7px]' : 'mx-[7px]';
+    return (React.createElement("div", { className: "bianic-divider bg-bia-grey-light-50 ".concat(margin, " ").concat(config, " ").concat(className) }));
 }
 Divider.defaultProps = {
-    classname: '',
+    className: '',
+    orientation: 'horizontal',
 };
 
 var FileTree = function (_a) {
@@ -3218,7 +3213,7 @@ function Modal(_a) {
             React.createElement("div", { className: "bianic-modal flex flex-col gap-[20px] rounded-[5px] bg-white p-[20px] ".concat(modalSize), onClick: onClick },
                 React.createElement("div", { className: "bianic-modal-header flex justify-between" },
                     React.createElement("div", { className: " text-wrap text-left font-humnst777 text-[18px] font-bold leading-[21.85px] text-primary-black" }, title),
-                    React.createElement(Button, { variant: "subtle", radius: "full-rounded", iconLeft: React.createElement(TbX, null), size: "tn", onClick: function () { return onClose(); } })),
+                    React.createElement(Button, { variant: "subtle", radius: "full-rounded", iconLeft: React.createElement(TbX, { size: 14 }), size: "tn", onClick: function () { return onClose(); } })),
                 React.createElement("div", { className: "bianic-modal-content flex w-full flex-col items-start gap-[20px]" }, rest.children))));
     }
     return null;