revdev-components 0.72.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/icon/regular/names.d.ts

@@ -1,2 +1,2 @@
-export declare const RegularIconNameList: ("search" | "add" | "add-box" | "add-circle" | "add-circle-outline" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "cloud-download" | "collections-bookmark" | "contact-support" | "cross" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-download" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outlined" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "translate" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
+export declare const RegularIconNameList: ("search" | "add" | "add-box" | "add-circle" | "add-circle-outline" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "cloud-download" | "collections-bookmark" | "contact-support" | "cross" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-download" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outlined" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "tran" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
 export type RegularIconName = (typeof RegularIconNameList)[number];

package/build/index.js

@@ -1477,7 +1477,7 @@ var SvgTime = function SvgTime(props) {
 
 var _path$n;
 function _extends$p() { return _extends$p = 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$p.apply(null, arguments); }
-var SvgTranslate = function SvgTranslate(props) {
+var SvgTran = function SvgTran(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
@@ -1722,7 +1722,7 @@ var RegularIconNameList = stringLitArray$2([
     "thumb-up",
     "thumb-up-outline",
     "time",
-    "translate",
+    "tran",
     "visibility",
     "volume-off",
     "volume-up",
@@ -1869,7 +1869,7 @@ var icons$2 = (_a$2 = {},
     _a$2["thumb-up"] = SvgThumbUp,
     _a$2["thumb-up-outline"] = SvgThumbUpOutline,
     _a$2["time"] = SvgTime,
-    _a$2["translate"] = SvgTranslate,
+    _a$2["tran"] = SvgTran,
     _a$2["visibility"] = SvgVisibility,
     _a$2["volume-off"] = SvgVolumeOff,
     _a$2["volume-up"] = SvgVolumeUp,
@@ -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.72.0",
+  "version": "0.75.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {