@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/Layout/Layout.js

@@ -1,23 +1,22 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { LayoutBase as d } from "./LayoutBase.js";
 import { LayoutGrid as L } from "./LayoutGrid.js";
-import { LayoutBody as h } from "./LayoutBody.js";
-import { LayoutContent as a } from "./LayoutContent.js";
+import { LayoutBody as a } from "./LayoutBody.js";
+import { LayoutContent as h } from "./LayoutContent.js";
 import { LayoutSidebar as s } from "./LayoutSidebar.js";
 import { Breadcrumbs as x } from "../Breadcrumbs/Breadcrumbs.js";
 import "../../index-p1eeF8LQ.js";
 import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
-import { M as k } from "../../SearchField-BU7Imhpe.js";
-import { useRootContext as C } from "../RootProvider/RootProvider.js";
+import { x as k, M as C } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Header as G } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
 import { SkipLink as H } from "../SkipLink/SkipLink.js";
-const Q = ({
+const P = ({
   color: c,
   theme: u = "subtle",
   header: m,
@@ -25,18 +24,18 @@ const Q = ({
   sidebar: o,
   content: f = {},
   children: l,
-  skipLink: p,
-  breadcrumbs: e,
+  skipLink: e,
+  breadcrumbs: p,
   useGlobalHeader: y = !0
 }) => {
-  const { currentId: i } = C();
-  return /* @__PURE__ */ t(d, { color: c, theme: u, currentId: i, children: [
-    p && /* @__PURE__ */ r(H, { ...p }),
-    m && (y ? /* @__PURE__ */ r(j, { ...m }) : /* @__PURE__ */ r(G, { ...m })),
-    /* @__PURE__ */ t(L, { currentId: i, children: [
-      e && /* @__PURE__ */ r(x, { ...e }),
-      /* @__PURE__ */ t(h, { currentId: i, children: [
-        o && /* @__PURE__ */ t(
+  const { currentId: i } = k();
+  return /* @__PURE__ */ r(d, { color: c, theme: u, currentId: i, children: [
+    e && /* @__PURE__ */ t(H, { ...e }),
+    m && (y ? /* @__PURE__ */ t(j, { ...m }) : /* @__PURE__ */ t(G, { ...m })),
+    /* @__PURE__ */ r(L, { currentId: i, children: [
+      p && /* @__PURE__ */ t(x, { ...p }),
+      /* @__PURE__ */ r(a, { currentId: i, children: [
+        o && /* @__PURE__ */ r(
           s,
           {
             sticky: o?.sticky,
@@ -44,17 +43,17 @@ const Q = ({
             color: o?.color,
             footer: o?.footer,
             children: [
-              o?.menu && /* @__PURE__ */ r(k, { ...o?.menu }),
+              o?.menu && /* @__PURE__ */ t(C, { ...o?.menu }),
               o?.children
             ]
           }
         ),
-        /* @__PURE__ */ r(a, { color: f?.color, id: "main-content", children: l })
+        /* @__PURE__ */ t(h, { color: f?.color, id: "main-content", children: l })
       ] })
     ] }),
-    n && /* @__PURE__ */ r(B, { ...n })
+    n && /* @__PURE__ */ t(B, { ...n })
   ] });
 };
 export {
-  Q as Layout
+  P as Layout
 };

package/dist/components/List/List.js

@@ -1,15 +1,11 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createElement as p } from "react";
-import { c } from "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "react";
+import "../../index-p1eeF8LQ.js";
+import { p as f } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItem as n } from "./ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as a } from "../Page/Flex.js";
-import '../../assets/List.css';const f = "_list_14rag_1", x = {
-  list: f
-}, E = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ l(a, { direction: "col", as: "ul", spacing: i, className: c(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ p(n, { ...t, key: `item-${t.id ?? e}` })) });
+import "../Page/Flex.js";
 export {
-  E as List
+  f as List
 };

package/dist/components/List/ListBase.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/List/ListItem.js

@@ -1,81 +1,8 @@
-import { jsxs as N, jsx as n } from "react/jsx-runtime";
-import { c as k } from "../../index-p1eeF8LQ.js";
-import { useId as q } from "react";
-import { ListItemBase as A } from "./ListItemBase.js";
-import { ListItemHeader as D } from "./ListItemHeader.js";
-import '../../assets/ListItem.css';const E = "_item_1nwey_3", F = {
-  item: E
-}, P = ({
-  className: f,
-  color: o,
-  variant: l = "default",
-  shadow: p = "xs",
-  border: I = "none",
-  loading: m,
-  disabled: r,
-  collapsible: a,
-  expanded: t,
-  size: i,
-  icon: u,
-  label: s,
-  title: L,
-  description: h,
-  badge: y,
-  linkIcon: _ = !1,
-  select: d,
-  selected: j,
-  controls: x,
-  children: v,
-  interactive: e,
-  id: w,
-  containerAs: B,
-  ...C
-}) => {
-  const H = typeof s == "function" ? s() : s, c = q();
-  return /* @__PURE__ */ N(
-    A,
-    {
-      className: k(F.item, f),
-      size: i,
-      color: o,
-      variant: l,
-      shadow: p,
-      border: I,
-      disabled: r,
-      selected: j,
-      expanded: t,
-      loading: m,
-      interactive: e,
-      id: w,
-      as: B,
-      children: [
-        /* @__PURE__ */ n(
-          D,
-          {
-            color: o,
-            loading: m,
-            linkIcon: _,
-            disabled: r,
-            collapsible: a,
-            expanded: t,
-            select: d,
-            title: L,
-            size: i,
-            description: h,
-            icon: u,
-            badge: y,
-            controls: x,
-            interactive: e,
-            ariaControlsId: t ? c : void 0,
-            ...C,
-            children: H
-          }
-        ),
-        t ? /* @__PURE__ */ n("div", { id: c, children: v }) : null
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "./ListItemBase.js";
+import { o as e } from "../../Section-jhq4n77E.js";
 export {
-  P as ListItem
+  e as ListItem
 };

package/dist/components/List/ListItemHeader.js

@@ -1,119 +1,13 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { c as w } from "../../index-p1eeF8LQ.js";
-import { useId as z, isValidElement as A } from "react";
-import { Badge as D } from "../Badge/Badge.js";
-import { Icon as H } from "../Icon/Icon.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "../Badge/Badge.js";
+import { L as f } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItemLink as R } from "./ListItemLink.js";
-import { ListItemLabel as U } from "./ListItemLabel.js";
-import { ListItemIcon as V } from "./ListItemIcon.js";
-import { ListItemControls as q } from "./ListItemControls.js";
-import { ListItemSelect as G } from "./ListItemSelect.js";
+import "./ListItemLink.js";
+import "./ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { S as J } from "../../ChevronUp-hn05LboH.js";
-import { S as K } from "../../ChevronDown-D_a7nb-G.js";
-import { S as M } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_label_29hv7_27", Q = "_link_29hv7_43", T = "_badge_29hv7_47", W = "_linkIcon_29hv7_51", X = "_linkFocus_29hv7_61", Y = "_controls_29hv7_69", o = {
-  header: O,
-  label: P,
-  link: Q,
-  badge: T,
-  linkIcon: W,
-  linkFocus: X,
-  controls: Y
-}, fo = ({
-  as: f,
-  highlightWords: I,
-  interactive: m = !0,
-  color: k,
-  loading: r,
-  disabled: e,
-  collapsible: a,
-  linkIcon: u,
-  expanded: c,
-  select: l,
-  href: L,
-  onClick: N,
-  onKeyPress: b,
-  tabIndex: S,
-  size: h,
-  title: n,
-  description: C,
-  icon: y,
-  active: p,
-  badge: s,
-  controls: d,
-  className: F,
-  children: j,
-  ariaLabel: _,
-  ariaControlsId: x
-}) => {
-  const v = a ? c ? J : K : u ? M : void 0, g = () => s && !r && typeof s == "object" && "label" in s ? /* @__PURE__ */ t(D, { ...s, className: o.badge }) : A(s) ? s : null, B = _ !== void 0 ? _ : typeof n == "string" ? n : void 0, E = z();
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: w(o.header, F),
-      "data-color": k,
-      "data-interactive": m,
-      "data-size": h,
-      "data-has-active-child": p,
-      "aria-disabled": e,
-      children: [
-        /* @__PURE__ */ i(
-          R,
-          {
-            as: f,
-            href: L,
-            onClick: N,
-            onKeyPress: b,
-            tabIndex: S,
-            loading: r,
-            disabled: e || r,
-            active: p,
-            ariaLabel: B,
-            className: o.link,
-            expanded: c,
-            ariaControlsId: x,
-            collapsible: a,
-            children: [
-              m && /* @__PURE__ */ t("div", { className: o.linkFocus, "aria-hidden": "true" }),
-              l && /* @__PURE__ */ t(G, { ...l, className: o.select }),
-              /* @__PURE__ */ t(V, { loading: r, icon: y }),
-              /* @__PURE__ */ t(
-                U,
-                {
-                  size: h,
-                  loading: r,
-                  highlightWords: I,
-                  title: n,
-                  description: C,
-                  id: E,
-                  className: o.label,
-                  children: j
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ i(q, { className: o.controls, children: [
-          d && !r && /* @__PURE__ */ t("span", { className: o.customControls, children: d }),
-          g(),
-          v && !e && /* @__PURE__ */ t("span", { className: o.linkIcon, children: /* @__PURE__ */ t(
-            H,
-            {
-              svgElement: v,
-              style: {
-                fontSize: "1.5rem"
-              }
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-};
 export {
-  fo as ListItemHeader
+  f as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,28 +1,13 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
-import { Badge as c } from "../Badge/Badge.js";
-import { Icon as s, isIconProps as v } from "../Icon/Icon.js";
+import "react/jsx-runtime";
+import "react";
+import "../Badge/Badge.js";
+import { n as c } from "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.js";
-import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as _, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../XMark-tKk6aExO.js";
-import '../../assets/ListItemIcon.css';const d = "_wrapper_rcjve_1", g = "_icon_rcjve_11", j = "_avatar_rcjve_19", G = "_avatarGroup_rcjve_23", t = {
-  wrapper: d,
-  icon: g,
-  avatar: j,
-  avatarGroup: G
-};
-function w(a) {
-  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
-}
-const L = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
-  l(r) && /* @__PURE__ */ o(f, { ...r, className: t.avatar }) || _(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || v(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
-  p && /* @__PURE__ */ o(c, { ...p, className: t.badge })
-] }) : null;
 export {
-  L as ListItemIcon
+  c as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,62 +1,11 @@
-import { jsx as t, jsxs as P, Fragment as x } from "react/jsx-runtime";
-import { c as y } from "../../index-p1eeF8LQ.js";
-import { isValidElement as N } from "react";
-import "../RootProvider/RootProvider.js";
-import { Heading as e } from "../Typography/Heading.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import { m as e, l } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemLabel.css';const w = "_label_1tmg6_1", j = {
-  label: w
-}, H = (r) => typeof r == "object" && r !== null && "children" in r;
-function L(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || N(r);
-}
-const z = (r) => {
-  const s = {
-    as: "h3",
-    size: "sm"
-  };
-  return H(r) ? { ...s, ...r } : L(r) ? {
-    ...s,
-    children: r
-  } : null;
-}, _ = (r) => {
-  const s = {
-    as: "span",
-    size: "xs",
-    weight: "normal",
-    variant: "subtle"
-  };
-  return H(r) ? { ...s, ...r } : L(r) ? {
-    ...s,
-    children: r
-  } : null;
-}, k = ({
-  loading: r = !1,
-  highlightWords: s,
-  size: a,
-  title: n,
-  value: p,
-  description: c,
-  children: o,
-  id: m,
-  className: l
-}) => {
-  if (n && p) {
-    const i = n && _(n), b = p && z(p);
-    return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
-      i && /* @__PURE__ */ t(e, { ...i, loading: r, highlightWords: s }),
-      b && /* @__PURE__ */ t(e, { ...b, loading: r, highlightWords: s })
-    ] }) });
-  }
-  const f = n && z(n), u = c && _(c);
-  return /* @__PURE__ */ t("span", { className: y(j.label, l), id: m, "data-size": a, children: o || /* @__PURE__ */ P(x, { children: [
-    f && /* @__PURE__ */ t(e, { ...f, loading: r, highlightWords: s }),
-    u && /* @__PURE__ */ t(e, { ...u, loading: r, highlightWords: s })
-  ] }) });
-};
 export {
-  k as ListItemLabel,
-  H as isHeadingProps
+  e as ListItemLabel,
+  l as isHeadingProps
 };

package/dist/components/List/index.js

@@ -1,21 +1,15 @@
-import { ListItemBase as o } from "./ListItemBase.js";
+import { ListItemBase as e } from "./ListItemBase.js";
 import { ListItemLink as m } from "./ListItemLink.js";
-import { ListItemHeader as i } from "./ListItemHeader.js";
-import { ListItemLabel as p, isHeadingProps as f } from "./ListItemLabel.js";
-import { ListItemIcon as I } from "./ListItemIcon.js";
-import { ListItemControls as n } from "./ListItemControls.js";
-import { ListItemSelect as c } from "./ListItemSelect.js";
-import { ListItem as H } from "./ListItem.js";
-import { List as g } from "./List.js";
+import { p as r, o as L, L as a, n as I, m as p, l as n } from "../../Section-jhq4n77E.js";
+import { ListItemControls as x } from "./ListItemControls.js";
 export {
-  g as List,
-  H as ListItem,
-  o as ListItemBase,
-  n as ListItemControls,
-  i as ListItemHeader,
+  r as List,
+  L as ListItem,
+  e as ListItemBase,
+  x as ListItemControls,
+  a as ListItemHeader,
   I as ListItemIcon,
   p as ListItemLabel,
   m as ListItemLink,
-  c as ListItemSelect,
-  f as isHeadingProps
+  n as isHeadingProps
 };

package/dist/components/Menu/Menu.js

@@ -1,6 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-BU7Imhpe.js";
-import "./useMenuSearch.js";
+import { M as m } from "../../Section-jhq4n77E.js";
 export {
-  t as Menu
+  m as Menu
 };