@altinn/altinn-components 0.24.7 → 0.24.8

package/dist/components/Page/DashboardHeader.js

@@ -0,0 +1,24 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Avatar as n } from "../Avatar/Avatar.js";
+import "../RootProvider/RootProvider.js";
+import { Typography as l } from "../Typography/Typography.js";
+import { Heading as s } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as t } from "./Flex.js";
+import { Section as a } from "./Section.js";
+const y = ({ type: e, name: o, title: d, description: p, children: m }) => /* @__PURE__ */ i(a, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+  /* @__PURE__ */ i(t, { direction: "row", align: "center", spacing: 3, children: [
+    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(n, { size: "xl", type: e, name: o }) }),
+    /* @__PURE__ */ i(t, { direction: "col", children: [
+      /* @__PURE__ */ r(s, { size: "lg", children: d || o }),
+      /* @__PURE__ */ r(l, { theme: "subtle", size: "xs", children: /* @__PURE__ */ r("p", { children: p || e }) })
+    ] })
+  ] }),
+  m
+] });
+export {
+  y as DashboardHeader
+};

package/dist/components/Page/PageDetails.js

@@ -0,0 +1,9 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { D as a, a as i, b as o } from "../../index-DcykCrjD.js";
+const n = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
+  /* @__PURE__ */ e(i, { children: t }),
+  /* @__PURE__ */ e(o, { children: s })
+] });
+export {
+  n as PageDetails
+};

package/dist/components/Page/PageMenu.js

@@ -2,14 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as l } from "../Menu/MenuItem.js";
+import { MenuItem as n } from "../Menu/MenuItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const n = "_menu_1wsjl_1", o = "_list_1wsjl_6", a = "_item_1wsjl_29", e = {
-  menu: n,
-  list: o,
+import '../../assets/PageMenu.css';const o = "_menu_13em0_1", l = "_list_13em0_6", a = "_item_13em0_29", e = {
+  menu: o,
+  list: l,
   item: a
-}, w = ({ theme: s, color: i, items: r = [] }) => /* @__PURE__ */ t("nav", { "data-theme": s, "data-color": i, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: r.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(l, { ...m, className: e.item }) }, m.id)) }) });
+}, f = ({ theme: i, color: r, items: s = [] }) => /* @__PURE__ */ t("nav", { "data-theme": i, "data-color": r, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: s.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(n, { ...m, className: e.item }) }, m.id)) }) });
 export {
-  w as PageMenu
+  f as PageMenu
 };

package/dist/components/Page/index.js

@@ -1,26 +1,36 @@
-import { PageBase as o } from "./PageBase.js";
-import { PageNav as m } from "./PageNav.js";
-import { PageMenu as a } from "./PageMenu.js";
+import { PageBase as e } from "./PageBase.js";
+import { PageNav as a } from "./PageNav.js";
+import { PageMenu as x } from "./PageMenu.js";
 import { PageTabs as p } from "./PageTabs.js";
-import { PageHeader as g } from "./PageHeader.js";
-import { Article as n } from "./Article.js";
-import { Section as d } from "./Section.js";
+import { PageHeader as d } from "./PageHeader.js";
+import { PageDetails as i } from "./PageDetails.js";
+import { ArticleHeader as g } from "./ArticleHeader.js";
 import { Flex as b } from "./Flex.js";
 import { Grid as B } from "./Grid.js";
-import { Breadcrumbs as S } from "./Breadcrumbs.js";
-import { BreadcrumbsLink as v } from "./BreadcrumbsLink.js";
-import { ContactSection as C } from "./ContactSection.js";
+import { Breadcrumbs as C } from "./Breadcrumbs.js";
+import { BreadcrumbsLink as H } from "./BreadcrumbsLink.js";
+import { Section as h } from "./Section.js";
+import { ContactSection as k } from "./ContactSection.js";
+import { ContactButtons as F } from "./ContactButtons.js";
+import { AccordionSection as L } from "./AccordionSection.js";
+import { DashboardHeader as N } from "./DashboardHeader.js";
+import { DashboardCard as j } from "./DashboardCard.js";
 export {
-  n as Article,
-  S as Breadcrumbs,
-  v as BreadcrumbsLink,
-  C as ContactSection,
+  L as AccordionSection,
+  g as ArticleHeader,
+  C as Breadcrumbs,
+  H as BreadcrumbsLink,
+  F as ContactButtons,
+  k as ContactSection,
+  j as DashboardCard,
+  N as DashboardHeader,
   b as Flex,
   B as Grid,
-  o as PageBase,
-  g as PageHeader,
-  a as PageMenu,
-  m as PageNav,
+  e as PageBase,
+  i as PageDetails,
+  d as PageHeader,
+  x as PageMenu,
+  a as PageNav,
   p as PageTabs,
-  d as Section
+  h as Section
 };

