ui-beyable 1.0.39-beta.2 → 1.0.39-beta.4

package/lib/esm/components/IconBtn/types.d.ts

@@ -12,6 +12,8 @@ interface IIconBtn {
     href?: string;
     target?: string;
     disabled?: boolean;
+    readonly?: boolean;
+    isActive?: boolean;
     rel?: string;
 }
 export { IIconBtn };

package/lib/esm/index.js

@@ -2364,12 +2364,12 @@ function ModalClose(_a) {
                     React.createElement("rect", { width: "18", height: "2", rx: "1", transform: "translate(23.218 26.489) rotate(135)", fill: "#757b96" }))))));
 }
 
-var css_248z$i = ".IconBtn-module_btn__lnSG6{border-radius:40px;cursor:pointer;display:inline-block;font-size:20px;line-height:normal;line-height:1.25em;padding:6px;transition:all .2s;vertical-align:middle}.IconBtn-module_btn_disabled__n1xzU,.IconBtn-module_btn_disabled__n1xzU:hover{cursor:not-allowed;opacity:.4}.IconBtn-module_btn_theme_darker__SojXY{color:var(--grey-2)}.IconBtn-module_btn_theme_dark__TB1cI{color:var(--grey-3)}.IconBtn-module_btn_theme_medium__Hx6Rz{color:var(--grey-4)}.IconBtn-module_btn_theme_light__WzM-B{color:var(--grey-5)}.IconBtn-module_btn_color_primary__ULBf-:focus,.IconBtn-module_btn_color_primary__ULBf-:hover{background-color:var(--turquoise-light);color:var(--turquoise)}.IconBtn-module_btn_color_alert__6UsMK:focus,.IconBtn-module_btn_color_alert__6UsMK:hover{background-color:var(--color-alert-light);color:var(--color-alert)}.IconBtn-module_btn_l__a3gDu{font-size:17px;margin:0 3px}.IconBtn-module_btn_m__PjqLG{font-size:16px;margin:0 1px}.IconBtn-module_btn_s__ToEtP{font-size:14px;margin:0}.IconBtn-module_btn_xs__Sh5-5{font-size:12px;margin:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25CdG4ubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwyQkFPQyxrQkFBbUIsQ0FEbkIsY0FBZSxDQUxmLG9CQUFxQixDQUlyQixjQUFlLENBRmYsa0JBQW1CLENBS25CLGtCQUFtQixDQUpuQixXQUFZLENBS1osa0JBQXFCLENBUHJCLHFCQVFELENBQ0EsOEVBRUMsa0JBQW1CLENBQ25CLFVBQ0QsQ0FHQSx3Q0FDQyxtQkFDRCxDQUNBLHNDQUNDLG1CQUNELENBQ0Esd0NBQ0MsbUJBQ0QsQ0FDQSx1Q0FDQyxtQkFDRCxDQUdBLDhGQUdDLHVDQUF3QyxDQUR4QyxzQkFFRCxDQUNBLDBGQUdDLHlDQUEwQyxDQUQxQyx3QkFFRCxDQUdBLDZCQUNDLGNBQWUsQ0FDZixZQUNELENBQ0EsNkJBQ0MsY0FBZSxDQUNmLFlBQ0QsQ0FDQSw2QkFDQyxjQUFlLENBQ2YsUUFDRCxDQUNBLDhCQUNDLGNBQWUsQ0FDZixRQUNEIiwiZmlsZSI6Ikljb25CdG4ubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5idG57XHJcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG5cdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XHJcblx0bGluZS1oZWlnaHQ6IG5vcm1hbDtcclxuXHRwYWRkaW5nOiA2cHg7XHJcblx0Zm9udC1zaXplOiAyMHB4O1xyXG5cdGN1cnNvcjogcG9pbnRlcjtcclxuXHRib3JkZXItcmFkaXVzOiA0MHB4O1xyXG5cdGxpbmUtaGVpZ2h0OiAxLjI1ZW07XHJcblx0dHJhbnNpdGlvbjogYWxsIDIwMG1zO1xyXG59XHJcbi5idG5fZGlzYWJsZWQsXHJcbi5idG5fZGlzYWJsZWQ6aG92ZXJ7XHJcblx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcclxuXHRvcGFjaXR5OiAuNDtcclxufVxyXG5cclxuLyogVGhlbWUgKi9cclxuLmJ0bl90aGVtZV9kYXJrZXIge1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTIpO1xyXG59XHJcbi5idG5fdGhlbWVfZGFyayB7XHJcblx0Y29sb3I6IHZhcigtLWdyZXktMyk7XHJcbn1cclxuLmJ0bl90aGVtZV9tZWRpdW0ge1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTQpO1xyXG59XHJcbi5idG5fdGhlbWVfbGlnaHQge1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTUpO1xyXG59XHJcblxyXG4vKiBDb2xvciAqL1xyXG4uYnRuX2NvbG9yX3ByaW1hcnk6Zm9jdXMsXHJcbi5idG5fY29sb3JfcHJpbWFyeTpob3ZlcntcclxuXHRjb2xvcjogdmFyKC0tdHVycXVvaXNlKTtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10dXJxdW9pc2UtbGlnaHQpO1xyXG59XHJcbi5idG5fY29sb3JfYWxlcnQ6Zm9jdXMsXHJcbi5idG5fY29sb3JfYWxlcnQ6aG92ZXJ7XHJcblx0Y29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0KTtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1hbGVydC1saWdodCk7XHJcbn1cclxuXHJcbi8qIFNpemUgKi9cclxuLmJ0bl9se1xyXG5cdGZvbnQtc2l6ZTogMTdweDtcclxuXHRtYXJnaW46IDAgM3B4O1xyXG59XHJcbi5idG5fbXtcclxuXHRmb250LXNpemU6IDE2cHg7XHJcblx0bWFyZ2luOiAwIDFweDtcclxufVxyXG4uYnRuX3N7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdG1hcmdpbjogMDtcclxufVxyXG4uYnRuX3hze1xyXG5cdGZvbnQtc2l6ZTogMTJweDtcclxuXHRtYXJnaW46IDA7XHJcbn0iXX0= */";
-var s = {"btn":"IconBtn-module_btn__lnSG6","btn_disabled":"IconBtn-module_btn_disabled__n1xzU","btn_theme_darker":"IconBtn-module_btn_theme_darker__SojXY","btn_theme_dark":"IconBtn-module_btn_theme_dark__TB1cI","btn_theme_medium":"IconBtn-module_btn_theme_medium__Hx6Rz","btn_theme_light":"IconBtn-module_btn_theme_light__WzM-B","btn_color_primary":"IconBtn-module_btn_color_primary__ULBf-","btn_color_alert":"IconBtn-module_btn_color_alert__6UsMK","btn_l":"IconBtn-module_btn_l__a3gDu","btn_m":"IconBtn-module_btn_m__PjqLG","btn_s":"IconBtn-module_btn_s__ToEtP","btn_xs":"IconBtn-module_btn_xs__Sh5-5","btnDisabled":"IconBtn-module_btn_disabled__n1xzU","btnThemeDarker":"IconBtn-module_btn_theme_darker__SojXY","btnThemeDark":"IconBtn-module_btn_theme_dark__TB1cI","btnThemeMedium":"IconBtn-module_btn_theme_medium__Hx6Rz","btnThemeLight":"IconBtn-module_btn_theme_light__WzM-B","btnColorPrimary":"IconBtn-module_btn_color_primary__ULBf-","btnColorAlert":"IconBtn-module_btn_color_alert__6UsMK","btnL":"IconBtn-module_btn_l__a3gDu","btnM":"IconBtn-module_btn_m__PjqLG","btnS":"IconBtn-module_btn_s__ToEtP","btnXs":"IconBtn-module_btn_xs__Sh5-5"};
+var css_248z$i = ".IconBtn-module_btn__lnSG6{border-radius:40px;cursor:pointer;display:inline-block;font-size:20px;line-height:normal;line-height:1.25em;padding:6px;transition:all .2s;vertical-align:middle}.IconBtn-module_btn_disabled__n1xzU,.IconBtn-module_btn_disabled__n1xzU:hover{cursor:not-allowed;opacity:.4}.IconBtn-module_btn_readonly__v5-PS:hover{cursor:default}.IconBtn-module_btn_theme_darker__SojXY{color:var(--grey-2)}.IconBtn-module_btn_theme_dark__TB1cI{color:var(--grey-3)}.IconBtn-module_btn_theme_medium__Hx6Rz{color:var(--grey-4)}.IconBtn-module_btn_theme_light__WzM-B{color:var(--grey-5)}.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_primary__ULBf-:focus,.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_primary__ULBf-:hover{background-color:var(--turquoise-light);color:var(--turquoise)}.IconBtn-module_btn_color_primary__ULBf-.IconBtn-module_btn_active__wuoV7{color:var(--turquoise)}.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_alert__6UsMK:focus,.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_alert__6UsMK:hover{background-color:var(--color-alert-light);color:var(--color-alert)}.IconBtn-module_btn_color_alert__6UsMK.IconBtn-module_btn_active__wuoV7{color:var(--color-alert)}.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_success__WGmRO:focus,.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_success__WGmRO:hover{background-color:var(--color-success-light);color:var(--color-success)}.IconBtn-module_btn_color_success__WGmRO.IconBtn-module_btn_active__wuoV7{color:var(--color-success)}.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_yellow__v6Pnk:focus,.IconBtn-module_btn_hoverable__ne7bi.IconBtn-module_btn_color_yellow__v6Pnk:hover{background-color:#fcf4da;color:#ffc400}.IconBtn-module_btn_color_yellow__v6Pnk.IconBtn-module_btn_active__wuoV7{color:#ffc400}.IconBtn-module_btn_l__a3gDu{font-size:17px;margin:0 3px}.IconBtn-module_btn_m__PjqLG{font-size:16px;margin:0 1px}.IconBtn-module_btn_s__ToEtP{font-size:14px;margin:0}.IconBtn-module_btn_xs__Sh5-5{font-size:12px;margin:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25CdG4ubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwyQkFPQyxrQkFBbUIsQ0FEbkIsY0FBZSxDQUxmLG9CQUFxQixDQUlyQixjQUFlLENBRmYsa0JBQW1CLENBS25CLGtCQUFtQixDQUpuQixXQUFZLENBS1osa0JBQXFCLENBUHJCLHFCQVFELENBQ0EsOEVBRUMsa0JBQW1CLENBQ25CLFVBQ0QsQ0FDQSwwQ0FDQyxjQUNELENBR0Esd0NBQ0MsbUJBQ0QsQ0FDQSxzQ0FDQyxtQkFDRCxDQUNBLHdDQUNDLG1CQUNELENBQ0EsdUNBQ0MsbUJBQ0QsQ0FHQSxzS0FHQyx1Q0FBd0MsQ0FEeEMsc0JBRUQsQ0FDQSwwRUFDQyxzQkFDRCxDQUVBLGtLQUdDLHlDQUEwQyxDQUQxQyx3QkFFRCxDQUNBLHdFQUNDLHdCQUNELENBRUEsc0tBR0MsMkNBQTRDLENBRDVDLDBCQUVELENBQ0EsMEVBQ0MsMEJBQ0QsQ0FFQSxvS0FHQyx3QkFBeUIsQ0FEekIsYUFFRCxDQUNBLHlFQUNDLGFBQ0QsQ0FHQSw2QkFDQyxjQUFlLENBQ2YsWUFDRCxDQUNBLDZCQUNDLGNBQWUsQ0FDZixZQUNELENBQ0EsNkJBQ0MsY0FBZSxDQUNmLFFBQ0QsQ0FDQSw4QkFDQyxjQUFlLENBQ2YsUUFDRCIsImZpbGUiOiJJY29uQnRuLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYnRue1xyXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XHJcblx0cGFkZGluZzogNnB4O1xyXG5cdGZvbnQtc2l6ZTogMjBweDtcclxuXHRjdXJzb3I6IHBvaW50ZXI7XHJcblx0Ym9yZGVyLXJhZGl1czogNDBweDtcclxuXHRsaW5lLWhlaWdodDogMS4yNWVtO1xyXG5cdHRyYW5zaXRpb246IGFsbCAyMDBtcztcclxufVxyXG4uYnRuX2Rpc2FibGVkLFxyXG4uYnRuX2Rpc2FibGVkOmhvdmVye1xyXG5cdGN1cnNvcjogbm90LWFsbG93ZWQ7XHJcblx0b3BhY2l0eTogLjQ7XHJcbn1cclxuLmJ0bl9yZWFkb25seTpob3ZlcntcclxuXHRjdXJzb3I6IGRlZmF1bHQ7XHJcbn1cclxuXHJcbi8qIFRoZW1lICovXHJcbi5idG5fdGhlbWVfZGFya2VyIHtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS0yKTtcclxufVxyXG4uYnRuX3RoZW1lX2Rhcmsge1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTMpO1xyXG59XHJcbi5idG5fdGhlbWVfbWVkaXVtIHtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS00KTtcclxufVxyXG4uYnRuX3RoZW1lX2xpZ2h0IHtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS01KTtcclxufVxyXG5cclxuLyogQ29sb3IgKi9cclxuLmJ0bl9ob3ZlcmFibGUuYnRuX2NvbG9yX3ByaW1hcnk6Zm9jdXMsXHJcbi5idG5faG92ZXJhYmxlLmJ0bl9jb2xvcl9wcmltYXJ5OmhvdmVye1xyXG5cdGNvbG9yOiB2YXIoLS10dXJxdW9pc2UpO1xyXG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXR1cnF1b2lzZS1saWdodCk7XHJcbn1cclxuLmJ0bl9jb2xvcl9wcmltYXJ5LmJ0bl9hY3RpdmV7XHJcblx0Y29sb3I6IHZhcigtLXR1cnF1b2lzZSk7XHJcbn1cclxuXHJcbi5idG5faG92ZXJhYmxlLmJ0bl9jb2xvcl9hbGVydDpmb2N1cyxcclxuLmJ0bl9ob3ZlcmFibGUuYnRuX2NvbG9yX2FsZXJ0OmhvdmVye1xyXG5cdGNvbG9yOiB2YXIoLS1jb2xvci1hbGVydCk7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYWxlcnQtbGlnaHQpO1xyXG59XHJcbi5idG5fY29sb3JfYWxlcnQuYnRuX2FjdGl2ZXtcclxuXHRjb2xvcjogdmFyKC0tY29sb3ItYWxlcnQpO1xyXG59XHJcblxyXG4uYnRuX2hvdmVyYWJsZS5idG5fY29sb3Jfc3VjY2Vzczpmb2N1cyxcclxuLmJ0bl9ob3ZlcmFibGUuYnRuX2NvbG9yX3N1Y2Nlc3M6aG92ZXJ7XHJcblx0Y29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MpO1xyXG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MtbGlnaHQpO1xyXG59XHJcbi5idG5fY29sb3Jfc3VjY2Vzcy5idG5fYWN0aXZle1xyXG5cdGNvbG9yOiB2YXIoLS1jb2xvci1zdWNjZXNzKTtcclxufVxyXG5cclxuLmJ0bl9ob3ZlcmFibGUuYnRuX2NvbG9yX3llbGxvdzpmb2N1cyxcclxuLmJ0bl9ob3ZlcmFibGUuYnRuX2NvbG9yX3llbGxvdzpob3ZlcntcclxuXHRjb2xvcjogI0ZGQzQwMDtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjRkNGNERBO1xyXG59XHJcbi5idG5fY29sb3JfeWVsbG93LmJ0bl9hY3RpdmV7XHJcblx0Y29sb3I6ICNGRkM0MDA7XHJcbn1cclxuXHJcbi8qIFNpemUgKi9cclxuLmJ0bl9se1xyXG5cdGZvbnQtc2l6ZTogMTdweDtcclxuXHRtYXJnaW46IDAgM3B4O1xyXG59XHJcbi5idG5fbXtcclxuXHRmb250LXNpemU6IDE2cHg7XHJcblx0bWFyZ2luOiAwIDFweDtcclxufVxyXG4uYnRuX3N7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdG1hcmdpbjogMDtcclxufVxyXG4uYnRuX3hze1xyXG5cdGZvbnQtc2l6ZTogMTJweDtcclxuXHRtYXJnaW46IDA7XHJcbn0iXX0= */";
+var s = {"btn":"IconBtn-module_btn__lnSG6","btn_disabled":"IconBtn-module_btn_disabled__n1xzU","btn_readonly":"IconBtn-module_btn_readonly__v5-PS","btn_theme_darker":"IconBtn-module_btn_theme_darker__SojXY","btn_theme_dark":"IconBtn-module_btn_theme_dark__TB1cI","btn_theme_medium":"IconBtn-module_btn_theme_medium__Hx6Rz","btn_theme_light":"IconBtn-module_btn_theme_light__WzM-B","btn_hoverable":"IconBtn-module_btn_hoverable__ne7bi","btn_color_primary":"IconBtn-module_btn_color_primary__ULBf-","btn_active":"IconBtn-module_btn_active__wuoV7","btn_color_alert":"IconBtn-module_btn_color_alert__6UsMK","btn_color_success":"IconBtn-module_btn_color_success__WGmRO","btn_color_yellow":"IconBtn-module_btn_color_yellow__v6Pnk","btn_l":"IconBtn-module_btn_l__a3gDu","btn_m":"IconBtn-module_btn_m__PjqLG","btn_s":"IconBtn-module_btn_s__ToEtP","btn_xs":"IconBtn-module_btn_xs__Sh5-5","btnDisabled":"IconBtn-module_btn_disabled__n1xzU","btnReadonly":"IconBtn-module_btn_readonly__v5-PS","btnThemeDarker":"IconBtn-module_btn_theme_darker__SojXY","btnThemeDark":"IconBtn-module_btn_theme_dark__TB1cI","btnThemeMedium":"IconBtn-module_btn_theme_medium__Hx6Rz","btnThemeLight":"IconBtn-module_btn_theme_light__WzM-B","btnHoverable":"IconBtn-module_btn_hoverable__ne7bi","btnColorPrimary":"IconBtn-module_btn_color_primary__ULBf-","btnActive":"IconBtn-module_btn_active__wuoV7","btnColorAlert":"IconBtn-module_btn_color_alert__6UsMK","btnColorSuccess":"IconBtn-module_btn_color_success__WGmRO","btnColorYellow":"IconBtn-module_btn_color_yellow__v6Pnk","btnL":"IconBtn-module_btn_l__a3gDu","btnM":"IconBtn-module_btn_m__PjqLG","btnS":"IconBtn-module_btn_s__ToEtP","btnXs":"IconBtn-module_btn_xs__Sh5-5"};
 styleInject(css_248z$i);
 
 var IconBtn = React.forwardRef(function (_a, ref) {
-    var icon = _a.icon, _b = _a.fixedWidth, fixedWidth = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.theme, theme = _e === void 0 ? 'medium' : _e, _f = _a.hoverColor, hoverColor = _f === void 0 ? 'primary' : _f, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML, onClick = _a.onClick, onMouseDown = _a.onMouseDown, href = _a.href, target = _a.target, _g = _a.disabled, disabled = _g === void 0 ? false : _g, rel = _a.rel;
+    var icon = _a.icon, _b = _a.fixedWidth, fixedWidth = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.theme, theme = _e === void 0 ? 'medium' : _e, _f = _a.hoverColor, hoverColor = _f === void 0 ? 'primary' : _f, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML, onClick = _a.onClick, onMouseDown = _a.onMouseDown, href = _a.href, target = _a.target, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.readonly, readonly = _h === void 0 ? false : _h, _j = _a.isActive, isActive = _j === void 0 ? false : _j, rel = _a.rel;
     var tooltipID = v4();
     var sizeClass = {
         l: s.btn_l,
@@ -2405,12 +2405,22 @@ var IconBtn = React.forwardRef(function (_a, ref) {
     if (theme && theme in themeClass) {
         btnClass.push(themeClass[theme]);
     }
-    if (hoverColor && hoverColor in colorClass) {
-        btnClass.push(colorClass[hoverColor]);
+    var hoverable = !disabled && !readonly;
+    if (hoverable) {
+        btnClass.push(s.btn_hoverable);
+        if (hoverColor && hoverColor in colorClass) {
+            btnClass.push(colorClass[hoverColor]);
+        }
     }
     if (disabled) {
         btnClass.push(s.btn_disabled);
     }
+    if (readonly) {
+        btnClass.push(s.btn_readonly);
+    }
+    if (isActive) {
+        btnClass.push(s.btn_active);
+    }
     if (fixedWidth) {
         iconClass.push('fa-fw');
     }