@altinn/altinn-components 0.27.0 → 0.28.0

package/dist/components/Typography/Heading.js

@@ -1,32 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { c as h } from "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as p } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Heading.css';const c = "_heading_1mp1p_1", h = {
-  heading: c
-}, k = ({
-  loading: o,
-  as: e = "h2",
-  size: a = "md",
-  weight: i = "medium",
-  color: m,
-  theme: r,
-  className: d,
-  children: n
-}) => /* @__PURE__ */ t(p, { loading: o, children: /* @__PURE__ */ t(
-  e,
+import '../../assets/Heading.css';const l = "_heading_11tuc_1", x = {
+  heading: l
+}, y = ({
+  loading: a,
+  as: i = "h2",
+  size: o,
+  leading: r = "tight",
+  weight: e = "medium",
+  color: d,
+  variant: m,
+  maxRows: n,
+  className: s,
+  style: c,
+  children: g
+}) => /* @__PURE__ */ t(p, { loading: a, children: /* @__PURE__ */ t(
+  i,
   {
-    className: s(h.heading, d),
-    "data-size": a,
-    "data-weight": i,
-    "data-color": m,
-    "data-theme": r,
-    children: n
+    className: h(x.heading, s),
+    style: c,
+    "data-size": o,
+    "data-leading": r,
+    "data-weight": e,
+    "data-color": d,
+    "data-variant": m,
+    "data-max-rows": n,
+    children: g
   }
 ) });
 export {
-  k as Heading
+  y as Heading
 };

package/dist/components/Typography/Typography.js

@@ -1,35 +1,35 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as d } from "../../index-L8X2o7IH.js";
-import { Skeleton as i } from "../Skeleton/Skeleton.js";
+import { Skeleton as h } from "../Skeleton/Skeleton.js";
 import '../../assets/Typography.css';const l = "_typography_cr720_1", g = {
   typography: l
-}, j = ({
+}, C = ({
   loading: o,
   loadingText: r = "Loading ...",
-  as: p = "div",
-  size: a = "md",
-  color: e,
-  theme: n,
+  as: a = "div",
+  size: p = "md",
+  color: n,
+  variant: e,
   className: s,
   style: y = {},
   maxWidth: c,
   children: m,
-  ...h
+  ...i
 }) => /* @__PURE__ */ t(
-  p,
+  a,
   {
     className: d(g.typography, s),
     style: {
       maxWidth: c,
       ...y
     },
-    "data-size": a,
-    "data-color": e,
-    "data-theme": n,
-    ...h,
-    children: o && /* @__PURE__ */ t(i, { loading: o, children: r }) || m
+    "data-size": p,
+    "data-color": n,
+    "data-variant": e,
+    ...i,
+    children: o && /* @__PURE__ */ t(h, { loading: o, children: r }) || m
   }
 );
 export {
-  j as Typography
+  C as Typography
 };