bianic-ui 1.5.1-beta.7 → 1.5.1-beta.9

package/dist/cjs/index.js

@@ -1473,6 +1473,28 @@ var ButtonApp = function (_a) {
     return (React.createElement("button", __assign({ className: "button-app px-[10px] pb-[8.8px] pt-[8px] text-size-tiny  ".concat(colorConfig$1[color][buttonState], " "), type: "button", disabled: disabled }, rest), label));
 };
 
+var textColorConfig = {
+    dark: 'text-primary-black disabled:text-bia-coolgrey-disabled',
+    light: 'text-primary-white disabled:opacity-30',
+};
+var stateColorConfig = {
+    selected: 'bg-black/15 cursor-default',
+    default: 'enabled:hover:bg-black/10 enabled:focus-visible:border-bia-blue-disabled enabled:focus-visible:outline-2 enabled:focus-visible:-outline-offset-1 enabled:focus-visible:outline-bia-blue-disabled enabled:active:bg-black/15',
+};
+
+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 textColor = isSelected
+        ? variant === 'dark'
+            ? 'text-primary-black'
+            : 'text-primary-white'
+        : textColorConfig[variant];
+    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))));
+};
+
 function Color() {
     var colorList = [
         'bg-bia-red',
@@ -2868,6 +2890,7 @@ exports.Button = Button;
 exports.ButtonApp = ButtonApp;
 exports.Checkbox = Checkbox;
 exports.Color = Color;
+exports.ContextualButton = ContextualButton;
 exports.Display = Display;
 exports.Divider = Divider;
 exports.FileTree = FileTree;