@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/Timeline/index.js

@@ -3,16 +3,18 @@ import { TimelineSegment as m } from "./TimelineSegment.js";
 import { TimelineActivity as n } from "./TimelineActivity.js";
 import { TimelineBase as l } from "./TimelineBase.js";
 import { TimelineSection as x } from "./TimelineSection.js";
-import { TimelineHeader as a } from "./TimelineHeader.js";
+import { TimelineHeader as c } from "./TimelineHeader.js";
 import { TimelineFooter as S } from "./TimelineFooter.js";
-import { TimelineLink as g } from "./TimelineLink.js";
+import { TimelineIcon as g } from "./TimelineIcon.js";
+import { TimelineLink as s } from "./TimelineLink.js";
 export {
   o as Timeline,
   n as TimelineActivity,
   l as TimelineBase,
   S as TimelineFooter,
-  a as TimelineHeader,
-  g as TimelineLink,
+  c as TimelineHeader,
+  g as TimelineIcon,
+  s as TimelineLink,
   x as TimelineSection,
   m as TimelineSegment
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,64 +1,64 @@
 "use client";
 import { jsxs as G, jsx as c } from "react/jsx-runtime";
-import { useState as V, useMemo as v, useEffect as k } from "react";
+import { useState as V, useMemo as g, useEffect as k } from "react";
 import { useRootContext as w } from "../RootProvider/RootProvider.js";
 import { ToolbarAccountMenu as B } from "./ToolbarAccountMenu.js";
 import { ToolbarAdd as E } from "./ToolbarAdd.js";
 import { ToolbarBase as L } from "./ToolbarBase.js";
 import { ToolbarFilter as M } from "./ToolbarFilter.js";
 import { ToolbarSearch as $ } from "./ToolbarSearch.js";
-const T = (t, m) => m || `toolbar-filter-${t}`, Q = ({
-  filters: t = [],
+const T = (n, m) => m || `toolbar-filter-${n}`, Q = ({
+  filters: n = [],
   filterState: m,
-  onFilterStateChange: u,
-  search: b,
-  accountMenu: g,
+  onFilterStateChange: b,
+  search: u,
+  accountMenu: v,
   getFilterLabel: y,
   children: F,
   showResultsLabel: S,
   removeButtonAltText: x,
   addFilterButtonLabel: A
 }) => {
-  const { openId: h, closeAll: C } = w(), n = m || {}, i = typeof u == "function" ? u : () => {
+  const { openId: h, closeAll: C } = w(), t = m || {}, i = typeof b == "function" ? b : () => {
   }, [r, p] = V(
-    () => t.filter((e) => !e.removable || typeof n[e.name] < "u").map((e) => e.name)
-  ), I = v(
-    () => r.map((e) => t.find((o) => o.name === e)).filter((e) => typeof e < "u"),
-    [t, r]
-  ), s = v(
-    () => t.filter((e) => !r.includes(e.name)),
-    [t, r]
+    () => n.filter((e) => !e.removable || typeof t[e.name] < "u").map((e) => e.name)
+  ), I = g(
+    () => r.map((e) => n.find((o) => o.name === e)).filter((e) => typeof e < "u"),
+    [n, r]
+  ), s = g(
+    () => n.filter((e) => !r.includes(e.name)),
+    [n, r]
   );
   k(() => {
-    const e = t.filter((o) => !o.removable || typeof n[o.name] < "u").map((o) => o.name);
+    const e = n.filter((o) => !o.removable || typeof t[o.name] < "u").map((o) => o.name);
     p((o) => {
       const l = e.filter((d) => !o.includes(d));
       return l.length === 0 ? o : [...o, ...l];
     });
-  }, [t, n]);
+  }, [n, t]);
   const N = (e) => {
     const { name: o, value: l, type: d } = e.target, a = [l];
     d === "radio" ? (C(), i({
-      ...n,
+      ...t,
       [o]: a
     })) : i({
-      ...n,
-      [o]: n[o] ? n[o].some((f) => a.includes(String(f))) ? n[o].filter((f) => !a.includes(String(f))) : [...n[o], ...a] : a
+      ...t,
+      [o]: t[o] ? t[o].some((f) => a.includes(String(f))) ? t[o].filter((f) => !(a || []).includes(String(f))) : [...t[o], ...a || []] : a
     });
   }, R = (e) => {
     p((o) => o.filter((l) => l !== e)), i({
-      ...n,
+      ...t,
       [e]: void 0
     });
   }, j = (e, o) => {
     r.includes(e) || p((l) => [...l, e]), h(o), i({
-      ...n,
-      [e]: n[e] ?? []
+      ...t,
+      [e]: t[e] ?? []
     });
   };
   return /* @__PURE__ */ G(L, { children: [
-    g && /* @__PURE__ */ c(B, { ...g }),
-    b && /* @__PURE__ */ c($, { ...b }),
+    v && /* @__PURE__ */ c(B, { ...v }),
+    u && /* @__PURE__ */ c($, { ...u }),
     I.map((e) => /* @__PURE__ */ c(
       M,
       {
@@ -74,7 +74,7 @@ const T = (t, m) => m || `toolbar-filter-${t}`, Q = ({
         getSelectedLabel: y,
         buttonAltText: x,
         optionGroups: e.optionGroups,
-        filterState: n
+        filterState: t
       },
       e.name
     )),

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
 import { useRootContext as x } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as T } from "../Dropdown/DrawerOrDropdown.js";
 import { AccountMenu as b } from "../GlobalMenu/AccountMenu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as g } from "./ToolbarButton.js";
 import { ToolbarFilterBase as h } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarAdd.js

@@ -4,7 +4,7 @@ import "react";
 import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
 import { Menu as c } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as a } from "./ToolbarButton.js";
 import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarButton.js

@@ -1,83 +1,100 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as m from "react";
-import { forwardRef as c } from "react";
+import * as i from "react";
+import { forwardRef as u } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Button as f } from "../Button/Button.js";
+import { Button as m } from "../Button/Button.js";
 import { ComboButton as p } from "../Button/ComboButton.js";
-import { S as d } from "../../XMark-Bv1I87Ev.js";
-import { S as v } from "../../Plus-B6MBOAcH.js";
-import { u as b } from "../../useId-CsCRkvK3.js";
-import '../../assets/ToolbarButton.css';var w = function(e, n) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
+import { S as v } from "../../XMark-DIqxCTTQ.js";
+import { u as c } from "../../useId-BVFxCjkq.js";
+import '../../assets/ToolbarButton.css';var b = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
 };
-const y = c((e, n) => {
-  var { title: r, titleId: t } = e, o = w(e, ["title", "titleId"]);
-  let l = b();
-  return l = r ? t || "title-" + l : void 0, m.createElement(
+const y = u((t, l) => {
+  var { title: o, titleId: e } = t, r = b(t, ["title", "titleId"]);
+  let n = c();
+  return n = o ? e || "title-" + n : void 0, i.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, o),
-    r ? m.createElement("title", { id: l }, r) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": n }, r),
+    o ? i.createElement("title", { id: n }, o) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
-}), x = "_removeButton_fxc8_1", O = {
-  removeButton: x
-}, P = ({
-  type: e = "select",
-  selected: n = !1,
-  removable: r = !1,
-  ariaLabel: t,
-  active: o,
-  children: l,
-  onToggle: i,
-  onRemove: s,
-  iconAltText: u
-}) => r ? /* @__PURE__ */ a(
+});
+var w = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
+};
+const O = u((t, l) => {
+  var { title: o, titleId: e } = t, r = w(t, ["title", "titleId"]);
+  let n = c();
+  return n = o ? e || "title-" + n : void 0, i.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": n }, r),
+    o ? i.createElement("title", { id: n }, o) : null,
+    i.createElement("path", { fill: "currentColor", d: "M12.75 5.5a.75.75 0 0 0-1.5 0v5.75H5.5a.75.75 0 0 0 0 1.5h5.75v5.75a.75.75 0 0 0 1.5 0v-5.75h5.75a.75.75 0 0 0 0-1.5h-5.75z" })
+  );
+}), g = "_removeButton_fxc8_1", h = {
+  removeButton: g
+}, k = ({
+  type: t = "select",
+  selected: l = !1,
+  removable: o = !1,
+  ariaLabel: e,
+  active: r,
+  children: n,
+  onToggle: a,
+  onRemove: d,
+  iconAltText: s
+}) => o ? /* @__PURE__ */ f(
   p,
   {
-    className: O.removeButton,
-    variant: o ? "solid" : "outline",
+    className: h.removeButton,
+    variant: r ? "solid" : "outline",
     size: "xs",
-    icon: d,
-    selected: n,
-    onLabelClick: i,
-    onIconClick: s,
-    iconAltText: u,
-    ariaLabel: t || "remove",
-    children: l
+    icon: v,
+    selected: l,
+    onLabelClick: a,
+    onIconClick: d,
+    iconAltText: s,
+    ariaLabel: e || "remove",
+    children: n
   }
-) : e === "add" ? /* @__PURE__ */ a(
-  f,
+) : t === "add" ? /* @__PURE__ */ f(
+  m,
   {
     variant: "dotted",
     size: "xs",
-    icon: v,
-    selected: n,
-    onClick: i,
-    ariaLabel: t || "add",
-    children: l
+    icon: O,
+    selected: l,
+    onClick: a,
+    ariaLabel: e || "add",
+    children: n
   }
-) : /* @__PURE__ */ a(
-  f,
+) : /* @__PURE__ */ f(
+  m,
   {
-    variant: o ? "solid" : "outline",
+    variant: r ? "solid" : "outline",
     size: "xs",
     icon: y,
-    ariaLabel: t,
-    selected: n,
-    onClick: i,
+    ariaLabel: e,
+    selected: l,
+    onClick: a,
     reverse: !0,
-    children: l
+    children: n
   }
 );
 export {
-  P as ToolbarButton
+  k as ToolbarButton
 };

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -5,7 +5,7 @@ import { useRootContext as F } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
 import { MenuBase as S } from "../Menu/MenuBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as w } from "./ToolbarButton.js";
 import { ToolbarFilterBase as y } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarFilter.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as k } from "./ToolbarButton.js";
 import { ToolbarFilterBase as D } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "react";
 import { useRootContext as u } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as f } from "../Dropdown/DrawerOrDropdown.js";
 import { Menu as x } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as T } from "./ToolbarButton.js";
 import { ToolbarFilterBase as b } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarOptions.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { Fragment as v } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuOption as j } from "../Menu/MenuOption.js";
 import { MenuSearch as x } from "../Menu/MenuSearch.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -4,10 +4,10 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as p } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as l } from "../../MagnifyingGlass-DWIcpwS4.js";
