bianic-ui 1.12.1 → 1.13.0-beta.2

package/dist/cjs/index.js

@@ -1516,7 +1516,7 @@ var stateColorConfig = {
 };
 
 var ContextualButton = function (_a) {
-    var label = _a.label, icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'dark' : _b, disabled = _a.disabled; _a.isNotified; var _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, props = __rest(_a, ["label", "icon", "variant", "disabled", "isNotified", "isSelected"]);
+    var actionElement = _a.actionElement, label = _a.label, icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'dark' : _b, disabled = _a.disabled; _a.isNotified; var _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, props = __rest(_a, ["actionElement", "label", "icon", "variant", "disabled", "isNotified", "isSelected"]);
     var textColor = isSelected
         ? variant === 'dark'
             ? 'text-primary-black'
@@ -1525,7 +1525,8 @@ var ContextualButton = function (_a) {
     var stateColor = stateColorConfig[isSelected ? 'selected' : 'default'];
     return (React.createElement("button", __assign({ className: "contextual-button box-border flex flex-row items-center rounded-radius-sm border border-transparent p-[1px] outline-none ".concat(stateColor, " ").concat(textColor) }, props, { disabled: disabled }),
         icon,
-        label && (React.createElement("div", { className: "label max-h-[46px] px-[5px] text-[12px] leading-none" }, label))));
+        label && (React.createElement("div", { className: "label max-h-[46px] px-[5px] text-[12px] leading-none" }, label)),
+        actionElement));
 };
 
 function Color() {
@@ -1635,24 +1636,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) {