revdev-components 0.184.0 → 0.186.0

package/build/helpTip/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { RegularIconName } from "../icon";
 export interface HelpTipProps {
-    title: React.ReactNode;
+    title?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
     iconName?: RegularIconName;

package/build/index.js

@@ -25,14 +25,14 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-var s$A = {"root":"index-module_root__oU85z"};
+var s$B = {"root":"index-module_root__oU85z"};
 
 var ContentHeader1 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$A.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$B.root, className) }, children);
 };
 
-var s$z = {"root":"index-module_root__51YHj"};
+var s$A = {"root":"index-module_root__51YHj"};
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -89,7 +89,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$y = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
+var s$z = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
 
 var _path$2D;
 function _extends$2G() { return _extends$2G = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2G.apply(null, arguments); }
@@ -1734,13 +1734,13 @@ var SvgRule = function SvgRule(props) {
   })));
 };
 
-var s$x = {"root":"index-module_root__-LDR1"};
+var s$y = {"root":"index-module_root__-LDR1"};
 
 // https://www.svgrepo.com/
 function useBasicIcon(_a, icons) {
     var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
     var svgAttrs = React.useMemo(function () {
-        return __assign({ className: classNames(s$x.root, className), fill: "currentColor" }, props);
+        return __assign({ className: classNames(s$y.root, className), fill: "currentColor" }, props);
     }, [className, props]);
     var Icon = icons[name];
     return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
@@ -2082,14 +2082,14 @@ var AppTooltip = function (_a) {
 var IconBoxContent = function (_a) {
     var _b;
     var flexRoot = _a.flexRoot, icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, onClick = _a.onClick, _c = _a.direction, direction = _c === void 0 ? "row" : _c, elementRev = _a.elementRev, style = _a.style;
-    return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$y.root, (_b = {},
-            _b[s$y.flex] = flexRoot,
-            _b[s$y.button] = !!onClick,
-            _b[s$y.column] = direction === "column",
+    return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$z.root, (_b = {},
+            _b[s$z.flex] = flexRoot,
+            _b[s$z.button] = !!onClick,
+            _b[s$z.column] = direction === "column",
             _b), className), onClick: onClick },
-        typeof icon === "string" ? React.createElement(RegularIcon, { className: s$y.icon, name: icon }) : icon,
-        children ? React.createElement("div", { className: classNames(contentClassName, s$y.root__children) }, children) : null,
-        typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$y.icon, name: rightIcon }) : rightIcon));
+        typeof icon === "string" ? React.createElement(RegularIcon, { className: s$z.icon, name: icon }) : icon,
+        children ? React.createElement("div", { className: classNames(contentClassName, s$z.root__children) }, children) : null,
+        typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$z.icon, name: rightIcon }) : rightIcon));
 };
 var IconDivision = function (props) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipMouseEnterDelay = props.tooltipMouseEnterDelay;
@@ -2099,37 +2099,37 @@ var IconDivision = function (props) {
 
 var ContentHeader2 = function (_a) {
     var icon = _a.icon, children = _a.children, className = _a.className;
-    var content = React.createElement("h2", { className: classNames(s$z.root, className) }, children);
+    var content = React.createElement("h2", { className: classNames(s$A.root, className) }, children);
     return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
 };
 
-var s$w = {"root":"index-module_root__Fq-q1"};
+var s$x = {"root":"index-module_root__Fq-q1"};
 
 var Paragraph = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("p", { className: classNames(s$w.root, className) }, children);
+    return React.createElement("p", { className: classNames(s$x.root, className) }, children);
 };
 
-var s$v = {"root":"index-module_root__VIFF-"};
+var s$w = {"root":"index-module_root__VIFF-"};
 
 var PageTitle = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$v.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$w.root, className) }, children);
 };
 
-var s$u = {"root":"index-module_root__p0I0n"};
+var s$v = {"root":"index-module_root__p0I0n"};
 
 var CentralDivision = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$u.root, className) }, children);
+    return React.createElement("div", { className: classNames(s$v.root, className) }, children);
 };
 
-var s$t = {"root":"index-module_root__yiKO0","first":"index-module_first__560SY","last":"index-module_last__fYezY"};
+var s$u = {"root":"index-module_root__yiKO0","first":"index-module_first__560SY","last":"index-module_last__fYezY"};
 
 var RowDivision = function (_a) {
     var _b;
     var children = _a.children, className = _a.className, flex = _a.flex;
-    return React.createElement("div", { className: classNames(s$t.root, className, (_b = {}, _b[s$t.first] = flex === "first", _b[s$t.last] = flex === "last", _b)) }, children);
+    return React.createElement("div", { className: classNames(s$u.root, className, (_b = {}, _b[s$u.first] = flex === "first", _b[s$u.last] = flex === "last", _b)) }, children);
 };
 
 var _path$i, _path2$a, _path3$8;