package/dist/components/Profile/AccountList.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createElement as m } from "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import { ListBase as p } from "../List/ListBase.js";
+import "../Search/AutocompleteBase.js";
+import { AccountListItem as i } from "./AccountListItem.js";
+import "../Snackbar/useSnackbar.js";
+const L = ({ items: r }) => /* @__PURE__ */ t(p, { children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ m(i, { ...o, key: o.id }, "Details")) });
+export {
+  L as AccountList
+};

package/dist/components/Profile/AccountListItem.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import * as a from "react";
+import { forwardRef as m } from "react";
+import { Badge as O } from "../Badge/Badge.js";
+import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
+import { ListItemControls as h } from "../List/ListItemControls.js";
+import { ListItem as I } from "../List/ListItem.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as j } from "../Page/Flex.js";
+import { u as d } from "../../useId-CsCRkvK3.js";
+var x = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const E = m((t, o) => {
+  var { title: l, titleId: e } = t, r = x(t, ["title", "titleId"]);
+  let n = d();
+  return n = l ? e || "title-" + n : void 0, a.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: o, "aria-labelledby": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
+  );
+});
+var S = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const _ = m((t, o) => {
+  var { title: l, titleId: e } = t, r = S(t, ["title", "titleId"]);
+  let n = d();
+  return n = l ? e || "title-" + n : void 0, a.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: o, "aria-labelledby": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
+  );
+}), q = ({
+  size: t = "md",
+  expanded: o,
+  type: l,
+  avatar: e,
+  avatarGroup: r,
+  title: n,
+  description: s,
+  label: c,
+  favourite: p = !1,
+  contextMenu: f,
+  favouriteLabel: u,
+  children: g,
+  ...b
+}) => {
+  const v = /* @__PURE__ */ y(h, { children: [
+    /* @__PURE__ */ i(j, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: c ? /* @__PURE__ */ i(O, { color: l === "group" ? "neutral" : l, children: c }) : p ? /* @__PURE__ */ i(_, { "aria-label": u }) : /* @__PURE__ */ i(E, { "aria-hidden": !0 }) }),
+    f && /* @__PURE__ */ i(w, { ...f, size: "sm" })
+  ] });
+  return /* @__PURE__ */ i(
+    I,
+    {
+      ...b,
+      size: t,
+      avatar: e,
+      avatarGroup: r && { ...r, size: t === "md" ? "sm" : "xs" },
+      title: n,
+      description: o ? void 0 : s,
+      expanded: o,
+      selected: o,
+      badge: v,
+      linkIcon: !0,
+      children: g
+    }
+  );
+};
+export {
+  q as AccountListItem
+};

package/dist/components/Profile/index.js

@@ -0,0 +1,6 @@
+import { AccountListItem as c } from "./AccountListItem.js";
+import { AccountList as e } from "./AccountList.js";
+export {
+  e as AccountList,
+  c as AccountListItem
+};

package/dist/components/Snackbar/SnackbarItem.js

@@ -18,7 +18,7 @@ import '../../assets/SnackbarItem.css';var w = function(e, o) {
       o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (i[t[n]] = e[t[n]]);
   return i;
 };
