revdev-components 0.19.0 → 0.20.0

package/build/dialog/regular/index.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
+import { RegularIconName } from "../../icon";
 type AppDialogTitleHandler = (close?: React.ReactNode) => React.ReactNode;
 export interface RegularDialogProps {
+    titleIcon?: RegularIconName;
     titlePrefix?: string;
     title?: string | AppDialogTitleHandler;
     children: React.ReactNode;

package/build/index.js

@@ -4811,24 +4811,28 @@ var InfoDialog = function (_a) {
             hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$9.close, onClick: onClose }))));
 };
 
-var s$8 = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
+var s$8 = {"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 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, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, hideOk = _a.hideOk, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c;
+    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, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, hideOk = _a.hideOk, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c;
     var close = React.useMemo(function () {
         return React.createElement(RegularIcon, { name: "cross", className: s$8.close, onClick: onClose });
     }, [onClose]);
     var titleContent = React.useMemo(function () {
         if (typeof title === "string") {
             return (React.createElement("div", { className: s$8.header },
-                React.createElement("div", null, ((titlePrefix || "") + " " || "") + title),
+                React.createElement("div", { className: s$8.title },
+                    titleIcon && React.createElement(RegularIcon, { name: titleIcon }),
+                    React.createElement("span", null,
+                        " ",
+                        ((titlePrefix || "") + " " || "") + title)),
                 close));
         }
         else if (typeof title === "function") {
             return title(close);
         }
         return null;
-    }, [s$8, title, titlePrefix, close]);
+    }, [s$8, title, titlePrefix, close, titleIcon]);
     var style = React.useMemo(function () {
         var result = {};
         if (width) {

package/build/styles.css

@@ -97,6 +97,13 @@
   font-weight: 500;
 }
 
+.index-module_title__HPbDC {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5em;
+}
+
 .index-module_close__-FN6K {
   cursor: pointer;
   font-size: 20px;

package/package.json

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