@altinn/altinn-components 0.41.3 → 0.41.5

package/dist/components/Typography/Heading.js

@@ -1,43 +1,45 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { c as x } from "../../index-L8X2o7IH.js";
+import { c as f } from "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as f } from "../Skeleton/Skeleton.js";
-import { useHighlightedText as u } from "./useHighlightedText.js";
+import { Skeleton as u } from "../Skeleton/Skeleton.js";
+import { useHighlightedText as H } from "./useHighlightedText.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Heading.css';const H = "_heading_1dyne_1", _ = {
-  heading: H
-}, T = ({
-  loading: e,
-  highlightWords: i = [],
-  as: o = "h2",
+import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
+  heading: _
+}, b = ({
+  id: e,
+  loading: i,
+  highlightWords: o = [],
+  as: n = "h2",
   size: t,
-  leading: n = "tight",
-  weight: r = "medium",
-  color: d,
-  variant: m,
-  maxRows: s,
-  className: c,
-  style: h,
-  children: g
+  leading: r = "tight",
+  weight: d = "medium",
+  color: m,
+  variant: s,
+  maxRows: c,
+  className: h,
+  style: g,
+  children: l
 }) => {
-  const l = o, p = u(g, i || []);
+  const p = n, x = H(l, o || []);
   return /* @__PURE__ */ a(
-    l,
+    p,
     {
-      className: x(_.heading, c),
-      style: h,
+      id: e,
+      className: f(w.heading, h),
+      style: g,
       "data-size": t,
-      "data-leading": n,
-      "data-weight": r,
-      "data-color": d,
-      "data-variant": t === "xxs" && "default" || m,
-      "data-max-rows": s,
-      children: /* @__PURE__ */ a(f, { loading: e, children: p })
+      "data-leading": r,
+      "data-weight": d,
+      "data-color": m,
+      "data-variant": t === "xxs" && "default" || s,
+      "data-max-rows": c,
+      children: /* @__PURE__ */ a(u, { loading: i, children: x })
     }
   );
 };
 export {
-  T as Heading
+  b as Heading
 };