@rikstv/shared-components 3.0.10 → 3.0.11

package/dist/components/alert/{Alert-8294ea5c.mjs → Alert-47ce69b5.mjs}

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

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

@@ -38,7 +38,7 @@ export interface Props extends HTMLAttributes<HTMLDivElement> {
     /**
      * Callback for when fadeOut animation ends, passed a reset function to reset dismissed state
      */
-    onFadeOutEnd?: (reset: () => void) => void;
+    onDismissed?: (reset: () => void) => void;
     /**
      * Link to more information about the alert
      */

package/dist/shared-components.mjs

@@ -6,7 +6,7 @@ import { G as Z } from "./components/spacing/GutterPadding-bd018bd6.mjs";
 import { N as re } from "./components/notificationDot/NotificationDot-bec7aa7b.mjs";
 import { A as ne } from "./components/accordion/Accordion-5e72e67b.mjs";
 import { P as se } from "./components/panel/Panel-88490c74.mjs";
-import { A as ae } from "./components/alert/Alert-8294ea5c.mjs";
+import { A as ae } from "./components/alert/Alert-47ce69b5.mjs";
 import { B as ue, a as me } from "./components/breadcrumb/Breadcrumb-4c6af82f.mjs";
 import { P as fe } from "./components/progress/Progress-068e34f7.mjs";
 import { L as xe } from "./components/loader/Loader-55215a54.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "publishConfig": {
     "access": "public"
   },