-const y = u((e, o) => {
+const b = u((e, o) => {
   var { title: i, titleId: t } = e, n = w(e, ["title", "titleId"]);
   let c = h();
   return c = i ? t || "title-" + c : void 0, a.createElement(
@@ -27,12 +27,12 @@ const y = u((e, o) => {
     i ? a.createElement("title", { id: c }, i) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), x = "_item_137l4_1", O = "_media_137l4_23", I = "_icon_137l4_32", j = "_content_137l4_36", b = "_action_137l4_44", l = {
-  item: x,
-  media: O,
-  icon: I,
-  content: j,
-  action: b
+}), y = "_item_1dbl6_1", x = "_media_1dbl6_23", O = "_icon_1dbl6_32", I = "_content_1dbl6_36", j = "_action_1dbl6_44", l = {
+  item: y,
+  media: x,
+  icon: O,
+  content: I,
+  action: j
 };
 var N = /* @__PURE__ */ ((e) => (e.accent = "accent", e.neutral = "neutral", e.alert = "alert", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(N || {});
 const D = ({
@@ -40,12 +40,12 @@ const D = ({
   message: o,
   className: i,
   color: t = "accent",
-  icon: n = y,
+  icon: n = b,
   iconAltText: c = "Bell icon",
   dismissable: s = !0,
-  onDismiss: m,
-  ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, i), "data-color": t, ...d, children: [
+  onDismiss: d,
+  ...m
+}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, i), "data-color": t, ...m, children: [
   /* @__PURE__ */ r("div", { className: l.media, children: /* @__PURE__ */ r(v, { svgElement: n, className: l.icon }) }),
   /* @__PURE__ */ r("div", { className: l.content, children: o }),
   s && /* @__PURE__ */ r("div", { className: l.action, children: /* @__PURE__ */ r(
@@ -53,7 +53,7 @@ const D = ({
     {
       icon: g,
       variant: "outline",
-      onClick: m,
+      onClick: d,
       className: l.dismiss,
       iconAltText: "close"
     }

package/dist/components/Timeline/TimelineBase.js

@@ -1,37 +1,37 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { Icon as h } from "../Icon/Icon.js";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Icon as x } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Avatar as b } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as v } from "../Skeleton/Skeleton.js";
+import { Skeleton as z } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as f } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const N = "_section_1h3ds_1", x = "_sidebar_1h3ds_8", j = "_content_1h3ds_33", z = "_border_1h3ds_39", g = "_icon_1h3ds_45", o = {
-  section: N,
-  sidebar: x,
-  content: j,
-  border: z,
+import { Flex as v } from "../Page/Flex.js";
+import '../../assets/TimelineBase.css';const f = "_section_aixdz_1", N = "_sidebar_aixdz_8", h = "_content_aixdz_33", j = "_border_aixdz_39", g = "_icon_aixdz_45", e = {
+  section: f,
+  sidebar: N,
+  content: h,
+  border: j,
   icon: g
 }, q = ({
-  as: c = "section",
-  loading: e,
-  border: a = "solid",
+  as: n = "section",
+  loading: i,
+  border: c = "solid",
   level: d = 1,
   color: t,
-  icon: r,
+  icon: s,
   iconColor: m,
-  avatar: i,
+  avatar: r,
   children: l,
   id: _,
   ...p
-}) => /* @__PURE__ */ n(f, { as: c, className: o.section, color: t, ...p, id: _, children: [
-  /* @__PURE__ */ n("aside", { className: o.sidebar, "data-level": d, children: [
-    i && /* @__PURE__ */ s(b, { ...i, size: "sm" }) || r && /* @__PURE__ */ s(v, { loading: e, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(h, { svgElement: r, size: "sm" }) }) }),
-    /* @__PURE__ */ s("div", { className: o.border, "data-loading": e, "data-variant": a, "data-color": t })
+}) => /* @__PURE__ */ a(v, { as: n, className: e.section, color: t, ...p, id: _, children: [
+  /* @__PURE__ */ a("aside", { className: e.sidebar, "data-level": d, children: [
+    r && /* @__PURE__ */ o(b, { ...r, size: "sm" }) || s && /* @__PURE__ */ o(z, { loading: i, variant: "circle", children: /* @__PURE__ */ o("span", { "data-color": m, className: e.icon, children: /* @__PURE__ */ o(x, { svgElement: s, size: "sm" }) }) }),
+    /* @__PURE__ */ o("div", { className: e.border, "data-loading": i, "data-variant": c, "data-color": t })
   ] }),
-  /* @__PURE__ */ s("div", { className: o.content, children: l })
+  /* @__PURE__ */ o("div", { className: e.content, children: l })
 ] });
 export {
   q as TimelineBase