@rikstv/shared-components 3.3.2 → 3.3.3-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 📖 Changelog
 
+## 3.3.3
+
+- Add possibility to hide alert heading
+
 ## 3.3.0
 
 - update `vite` to v6 (uses `sass` modern compiler by default)

package/dist/components/alert/Alert-BnRnv73N.mjs

@@ -0,0 +1,69 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { forwardRef as F, useState as o } from "react";
+import { H as T, B as b } from "../typography/Typography-CXNJ1SFo.mjs";
+import "../icons/HeartToggle-Bwgo4FxH.mjs";
+import { S as x, a as d, b as O, c as H } from "../icons/Icons-2z4jxD15.mjs";
+const R = "_rds-alert--icon_m8jce_67", D = "_rds-alert--content-title_m8jce_79", E = "_rds-alert--content_m8jce_79", M = "_rds-alert--dismiss_m8jce_109", V = "_dismissed_m8jce_138", q = "_dismiss-fade-out_m8jce_1", e = {
+  rdsAlertIcon: R,
+  rdsAlertContentTitle: D,
+  rdsAlertContent: E,
+  rdsAlertDismiss: M,
+  dismissed: V,
+  dismissFadeOut: q
+}, z = {
+  warning: { title: "Advarsel", Icon: O },
+  error: { title: "Feil", Icon: d },
+  info: { title: "Informasjon", Icon: d },
+  success: { title: "Vellykket", Icon: x }
+}, G = F(
+  ({
+    className: c,
+    intent: r = "warning",
+    variant: i = "filled",
+    testId: m = "rds-alert",
+    heading: f,
+    noHeading: A = !1,
+    children: _,
+    dismissible: v = !0,
+    lightBackground: u,
+    onDismissed: t,
+    LinkToDetails: C,
+    ...j
+  }, p) => {
+    const [I, l] = o(!1), [g, n] = o(!1), h = ["rds-alert", u ? "rds-light" : "", I ? e.dismissed : "", c].filter(Boolean).join(" ");
+    if (g)
+      return null;
+    const N = () => {
+      l(!1), n(!1);
+    }, { title: S, Icon: k } = z[r], w = (B) => {
+      B.animationName === e.dismissFadeOut && (n(!0), t == null || t(N));
+    }, y = v && i !== "inline";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        role: "alert",
+        "aria-live": "polite",
+        ref: p,
+        className: h,
+        "data-testid": m,
+        "data-intent": r,
+        "data-variant": i,
+        onAnimationEnd: w,
+        ...j,
+        children: [
+          /* @__PURE__ */ s(k, { className: e.rdsAlertIcon }),
+          /* @__PURE__ */ a("div", { className: e.rdsAlertContent, children: [
+            !A && /* @__PURE__ */ s(T, { className: e.rdsAlertContentTitle, as: "span", children: f || S }),
+            /* @__PURE__ */ s(b, { as: "div", children: _ }),
+            C
+          ] }),
+          y && /* @__PURE__ */ s("div", { className: e.rdsAlertDismiss, children: /* @__PURE__ */ s("button", { "aria-label": "Avvis varsel", onClick: () => l(!0), children: /* @__PURE__ */ s(H, {}) }) })
+        ]
+      }
+    );
+  }
+);
+G.displayName = "Alert";
+export {
+  G as A
+};

package/dist/components/alert/Alert.d.ts

@@ -35,6 +35,10 @@ export interface Props extends HTMLAttributes<HTMLDivElement> {
      * Optional Heading, defaults are provided per "intent"
      */
     heading?: string;
+    /**
+     * Hide heading
+     */
+    noHeading?: boolean;
     /**
      * Text contents
      */

package/dist/shared-components.mjs

@@ -6,7 +6,7 @@ import { G as N } from "./components/spacing/GutterPadding-Bd7tSm3F.mjs";
 import { N as Q } from "./components/notificationDot/NotificationDot-C2_j4FdL.mjs";
 import { A as _ } from "./components/accordion/Accordion-rewqLwCV.mjs";
 import { P as U } from "./components/panel/Panel-drl2owId.mjs";
-import { A as z } from "./components/alert/Alert-BiVxm3um.mjs";
+import { A as z } from "./components/alert/Alert-BnRnv73N.mjs";
 import { B as K, a as X } from "./components/breadcrumb/Breadcrumb-BJNLZ7iB.mjs";
 import { P as Z } from "./components/progress/Progress-CjnegHvC.mjs";
 import { L as re } from "./components/loader/Loader-gjL6yh1f.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "3.3.2",
+  "version": "3.3.3-alpha.1",
   "publishConfig": {
     "access": "public"
   },

package/dist/components/alert/Alert-BiVxm3um.mjs

@@ -1,68 +0,0 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { forwardRef as B, useState as o } from "react";
-import { H as F, B as T } from "../typography/Typography-CXNJ1SFo.mjs";
-import "../icons/HeartToggle-Bwgo4FxH.mjs";
-import { S as b, a as d, b as x, c as O } from "../icons/Icons-2z4jxD15.mjs";
-const H = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79", D = "_rds-alert--content_m8jce_79", E = "_rds-alert--dismiss_m8jce_109", M = "_dismissed_m8jce_138", V = "_dismiss-fade-out_m8jce_1", e = {
-  rdsAlertIcon: H,
-  rdsAlertContentTitle: R,
-  rdsAlertContent: D,
-  rdsAlertDismiss: E,
-  dismissed: M,
-  dismissFadeOut: V
-}, q = {
-  warning: { title: "Advarsel", Icon: x },
-  error: { title: "Feil", Icon: d },
-  info: { title: "Informasjon", Icon: d },
-  success: { title: "Vellykket", Icon: b }
-}, z = B(
-  ({
-    className: c,
-    intent: r = "warning",
-    variant: i = "filled",
-    testId: m = "rds-alert",
-    heading: A,
-    children: f,
-    dismissible: _ = !0,
-    lightBackground: v,
-    onDismissed: t,
-    LinkToDetails: u,
-    ...C
-  }, j) => {
-    const [p, l] = o(!1), [I, n] = o(!1), g = ["rds-alert", v ? "rds-light" : "", p ? e.dismissed : "", c].filter(Boolean).join(" ");
-    if (I)
-      return null;
-    const h = () => {
-      l(!1), n(!1);
-    }, { title: N, Icon: S } = q[r], k = (y) => {
-      y.animationName === e.dismissFadeOut && (n(!0), t == null || t(h));
-    }, w = _ && i !== "inline";
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        role: "alert",
-        "aria-live": "polite",
-        ref: j,
-        className: g,
-        "data-testid": m,
-        "data-intent": r,
-        "data-variant": i,
-        onAnimationEnd: k,
-        ...C,
-        children: [
-          /* @__PURE__ */ s(S, { className: e.rdsAlertIcon }),
-          /* @__PURE__ */ a("div", { className: e.rdsAlertContent, children: [
-            /* @__PURE__ */ s(F, { className: e.rdsAlertContentTitle, as: "span", children: A || N }),
-            /* @__PURE__ */ s(T, { as: "div", children: f }),
-            u
-          ] }),
-          w && /* @__PURE__ */ s("div", { className: e.rdsAlertDismiss, children: /* @__PURE__ */ s("button", { "aria-label": "Avvis varsel", onClick: () => l(!0), children: /* @__PURE__ */ s(O, {}) }) })
-        ]
-      }
-    );
-  }
-);
-z.displayName = "Alert";
-export {
-  z as A
-};