-import { S as _ } from "../../XMark-Bv1I87Ev.js";
+import { S as l } from "../../MagnifyingGlass-3Ln1MufI.js";
+import { S as _ } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/ToolbarSearch.css';const u = "_field_3uyps_1", f = "_icon_3uyps_5", d = "_input_3uyps_14", y = "_clear_3uyps_31", o = {
   field: u,
   icon: f,

package/dist/components/Transmission/Transmission.js

@@ -1,66 +1,68 @@
 "use client";
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { useState as y } from "react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useState as a } from "react";
 import "../../index-L8X2o7IH.js";
-import { AttachmentList as b } from "../Attachment/AttachmentList.js";
-import { Byline as d } from "../Byline/Byline.js";
+import { AttachmentList as L } from "../Attachment/AttachmentList.js";
+import { Byline as j } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLabel as I } from "../List/ListItemLabel.js";
-import { ListItem as j } from "../List/ListItem.js";
-import { Typography as k } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import { ListItem as k } from "../List/ListItem.js";
+import { Typography as A } from "../Typography/Typography.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as A } from "../Page/Section.js";
-const J = ({
-  size: n = "xs",
-  theme: s = "subtle",
-  color: f = "neutral",
-  title: p,
+import { Section as I } from "../Page/Section.js";
+const G = ({
+  size: e = "xs",
+  variant: s = "subtle",
+  color: c = "neutral",
+  title: n,
   createdAt: S,
   createdAtLabel: u,
-  badge: o,
-  sender: r,
-  summary: c,
-  attachments: t,
-  type: a,
+  badge: i,
+  sender: o,
+  summary: f,
+  attachments: r,
+  type: x,
   children: m,
-  ...x
+  ...h
 }) => {
-  const [e, L] = y(!1);
-  return /* @__PURE__ */ i(
-    j,
+  const [p, d] = a(!1);
+  return /* @__PURE__ */ t(
+    k,
     {
-      ...x,
-      avatar: r,
-      badge: o && {
-        ...o,
-        theme: (o == null ? void 0 : o.theme) || "surface"
+      ...h,
+      icon: o,
+      badge: i && {
+        ...i,
+        theme: (i == null ? void 0 : i.theme) || "surface"
       },
-      size: n,
-      theme: s,
-      color: f,
-      label: /* @__PURE__ */ i(I, { title: p, weight: a === "submission" ? "normal" : "bold" }),
-      expanded: e,
-      onClick: () => L((h) => !h),
+      size: e,
+      variant: s,
+      color: c,
+      title: {
+        children: n,
+        weight: x === "submission" ? "normal" : "bold"
+      },
+      expanded: p,
+      onClick: () => d((y) => !y),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
-      ariaLabel: p,
-      children: /* @__PURE__ */ l(A, { padding: 4, children: [
-        /* @__PURE__ */ l(d, { children: [
-          /* @__PURE__ */ i("strong", { children: (r == null ? void 0 : r.name) + ", " }),
+      ariaLabel: n,
+      children: /* @__PURE__ */ l(I, { padding: 4, children: [
+        /* @__PURE__ */ l(j, { children: [
+          /* @__PURE__ */ t("strong", { children: (o == null ? void 0 : o.name) + ", " }),
           " ",
           u
         ] }),
-        /* @__PURE__ */ l(k, { size: "md", children: [
-          /* @__PURE__ */ i("p", { children: c }),
-          e ? typeof m == "function" ? m() : m : null,
-          (t == null ? void 0 : t.items) && /* @__PURE__ */ i(b, { ...t })
+        /* @__PURE__ */ l(A, { size: "md", children: [
+          /* @__PURE__ */ t("p", { children: f }),
+          p ? typeof m == "function" ? m() : m : null,
+          (r == null ? void 0 : r.items) && /* @__PURE__ */ t(L, { ...r })
         ] })
       ] })
     }
   );
 };
 export {
-  J as Transmission
+  G as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -1,19 +1,19 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as e } from "../List/ListBase.js";
+import { List as o } from "../List/List.js";
 import { Transmission as c } from "./Transmission.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({ items: t }) => t.length ? /* @__PURE__ */ i(e, { children: t.map((r, o) => {
-  const { datetime: n, byline: m, createdAtLabel: s } = r;
-  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l(e, { children: [
-    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || s }),
-    /* @__PURE__ */ p(c, { ...r, key: o })
+const T = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
+  const { datetime: n, byline: m, createdAtLabel: l } = r;
+  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || l }),
+    /* @__PURE__ */ p(c, { ...r, key: e })
   ] }) }, r.id);
 }) }) : null;
 export {
-  B as TransmissionList
+  T as TransmissionList
 };

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
 };