@rikstv/shared-components 3.3.3 → 3.3.4-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 📖 Changelog
 
+## 3.3.4
+
+- Add title for screen readers when heading is hidden
+
 ## 3.3.3
 
 - Add possibility to hide alert heading

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

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

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-BnRnv73N.mjs";
+import { A as z } from "./components/alert/Alert-BDfwNOJx.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.3",
+  "version": "3.3.4-alpha.0",
   "publishConfig": {
     "access": "public"
   },

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

@@ -1,69 +0,0 @@
-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
-};