@sia.soul/sia-react-ui 0.1.37 → 0.1.38

package/dist/core.css

@@ -9637,9 +9637,11 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   display: block;
 }
 .sia-alert__content > span {
-  margin-top: 3px;
   color: var(--sia-color-text-secondary);
 }
+.sia-alert__content > strong + span {
+  margin-top: 3px;
+}
 .sia-alert__close {
   align-self: flex-start;
   padding: 3px;

package/dist/index.cjs

@@ -1927,11 +1927,13 @@ function Alert({
 }) {
   const [visible, setVisible] = (0, import_react9.useState)(true);
   const resolvedStatus = status ?? type ?? (banner ? "warning" : "info");
+  const heading = message2 ?? title;
+  const hasHeading = heading != null && heading !== "" && typeof heading !== "boolean";
   if (!visible) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `sia-alert sia-alert--${resolvedStatus}${banner ? " sia-alert--banner" : ""}${description ? " sia-alert--with-description" : ""} ${className}`.trim(), role: "alert", ...withTitleTooltip(props), children: [
     showIcon || banner ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-alert__icon", "aria-hidden": "true", children: alertIcons[resolvedStatus] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "sia-alert__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: message2 ?? title }),
+      hasHeading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: heading }) : null,
       description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: description }) : null
     ] }),
     action ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-alert__action", children: action }) : null,

package/dist/index.css

@@ -9637,9 +9637,11 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   display: block;
 }
 .sia-alert__content > span {
-  margin-top: 3px;
   color: var(--sia-color-text-secondary);
 }
+.sia-alert__content > strong + span {
+  margin-top: 3px;
+}
 .sia-alert__close {
   align-self: flex-start;
   padding: 3px;

package/dist/index.d.cts

@@ -20,9 +20,9 @@ interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     status?: AlertStatus;
     /** 类型标识，用于选择对应的表现形式。 */
     type?: AlertStatus;
-    /** 标题内容，可传入文本或 React 节点。 */
+    /** 标题内容，支持文本或 React 节点；message 未提供时使用。 */
     title?: ReactNode;
-    /** 提示或错误消息文本。 */
+    /** 提示标题，支持文本或 React 节点，优先于 title；没有标题内容时不渲染标题区域。 */
     message?: ReactNode;
     /** 补充说明内容。 */
     description?: ReactNode;

package/dist/index.d.ts

@@ -20,9 +20,9 @@ interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     status?: AlertStatus;
     /** 类型标识，用于选择对应的表现形式。 */
     type?: AlertStatus;
-    /** 标题内容，可传入文本或 React 节点。 */
+    /** 标题内容，支持文本或 React 节点；message 未提供时使用。 */
     title?: ReactNode;
-    /** 提示或错误消息文本。 */
+    /** 提示标题，支持文本或 React 节点，优先于 title；没有标题内容时不渲染标题区域。 */
     message?: ReactNode;
     /** 补充说明内容。 */
     description?: ReactNode;

package/dist/index.js

@@ -162,11 +162,13 @@ function Alert({
 }) {
   const [visible, setVisible] = useState(true);
   const resolvedStatus = status ?? type ?? (banner ? "warning" : "info");
+  const heading = message2 ?? title;
+  const hasHeading = heading != null && heading !== "" && typeof heading !== "boolean";
   if (!visible) return null;
   return /* @__PURE__ */ jsxs("div", { className: `sia-alert sia-alert--${resolvedStatus}${banner ? " sia-alert--banner" : ""}${description ? " sia-alert--with-description" : ""} ${className}`.trim(), role: "alert", ...withTitleTooltip(props), children: [
     showIcon || banner ? /* @__PURE__ */ jsx("span", { className: "sia-alert__icon", "aria-hidden": "true", children: alertIcons[resolvedStatus] }) : null,
     /* @__PURE__ */ jsxs("div", { className: "sia-alert__content", children: [
-      /* @__PURE__ */ jsx("strong", { children: message2 ?? title }),
+      hasHeading ? /* @__PURE__ */ jsx("strong", { children: heading }) : null,
       description ? /* @__PURE__ */ jsx("span", { children: description }) : null
     ] }),
     action ? /* @__PURE__ */ jsx("div", { className: "sia-alert__action", children: action }) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",