@altinn/altinn-components 0.40.0 → 0.41.0

package/dist/components/Dialog/DialogSection.js

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as t } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as n } from "../Page/Section.js";
 const x = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [

package/dist/components/Dialog/SeenByLog.js

@@ -1,28 +1,35 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useState as u, Fragment as a, createElement as h } from "react";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { useState as s, Fragment as h, createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as m } from "./SeenByLogButton.js";
-import { SeenByLogItem as l } from "./SeenByLogItem.js";
-import { Divider as p } from "../Divider/Divider.js";
-import { List as S } from "../List/List.js";
+import { SeenByLogButton as p } from "./SeenByLogButton.js";
+import { SeenByLogItem as S } from "./SeenByLogItem.js";
+import { Divider as d } from "../Divider/Divider.js";
+import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as x } from "../Page/Flex.js";
-import { Section as y } from "../Page/Section.js";
-const O = ({ collapsible: i, expanded: d, title: e, items: r, endUserLabel: g = "You" }) => {
-  const [t, s] = u(d || !i && !0);
-  return /* @__PURE__ */ c(y, { spacing: 1, children: [
-    e && /* @__PURE__ */ o(x, { children: i ? /* @__PURE__ */ o(m, { icon: { items: r }, as: "button", onClick: () => {
-      s((n) => !n);
-    }, children: e }) : /* @__PURE__ */ o(m, { icon: { items: r }, as: "div", children: e }) }),
-    e && t && /* @__PURE__ */ o(p, {}),
-    t && /* @__PURE__ */ o(S, { size: "sm", spacing: 1, children: r == null ? void 0 : r.map((n, f) => /* @__PURE__ */ c(a, { children: [
-      f > 0 && /* @__PURE__ */ o(p, {}),
-      /* @__PURE__ */ h(l, { ...n, key: n.id, endUserLabel: g })
+import { Flex as y } from "../Page/Flex.js";
+import { Section as B } from "../Page/Section.js";
+const b = ({
+  collapsible: t,
+  expanded: g,
+  title: e,
+  items: r,
+  size: i = "sm",
+  endUserLabel: f = "You"
+}) => {
+  const [c, u] = s(g || !t && !0);
+  return /* @__PURE__ */ m(B, { spacing: 1, children: [
+    e && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(p, { icon: { items: r }, as: "button", onClick: () => {
+      u((n) => !n);
+    }, children: e }) : /* @__PURE__ */ o(p, { icon: { items: r }, as: "div", children: e }) }),
+    e && c && /* @__PURE__ */ o(d, {}),
+    c && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: r == null ? void 0 : r.map((n, a) => /* @__PURE__ */ m(h, { children: [
+      a > 0 && /* @__PURE__ */ o(d, {}),
+      /* @__PURE__ */ l(S, { ...n, key: n.id, size: i, endUserLabel: f })
     ] }, n.id)) })
   ] });
 };
 export {
-  O as SeenByLog
+  b as SeenByLog
 };

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,22 +1,29 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Badge as s } from "../Badge/Badge.js";
-import { Byline as a } from "../Byline/Byline.js";
+import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as l } from "../Page/Flex.js";
-const B = ({ name: r, seenAt: o, seenAtLabel: m, isEndUser: n, endUserLabel: p }) => {
+import { Flex as c } from "../Page/Flex.js";
+const j = ({
+  name: r,
+  seenAt: i,
+  seenAtLabel: m,
+  isEndUser: n,
+  endUserLabel: p,
+  size: a = "sm"
+}) => {
   const t = n && { label: p };
-  return /* @__PURE__ */ e(l, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ e(a, { size: "sm", datetime: o, avatar: { name: r, type: "person" }, children: [
-      /* @__PURE__ */ i("strong", { children: r + "," }),
+  return /* @__PURE__ */ e(c, { align: "center", spacing: 2, as: "li", children: [
+    /* @__PURE__ */ e(l, { size: a, datetime: i, avatar: { name: r, type: "person" }, children: [
+      /* @__PURE__ */ o("strong", { children: r + "," }),
       " ",
       m
     ] }),
-    t && /* @__PURE__ */ i(s, { variant: "subtle", ...t })
+    t && /* @__PURE__ */ o(s, { variant: "subtle", ...t })
   ] });
 };
 export {
-  B as SeenByLogItem
+  j as SeenByLogItem
 };

package/dist/components/Forms/FieldBase.js

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as e } from "../Typography/Typography.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Field as n } from "./Field.js";
 import { Label as c } from "./Label.js";

package/dist/components/Layout/LayoutSidebar.js

@@ -1,7 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import '../../assets/LayoutSidebar.css';const d = "_sidebar_zsh57_1", i = {
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/LayoutSidebar.css';const d = "_sidebar_lkphj_1", i = {
   sidebar: d
-}, t = ({ color: s, hidden: a = !1, children: e }) => /* @__PURE__ */ r("aside", { className: i.sidebar, "data-color": s, "aria-hidden": a, children: e });
+}, c = ({ color: a, hidden: s = !1, sticky: e, children: r }) => /* @__PURE__ */ t("aside", { className: i.sidebar, "data-color": a, "data-sticky": e, "aria-hidden": s, children: r });
 export {
-  t as LayoutSidebar
+  c as LayoutSidebar
 };

package/dist/components/LayoutAction/ActionHeader.js

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { IconButton as c } from "../Button/IconButton.js";
+import { Heading as c } from "../Typography/Heading.js";
+import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as l } from "../Typography/Heading.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
 import '../../assets/ActionHeader.css';const p = "_header_f05a9_1", _ = "_title_f05a9_38", f = "_dismiss_f05a9_44", s = {
@@ -19,9 +19,9 @@ import '../../assets/ActionHeader.css';const p = "_header_f05a9_1", _ = "_title_
   dismissIconAltText: m = "Close",
   onDismiss: d
 }) => /* @__PURE__ */ n("header", { className: s.header, "aria-hidden": a, "data-color": t, "data-theme": i, children: [
-  /* @__PURE__ */ e(l, { size: "sm", className: s.title, children: r }),
+  /* @__PURE__ */ e(c, { size: "sm", className: s.title, children: r }),
   o && /* @__PURE__ */ e(
-    c,
+    l,
     {
       icon: h,
       color: t,

package/dist/components/List/ListItemLabel.js

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as P, Fragment as x } from "react/jsx-runtime";
 import { c as y } from "../../index-L8X2o7IH.js";
 import { isValidElement as N } from "react";
-import "../RootProvider/RootProvider.js";
 import { Heading as o } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
   label: w

package/dist/components/Menu/MenuItemLabel.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as p, Fragment as h } from "react/jsx-runtime";
 import { c as b } from "../../index-L8X2o7IH.js";
 import { isValidElement as x } from "react";
+import { Heading as u } from "../Typography/Heading.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as u } from "../Typography/Heading.js";
 import { isHeadingProps as s } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemLabel.css';const y = "_label_1gf5h_1", P = "_title_1gf5h_22", g = {

package/dist/components/Menu/MenuSearch.js

@@ -1,11 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as f } from "../Forms/SearchField.js";
-import '../../assets/MenuSearch.css';const l = "_field_99cd6_1", m = {
-  field: l
+import { SearchField as l } from "../Forms/SearchField.js";
+import '../../assets/MenuSearch.css';const m = "_field_1w1s0_1", p = {
+  field: m
 }, y = ({
   name: o,
   value: r,
@@ -13,8 +13,8 @@ import '../../assets/MenuSearch.css';const l = "_field_99cd6_1", m = {
   clearButtonAltText: i = "Clear search",
   onChange: s,
   onClear: a
-}) => /* @__PURE__ */ c(
-  f,
+}) => /* @__PURE__ */ f(
+  l,
   {
     size: "xs",
     name: o,
@@ -23,7 +23,7 @@ import '../../assets/MenuSearch.css';const l = "_field_99cd6_1", m = {
     onChange: s,
     onClear: a,
     clearButtonAltText: i,
-    className: m.field,
+    className: p.field,
     autoComplete: "off",
     autoFocus: !0,
     onKeyDown: (e) => {

package/dist/components/Modal/ModalHeader.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import "react";
+import { Heading as s } from "../Typography/Heading.js";
 import { IconButton as h } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as s } from "../Typography/Heading.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as o } from "../Page/Flex.js";
 import { Section as f } from "../Page/Section.js";

package/dist/components/Page/AccordionSection.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { PageDetails as c } from "./PageDetails.js";
 import { Section as e } from "./Section.js";

package/dist/components/Page/ContactSection.js

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { Typography as a } from "../Typography/Typography.js";
 import { Heading as s } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as g } from "./Section.js";
 import { ContactButtons as h } from "./ContactButtons.js";

package/dist/components/Search/SearchItem.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
+import { Heading as r } from "../Typography/Heading.js";
 import { Byline as c } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as r } from "../Typography/Heading.js";
 import { ListItemBase as p } from "../List/ListItemBase.js";
 import { ListItemHeader as h } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Settings/SettingsList.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { Fragment as s } from "react";
 import "../../index-L8X2o7IH.js";
-import "../RootProvider/RootProvider.js";
 import { Heading as x } from "../Typography/Heading.js";
+import "../RootProvider/RootProvider.js";
 import { Divider as f } from "../Divider/Divider.js";
 import { List as h } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Timeline/TimelineActivity.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as n } from "../Byline/Byline.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as l } from "../Typography/Typography.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-yFbEHBRX.js";
@@ -20,8 +20,8 @@ const h = ({
   footer: g,
   ...f
 }) => /* @__PURE__ */ c(y, { margin: p, spacing: e, ...f, children: [
-  t && /* @__PURE__ */ i(n, { loading: r, datetime: s, children: t }),
-  o && typeof o == "string" ? /* @__PURE__ */ i(l, { as: "p", loading: r, size: "md", ...m, children: o }) : o
+  t && /* @__PURE__ */ i(l, { loading: r, datetime: s, children: t }),
+  o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
   h as TimelineActivity

package/dist/components/Timeline/TimelineSection.js

@@ -1,10 +1,10 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as c } from "../Byline/Byline.js";
+import { Typography as c } from "../Typography/Typography.js";
+import { Byline as j } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { TimelineBase as j } from "./TimelineBase.js";
-import { Typography as l } from "../Typography/Typography.js";
+import { TimelineBase as l } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as u } from "../Page/Section.js";
 const q = ({
@@ -21,7 +21,7 @@ const q = ({
   byline: i,
   children: r
 }) => /* @__PURE__ */ a(
-  j,
+  l,
   {
     loading: o,
     level: e,
@@ -30,8 +30,8 @@ const q = ({
     borderColor: p ? m : "neutral",
     as: f,
     children: [
-      i && /* @__PURE__ */ t(c, { loading: o, datetime: T, children: i }),
-      /* @__PURE__ */ t(u, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(l, { as: "p", loading: o, size: "md", ...y, children: r }) : r })
+      i && /* @__PURE__ */ t(j, { loading: o, datetime: T, children: i }),
+      /* @__PURE__ */ t(u, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(c, { as: "p", loading: o, size: "md", ...y, children: r }) : r })
     ]
   }
 );

package/dist/components/Transmission/Transmission.js

@@ -3,9 +3,9 @@ import { jsx as o, jsxs as t, Fragment as g } from "react/jsx-runtime";
 import { useState as h } from "react";
 import "../../index-L8X2o7IH.js";
 import { AttachmentList as v } from "../Attachment/AttachmentList.js";
-import { Badge as L } from "../Badge/Badge.js";
+import { Typography as L } from "../Typography/Typography.js";
+import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as T } from "../Typography/Typography.js";
 import { SeenByLog as A } from "../Dialog/SeenByLog.js";
 import { ListItem as S } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
@@ -46,7 +46,7 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
         className: w.title,
         children: /* @__PURE__ */ t(g, { children: [
           /* @__PURE__ */ o("h2", { children: s }),
-          l && /* @__PURE__ */ o(L, { variant: "tinted", size: "xs", ...f })
+          l && /* @__PURE__ */ o(T, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: l ? "bold" : "normal"
       },
@@ -58,7 +58,7 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
       as: "button",
       ariaLabel: s,
       children: /* @__PURE__ */ t(_, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ t(T, { size: "md", children: [
+        /* @__PURE__ */ t(L, { size: "md", children: [
           a && /* @__PURE__ */ o("p", { children: a }),
           r ? typeof n == "function" ? n() : n : null,
           (e == null ? void 0 : e.items) && /* @__PURE__ */ o(v, { ...e })

package/dist/components/Typography/Heading.js

@@ -3,8 +3,8 @@ import { jsx as a } from "react/jsx-runtime";
 import { c as x } from "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as f } from "../Skeleton/Skeleton.js";
-import "../RootProvider/RootProvider.js";
 import { useHighlightedText as u } from "./useHighlightedText.js";
+import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Heading.css';const H = "_heading_1dyne_1", _ = {
   heading: H