@@ -4966,7 +4966,7 @@ var FillIcon = function (props) {
     return useBasicIcon(props, icons);
 };
 
-var s$s = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
+var s$t = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
 
 var CONSOLE_COLOR = "background:rgb(28, 46, 82); color:rgb(231, 231, 231)";
 
@@ -5084,10 +5084,10 @@ function AppForm(_a) {
         onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
         onChange === null || onChange === void 0 ? void 0 : onChange(values);
     }, [setValues, onValuesChange, onChange]);
-    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$s.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
+    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$t.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
-var s$r = {"root":"index-module_root__2S1Jp","root__right":"index-module_root__right__AOLlF","label":"index-module_label__-pb4C"};
+var s$s = {"root":"index-module_root__2S1Jp","root__right":"index-module_root__right__AOLlF","label":"index-module_label__-pb4C"};
 
 function useLineProps(_a) {
     var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rightLabel = _a.rightLabel, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rightLabel", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
@@ -5104,13 +5104,13 @@ var FormLine = function (_a) {
     }, [validateRules]);
     var singleLabel = React.useMemo(function () {
         if (label && rightLabel) {
-            return (React.createElement("div", { className: s$r.label },
-                React.createElement("div", { className: s$r.label__left }, label),
-                React.createElement("div", { className: s$r.label__right }, rightLabel)));
+            return (React.createElement("div", { className: s$s.label },
+                React.createElement("div", { className: s$s.label__left }, label),
+                React.createElement("div", { className: s$s.label__right }, rightLabel)));
         }
         return label;
     }, [label, rightLabel]);
-    return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$r.root, (_b = {}, _b[s$r.root__right] = !!rightLabel, _b), className), rules: rules, label: singleLabel }, props)));
+    return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$s.root, (_b = {}, _b[s$s.root__right] = !!rightLabel, _b), className), rules: rules, label: singleLabel }, props)));
 };
 
 var DatePickerField = function (props) {
@@ -5131,12 +5131,12 @@ var InputField = function (props) {
         React.createElement(antd.Input, __assign({}, controlProps))));
 };
 
-var s$q = {"input":"index-module_input__71iJw"};
+var s$r = {"input":"index-module_input__71iJw"};
 
 var InputNumberField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], className = _b.className, controlProps = __rest(_b, ["className"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.InputNumber, __assign({ className: classNames(s$q.input, className) }, controlProps))));
+        React.createElement(antd.InputNumber, __assign({ className: classNames(s$r.input, className) }, controlProps))));
 };
 
 var RadioButtonField = function (props) {
@@ -5145,13 +5145,13 @@ var RadioButtonField = function (props) {
         React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$p = {"popup":"index-module_popup__Im5Y-"};
+var s$q = {"popup":"index-module_popup__Im5Y-"};
 
 var RangePicker = antd.DatePicker.RangePicker;
 var RangePickerField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], oneMonth = _b.oneMonth, controlProps = __rest(_b, ["oneMonth"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$p.popup : undefined }))));
+        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$q.popup : undefined }))));
 };
 
 var SelectField = function (props) {
@@ -5160,7 +5160,7 @@ var SelectField = function (props) {
         React.createElement(antd.Select, __assign({}, controlProps))));
 };
 
-var s$o = {"empty":"index-module_empty__sV0Gg","add":"index-module_add__f03vM"};
+var s$p = {"empty":"index-module_empty__sV0Gg","add":"index-module_add__f03vM"};
 
 var SearchSelectField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], onSearch = _b.onSearch, onAdd = _b.onAdd, loading = _b.loading, text = _b.text, controlProps = __rest(_b, ["onSearch", "onAdd", "loading", "text"]);
@@ -5173,9 +5173,9 @@ var SearchSelectField = function (props) {
         onAdd === null || onAdd === void 0 ? void 0 : onAdd(searchText);
     }, [searchText, onAdd]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$o.empty }, searchText ? (React.createElement(React.Fragment, null,
+        React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$p.empty }, searchText ? (React.createElement(React.Fragment, null,
                 (text === null || text === void 0 ? void 0 : text.notFound) || "Not found",
-                React.createElement(antd.Button, { size: "small", className: s$o.add, onClick: handleAdd }, (text === null || text === void 0 ? void 0 : text.addNew) || "Add New"))) : ((text === null || text === void 0 ? void 0 : text.enterToSearch) || "Enter text to start search"))) }))));
+                React.createElement(antd.Button, { size: "small", className: s$p.add, onClick: handleAdd }, (text === null || text === void 0 ? void 0 : text.addNew) || "Add New"))) : ((text === null || text === void 0 ? void 0 : text.enterToSearch) || "Enter text to start search"))) }))));
 };
 
 var TextArea = antd.Input.TextArea;
