@stenajs-webui/elements 21.25.0 → 21.26.0

package/dist/components/ui/banners/banner/Banner.d.ts

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { ReactNode } from "react";
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { HeadingVariant } from "@stenajs-webui/core";
 export type BannerVariant = "standard" | "info" | "success" | "warning" | "error";
 export interface BannerProps {
     icon?: IconDefinition;
     headerText?: string;
+    headingLevel?: HeadingVariant;
     text?: string;
     loading?: boolean;
     contentRight?: ReactNode;

package/dist/index.es.js

@@ -3732,43 +3732,44 @@ const K1 = ({
   error: o1
 }, p1 = "56px", z2 = ({
   headerText: n,
-  text: L,
-  children: e,
-  contentRight: i,
-  icon: o,
-  variant: a = "standard",
-  loading: t = !1,
-  ...c
+  headingLevel: L,
+  text: e,
+  children: i,
+  contentRight: o,
+  icon: a,
+  variant: t = "standard",
+  loading: c = !1,
+  ...s
 }) => /* @__PURE__ */ r(
   _,
   {
-    className: l(F.banner, F[a]),
-    spacing: e || n && L ? 2 : 1,
+    className: l(F.banner, F[t]),
+    spacing: i || n && e ? 2 : 1,
     indent: 2,
-    ...H(c),
+    ...H(s),
     children: [
       /* @__PURE__ */ r(Z, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ C(Z, { flex: "none", width: p1, alignItems: "center", children: /* @__PURE__ */ C("div", { className: F.iconBackground, children: (o || f1[a] || t) && /* @__PURE__ */ C(B, { children: t ? /* @__PURE__ */ C(S1, { size: "tiny" }) : /* @__PURE__ */ C(
+        /* @__PURE__ */ C(Z, { flex: "none", width: p1, alignItems: "center", children: /* @__PURE__ */ C("div", { className: F.iconBackground, children: (a || f1[t] || c) && /* @__PURE__ */ C(B, { children: c ? /* @__PURE__ */ C(S1, { size: "tiny" }) : /* @__PURE__ */ C(
           z,
           {
-            icon: o ?? f1[a],
+            icon: a ?? f1[t],
             size: 20,
             className: F.icon
           }
         ) }) }) }),
         /* @__PURE__ */ r(Z, { justifyContent: "space-between", flexGrow: 1, gap: !0, children: [
           /* @__PURE__ */ r(_, { justifyContent: "center", gap: !0, children: [
-            n && /* @__PURE__ */ C(X, { variant: "h5", children: n }),
-            L && /* @__PURE__ */ C(k, { children: L })
+            n && /* @__PURE__ */ C(X, { variant: "h5", as: L, children: n }),
+            e && /* @__PURE__ */ C(k, { children: e })
           ] }),
-          i && /* @__PURE__ */ C(_, { justifyContent: "center", children: i })
+          o && /* @__PURE__ */ C(_, { justifyContent: "center", children: o })
         ] })
       ] }),
-      e && /* @__PURE__ */ r(Z, { children: [
+      i && /* @__PURE__ */ r(Z, { children: [
         /* @__PURE__ */ C(p, { minWidth: p1 }),
         /* @__PURE__ */ r(p, { children: [
           /* @__PURE__ */ C(I, {}),
-          e
+          i
         ] })
       ] })
     ]