revdev-components 0.73.0 → 0.75.0

package/build/headerActionPanel/index.d.ts

@@ -3,13 +3,18 @@ import { RegularIconName } from "src/icon/regular";
 interface BaseHeaderActionProps {
     icon: RegularIconName;
     label?: string;
-    onClick: () => void;
     tooltip?: string;
 }
+interface ClickHeaderActionProps extends BaseHeaderActionProps {
+    onClick: () => void;
+}
+interface LinkHeaderActionProps extends BaseHeaderActionProps {
+    href: string;
+}
 interface ContentHeaderActionProps {
     content: React.ReactNode;
 }
-export type HeaderActionProps = BaseHeaderActionProps | ContentHeaderActionProps;
+export type HeaderActionProps = ClickHeaderActionProps | LinkHeaderActionProps | ContentHeaderActionProps;
 export interface HeaderActionPanelProps {
     className?: string;
     actions?: HeaderActionProps[];

package/build/index.js

@@ -5201,18 +5201,25 @@ var FrontLayout = function (_a) {
             React.createElement(FrontFooter, __assign({}, footer)))));
 };
 
-var s$3 = {"root":"index-module_root__OWeNb"};
+var s$3 = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
 
 var HeaderActionPanel = function (_a) {
     var className = _a.className, actions = _a.actions;
     return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$3.root, className) }, actions.map(function (action, i) {
-        var content = action === null || action === void 0 ? void 0 : action.content;
-        if (content) {
-            return React.createElement(React.Fragment, { key: i }, content);
+        var content = action;
+        var button = action;
+        var link = action;
+        if (content === null || content === void 0 ? void 0 : content.content) {
+            return React.createElement(React.Fragment, { key: i }, content === null || content === void 0 ? void 0 : content.content);
         }
-        else {
-            var _a = action, icon = _a.icon, onClick = _a.onClick, label = _a.label, tooltip = _a.tooltip;
-            return (React.createElement(IconDivision, { key: i, icon: icon, onClick: onClick, tooltip: tooltip }, label));
+        else if (!!(button === null || button === void 0 ? void 0 : button.onClick)) {
+            var icon = button.icon, label = button.label, tooltip = button.tooltip;
+            return (React.createElement(IconDivision, { key: i, icon: icon, onClick: button === null || button === void 0 ? void 0 : button.onClick, tooltip: tooltip, className: s$3.button }, label));
+        }
+        else if (!!(link === null || link === void 0 ? void 0 : link.href)) {
+            var icon = button.icon, label = button.label, tooltip = button.tooltip;
+            return (React.createElement(AppLink, { key: i, href: link.href, className: s$3.link },
+                React.createElement(IconDivision, { icon: icon, tooltip: tooltip }, label)));
         }
     }))) : null;
 };

package/build/styles.css

@@ -526,7 +526,6 @@ body {
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: var(--passiveColor);
   gap: 8px;
 }
 @media all and (max-width: 700px) {
@@ -534,6 +533,20 @@ body {
     margin: 0;
   }
 }
+
+.index-module_link__H8HcA {
+  color: var(--passiveColor) !important;
+}
+.index-module_link__H8HcA:hover {
+  color: var(--color) !important;
+}
+
+.index-module_button__UVt6a {
+  color: var(--passiveColor);
+}
+.index-module_button__UVt6a:hover {
+  color: var(--color);
+}
 .index-module_root__t3gxi {
   --linkColor: var(--passiveColor);
   display: flex;

package/package.json

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