@@ -5191,13 +5191,13 @@ var CheckboxField = function (props) {
         React.createElement(antd.Checkbox, __assign({}, controlProps))));
 };
 
-var s$n = {"root":"index-module_root__GGl-p"};
+var s$o = {"root":"index-module_root__GGl-p"};
 
 var SwitchFieldControl = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement("div", { className: s$n.root },
+    return (React.createElement("div", { className: s$o.root },
         React.createElement(antd.Switch, __assign({}, props)),
-        children && React.createElement("div", { className: s$n.content }, children)));
+        children && React.createElement("div", { className: s$o.content }, children)));
 };
 
 var SwitchField = function (props) {
@@ -5231,22 +5231,22 @@ var SwitchButtonField = function (props) {
         React.createElement(SwitchButtonControl, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$m = {"root":"index-module_root__9GQDU"};
+var s$n = {"root":"index-module_root__9GQDU"};
 
 var FormButton = function (_a) {
     var className = _a.className, _b = _a.children, children = _b === void 0 ? "Save" : _b, loading = _a.loading, disabled = _a.disabled;
-    return (React.createElement("div", { className: classNames(s$m.root, className) },
+    return (React.createElement("div", { className: classNames(s$n.root, className) },
         React.createElement(antd.Button, { htmlType: "submit", type: "primary", loading: loading, disabled: disabled }, children)));
 };
 
-var s$l = {"root":"index-module_root__C05Ty"};
+var s$m = {"root":"index-module_root__C05Ty"};
 
 var FormError = function (_a) {
     var children = _a.children, className = _a.className;
-    return children ? React.createElement("div", { className: classNames(s$l.root, className) }, children) : null;
+    return children ? React.createElement("div", { className: classNames(s$m.root, className) }, children) : null;
 };
 
-var s$k = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
+var s$l = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
 
 var InfoDialog = function (_a) {
     var children = _a.children, className = _a.className, width = _a.width, hideClose = _a.hideClose, onClose = _a.onClose, _b = _a.open, open = _b === void 0 ? true : _b, contentClassName = _a.contentClassName, _c = _a.maskClosable, maskClosable = _c === void 0 ? false : _c;
@@ -5258,23 +5258,23 @@ var InfoDialog = function (_a) {
         }
         return result;
     }, [width]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$k.root, className), maskClosable: maskClosable, footer: null },
-        React.createElement("div", { className: classNames(s$k.content, contentClassName) },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$l.root, className), maskClosable: maskClosable, footer: null },
+        React.createElement("div", { className: classNames(s$l.content, contentClassName) },
             children,
-            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$k.close, onClick: onClose }))));
+            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$l.close, onClick: onClose }))));
 };
 
