@bloomreach/react-banana-ui 1.9.0 → 1.9.1

package/dist/bloomreach-react-banana-ui.es.js

@@ -6597,25 +6597,35 @@ function Qf(e) {
     icon: l,
     onClose: i,
     role: s = "alert",
-    type: u = "info"
+    type: u = "info",
+    ...d
+    // Capture any other properties to pass them to the root element, like `aria-*`, `data-*`, etc.
   } = e;
-  return /* @__PURE__ */ c0("div", { className: Q(`rbui-alert rbui-alert--${u}`, o), role: s, children: [
-    l !== !1 ? /* @__PURE__ */ a("div", { className: `rbui-alert__icon rbui-alert__icon--${u}`, children: l || df[u]() }) : null,
-    /* @__PURE__ */ c0("div", { className: "rbui-alert__content", children: [
-      r,
-      t ? /* @__PURE__ */ a("div", { className: "rbui-alert__actions", children: t }) : null
-    ] }),
-    i ? /* @__PURE__ */ a(
-      y0,
-      {
-        type: "tertiary",
-        "aria-label": "Close",
-        className: "rbui-alert__close",
-        startIcon: /* @__PURE__ */ a(h5, {}),
-        onClick: () => i()
-      }
-    ) : null
-  ] });
+  return /* @__PURE__ */ c0(
+    "div",
+    {
+      className: Q(`rbui-alert rbui-alert--${u}`, o),
+      role: s,
+      ...d,
+      children: [
+        l !== !1 ? /* @__PURE__ */ a("div", { className: `rbui-alert__icon rbui-alert__icon--${u}`, children: l || df[u]() }) : null,
+        /* @__PURE__ */ c0("div", { className: "rbui-alert__content", children: [
+          r,
+          t ? /* @__PURE__ */ a("div", { className: "rbui-alert__actions", children: t }) : null
+        ] }),
+        i ? /* @__PURE__ */ a(
+          y0,
+          {
+            type: "tertiary",
+            "aria-label": "Close",
+            className: "rbui-alert__close",
+            startIcon: /* @__PURE__ */ a(h5, {}),
+            onClick: () => i()
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function e9(e) {
   const { children: t, className: r } = e;