-var s$j = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
+var s$k = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
 
 var RegularDialog = function (_a) {
     var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, cancelHide = _a.cancelHide, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, okHide = _a.okHide, okDisabled = _a.okDisabled, okLoading = _a.okLoading, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c, _d = _a.maskClosable, maskClosable = _d === void 0 ? false : _d;
     var close = React.useMemo(function () {
-        return React.createElement(RegularIcon, { name: "cross", className: s$j.close, onClick: onClose });
+        return React.createElement(RegularIcon, { name: "cross", className: s$k.close, onClick: onClose });
     }, [onClose]);
     var titleContent = React.useMemo(function () {
         if (typeof title === "string") {
-            return (React.createElement("div", { className: s$j.header },
-                React.createElement("div", { className: s$j.title },
+            return (React.createElement("div", { className: s$k.header },
+                React.createElement("div", { className: s$k.title },
                     titleIcon && React.createElement(RegularIcon, { name: titleIcon }),
                     React.createElement("span", null,
                         " ",
@@ -5285,7 +5285,7 @@ var RegularDialog = function (_a) {
             return title(close);
         }
         return null;
-    }, [s$j, title, titlePrefix, close, titleIcon]);
+    }, [s$k, title, titlePrefix, close, titleIcon]);
     var style = React.useMemo(function () {
         var result = {};
         if (width) {
@@ -5295,15 +5295,15 @@ var RegularDialog = function (_a) {
         return result;
     }, [width]);
     var hideBottom = hideFooter || (cancelHide && okHide);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$j.root, className), maskClosable: maskClosable, footer: null },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$k.root, className), maskClosable: maskClosable, footer: null },
         titleContent,
-        React.createElement("div", { className: classNames(s$j.content, contentClassName) }, children),
-        hideBottom ? null : (React.createElement("div", { className: classNames(s$j.footer, footerClassName) },
+        React.createElement("div", { className: classNames(s$k.content, contentClassName) }, children),
+        hideBottom ? null : (React.createElement("div", { className: classNames(s$k.footer, footerClassName) },
             cancelHide ? null : React.createElement(antd.Button, { onClick: onClose }, cancelText || "Cancel"),
             okHide ? null : (React.createElement(antd.Button, { type: "primary", onClick: onOk, disabled: okDisabled, loading: okLoading }, okText || "OK"))))));
 };
 
-var s$i = {"root":"index-module_root__qFuRH"};
+var s$j = {"root":"index-module_root__qFuRH"};
 
 function isRegular(icon) {
     return RegularIconNameList.includes(icon);
@@ -5313,13 +5313,13 @@ function isSocial(icon) {
 }
 var FlatButton = function (_a) {
     var children = _a.children, className = _a.className, icon = _a.icon, onClick = _a.onClick;
-    return (React.createElement("div", { className: classNames(s$i.root, className), onClick: onClick },
+    return (React.createElement("div", { className: classNames(s$j.root, className), onClick: onClick },
         isRegular(icon) ? React.createElement(RegularIcon, { name: icon }) : null,
         isSocial(icon) ? React.createElement(SocialIcon, { name: icon }) : null,
         children ? React.createElement("span", null, children) : null));
 };
 
-var s$h = {"root":"index-module_root__r-dVh","noneDecoration":"index-module_noneDecoration__N4OkH"};
+var s$i = {"root":"index-module_root__r-dVh","noneDecoration":"index-module_noneDecoration__N4OkH"};
 
 function AppLink(_a) {
     var _b;
@@ -5330,17 +5330,24 @@ function AppLink(_a) {
             href = route.build(params || {});
         }
     }
-    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$h.root, className, (_b = {},
-            _b[s$h.noneDecoration] = noneDecoration,
-            _b[s$h.show__underline] = showUnderline,
+    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$i.root, className, (_b = {},
+            _b[s$i.noneDecoration] = noneDecoration,
+            _b[s$i.show__underline] = showUnderline,
             _b)), ref: aRef }, rest), children));
 }
 
-var s$g = {"root":"index-module_root__gpEkZ"};
+var s$h = {"root":"index-module_root__gpEkZ"};
 
 var AppLinkButton = function (_a) {
     var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", __assign({ className: classNames(s$g.root, className) }, rest), children));
+    return (React.createElement("div", __assign({ className: classNames(s$h.root, className) }, rest), children));
+};
+
+var s$g = {"root":"index-module_root__KYWfI"};
+
+var SimpleLinkButton = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.type, type = _b === void 0 ? "button" : _b, rest = __rest(_a, ["className", "children", "type"]);
+    return (React.createElement("button", __assign({ type: type, className: classNames(s$g.root, className) }, rest), children));
 };
 
 var s$f = {"root":"index-module_root__CQ7Qm","title":"index-module_title__Aud2u","title__active":"index-module_title__active__AueKr","title__label":"index-module_title__label__B3vUU","list":"index-module_list__EAf08","list__open":"index-module_list__open__1-0cD"};
@@ -5830,6 +5837,7 @@ exports.RegularIconNameList = RegularIconNameList;
 exports.RowDivision = RowDivision;
 exports.SearchSelectField = SearchSelectField;
 exports.SelectField = SelectField;
+exports.SimpleLinkButton = SimpleLinkButton;
 exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;
 exports.SplitLine = SplitLine;

package/build/link/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./link";
 export * from "./button";
+export * from "./simpleLinkButton";

package/build/link/simpleLinkButton/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface SimpleLinkButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const SimpleLinkButton: React.FC<SimpleLinkButtonProps>;

package/build/styles.css

@@ -282,6 +282,20 @@ body {
   color: var(--linkColor);
   text-decoration: underline;
 }
+.index-module_root__KYWfI {
+  display: inline;
+  padding: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  color: var(--linkColor) !important;
+  text-decoration: none;
+  cursor: pointer;
+}
+.index-module_root__KYWfI:hover {
+  color: var(--linkColor);
+  text-decoration: underline;
+}
 .index-module_root__CQ7Qm {
   overflow: hidden;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.184.0",
+  "version": "0.186.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {