@altinn/altinn-components 0.24.1 → 0.24.4

package/dist/Checkmark-RgzvRNxP.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = a((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : 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": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/altinn-ds-overrides.css

@@ -36,4 +36,9 @@
   --ds-color-accent-text-default: var(--ds-color-company-text-default);
   --ds-color-accent-contrast-default: var(--ds-color-company-contrast-default);
   --ds-color-accent-contrast-subtle: var(--ds-color-company-contrast-subtle);
+
+  /* Override tokens from designSystem & altinn-components */
+  --ds-color-neutral-surface-default: #fff;
+  --ds-body-md-font-size: 1rem;
+  --ds-color-text-subtle: #10204a;
 }

package/dist/assets/MenuBase.css

@@ -1 +1 @@
-._menu_njba2_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column;width:100%}._list_njba2_13,._item_njba2_19{list-style:none;padding:0;margin:0}._item_njba2_19[role=separator]{border-top:1px solid var(--ds-color-border-subtle)}
+._menu_twp4i_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column;width:100%}._list_twp4i_12,._item_twp4i_18{list-style:none;padding:0;margin:0}._item_twp4i_18[role=separator]{border-top:1px solid var(--ds-color-border-subtle)}

package/dist/assets/MenuItemsVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_1kwwy_1{max-height:400px;overflow:auto}._virtualMenuListItem_1kwwy_6{position:absolute;top:0;left:0;width:100%}
+._virtualScrollRef_12fdc_1{max-height:400px;overflow:auto}._virtualMenuListItem_12fdc_6{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_12fdc_6>*{margin:0}

package/dist/components/Dialog/DialogListGroup.js

@@ -1,41 +1,22 @@
-"use client";
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as m from "react";
-import { forwardRef as f } from "react";
-import { Button as p } from "../Button/Button.js";
+import "react";
+import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as c } from "../List/ListBase.js";
-import { Heading as d } from "../Typography/Heading.js";
+import { ListBase as n } from "../List/ListBase.js";
+import { Heading as p } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
-import { Section as u } from "../Page/Section.js";
-import { u as g } from "../../useId-CsCRkvK3.js";
-var v = function(e, i) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.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++)
-      i.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
-};
-const w = f((e, i) => {
-  var { title: r, titleId: t } = e, o = v(e, ["title", "titleId"]);
-  let n = g();
-  return n = r ? t || "title-" + n : void 0, m.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: i, "aria-labelledby": n }, o),
-    r ? m.createElement("title", { id: n }, r) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
-  );
-}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(u, { spacing: 3, children: [
-  e && /* @__PURE__ */ a(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ l(d, { size: "lg", children: e }),
-    r && /* @__PURE__ */ l(p, { variant: "text", icon: w, size: "sm", children: r })
+import { Section as c } from "../Page/Section.js";
+import { S as a } from "../../Checkmark-RgzvRNxP.js";
+const B = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
+  i && /* @__PURE__ */ t(s, { direction: "row", align: "center", justify: "between", children: [
+    /* @__PURE__ */ r(p, { size: "lg", children: i }),
+    o && /* @__PURE__ */ r(e, { variant: "text", icon: a, size: "sm", children: o })
   ] }),
-  /* @__PURE__ */ l(c, { spacing: 3, children: i })
+  /* @__PURE__ */ r(n, { spacing: 3, children: m })
 ] });
 export {
-  P as DialogListGroup
+  B as DialogListGroup
 };

package/dist/components/DsComponents/index.js

@@ -0,0 +1,23 @@
+import { A as D, B as e, a as o, C as i, b as n, c as t, D as r, d as g, H as b, L as d, e as h, f as p, P, g as l, h as C, S as L, i as S, j as c, T as k, u as m } from "../../usePagination-CBMPUKt_.js";
+export {
+  D as DsAlert,
+  e as DsBadge,
+  o as DsButton,
+  i as DsCheckbox,
+  n as DsChip,
+  t as DsCombobox,
+  r as DsDetails,
+  g as DsDialog,
+  b as DsHeading,
+  d as DsLink,
+  h as DsListItem,
+  p as DsListUnordered,
+  P as DsPagination,
+  l as DsParagraph,
+  C as DsPopover,
+  L as DsSearch,
+  S as DsSkeleton,
+  c as DsSpinner,
+  k as DsTabs,
+  m as useDsPagination
+};

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
+import { jsx as v } from "react/jsx-runtime";
 import { useState as L } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Menu as M } from "../Menu/Menu.js";
-const a = (d) => `${d} hits`, R = ({
+const w = (d) => `${d} hits`, k = ({
   accounts: d = [],
-  accountGroups: C = {},
+  accountGroups: y = {},
   accountSearch: s,
   onSelectAccount: m,
   currentAccount: p,
-  isVirtualized: I
+  isVirtualized: C
 }) => {
   var f;
   const t = d.map((e) => ({
@@ -20,16 +20,16 @@ const a = (d) => `${d} hits`, R = ({
     groupId: e.groupId || "search",
     selected: e.selected ?? (p == null ? void 0 : p.id) === e.id,
     title: e.name,
-    ...(e == null ? void 0 : e.accountNames) && {
+    ...(e == null ? void 0 : e.items) && {
       avatarGroup: {
         size: "sm",
-        items: e.accountNames.map((r) => ({
-          name: r,
-          type: e.type
+        items: e.items.map((i) => ({
+          name: i.name,
+          type: i.type || e.type
         }))
       }
     },
-    ...!(e != null && e.accountNames) && {
+    ...!(e != null && e.items) && {
       avatar: {
         size: "md",
         type: e.type,
@@ -39,36 +39,36 @@ const a = (d) => `${d} hits`, R = ({
     badge: e.badge,
     alertBadge: e.alertBadge,
     onClick: () => m == null ? void 0 : m(e.id || e.name)
-  })), [i, g] = L(""), l = i ? t.filter((e) => {
-    var r;
-    return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
+  })), [l, g] = L(""), r = l ? t.filter((e) => {
+    var i;
+    return (i = e == null ? void 0 : e.title) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : t, b = i ? {
+  })) : t, I = l ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? a(l.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? w(r.length)
     }
-  } : C, h = {
+  } : y, b = {
     name: "account-search",
-    value: i,
+    value: l,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
     onChange: (e) => g(e.target.value),
     onClear: () => g("")
-  }, v = [
-    ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
+  }, h = [
+    ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     M,
     {
       theme: "default",
-      search: s && h,
-      groups: b,
-      items: v,
-      isVirtualized: I
+      search: s && b,
+      groups: I,
+      items: h,
+      isVirtualized: C
     }
   );
 };
 export {
-  R as AccountMenu
+  k as AccountMenu
 };

package/dist/components/List/ListItem.js

@@ -1,75 +1,76 @@
-import { jsxs as q, jsx as v } from "react/jsx-runtime";
-import { ListItemBase as w } from "./ListItemBase.js";
-import { ListItemHeader as z } from "./ListItemHeader.js";
-const E = ({
-  className: f,
-  variant: e = "solid",
+import { jsxs as q, jsx as w } from "react/jsx-runtime";
+import { ListItemBase as z } from "./ListItemBase.js";
+import { ListItemHeader as A } from "./ListItemHeader.js";
+const F = ({
+  className: p,
+  variant: c = "solid",
   color: r,
-  theme: i = "default",
-  shadow: c = "xs",
-  loading: m,
+  theme: m = "default",
+  shadow: e = "xs",
+  loading: o,
   collapsible: n,
   expanded: s,
-  size: p = "sm",
-  icon: u,
-  avatar: L,
-  avatarGroup: l,
-  title: o,
-  titleAs: I,
-  description: a,
-  badge: j,
-  linkIcon: x = !1,
+  size: u = "sm",
+  icon: L,
+  avatar: l,
+  avatarGroup: I,
+  title: f,
+  titleAs: j,
+  description: x,
+  badge: a,
+  linkIcon: h = !1,
   label: t,
-  select: h,
-  selected: y,
-  controls: B,
-  children: H,
-  interactive: b,
+  select: y,
+  selected: B,
+  controls: H,
+  children: b,
+  interactive: i,
   ...d
 }) => {
   const k = typeof t == "function" ? t() : t;
   return /* @__PURE__ */ q(
-    w,
+    z,
     {
-      variant: e,
+      variant: c,
       color: r,
-      theme: i,
-      shadow: c,
-      selected: y,
+      theme: m,
+      shadow: e,
+      selected: B,
       expanded: s,
-      title: o,
-      loading: m,
-      interactive: b,
+      title: f,
+      loading: o,
+      interactive: i,
       children: [
-        /* @__PURE__ */ v(
-          z,
+        /* @__PURE__ */ w(
+          A,
           {
-            className: f,
+            className: p,
             color: r,
-            theme: i,
-            loading: m,
-            linkIcon: x,
+            theme: m,
+            loading: o,
+            linkIcon: h,
             collapsible: n,
             expanded: s,
-            select: h,
-            size: p,
-            title: o,
-            description: a,
-            icon: u,
-            avatar: L,
-            avatarGroup: l,
-            badge: j,
-            controls: B,
-            titleAs: I,
+            select: y,
+            size: u,
+            title: f,
+            description: x,
+            icon: L,
+            avatar: l,
+            avatarGroup: I,
+            badge: a,
+            controls: H,
+            titleAs: j,
+            interactive: i,
             ...d,
             children: k
           }
         ),
-        s ? H : null
+        s ? b : null
       ]
     }
   );
 };
 export {
-  E as ListItem
+  F as ListItem
 };

package/dist/components/Menu/MenuBase.js

@@ -1,19 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const r = "_menu_njba2_1", u = "_list_njba2_13", l = "_item_njba2_19", c = {
-  menu: r,
-  list: u,
-  item: l
-}, d = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: a(c.menu, o), "data-color": n, "data-theme": e, children: s }), j = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: a(c.list, e), role: n, children: o }), x = ({
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuBase.css';const p = "_menu_twp4i_1", r = "_list_twp4i_12", u = "_item_twp4i_18", a = {
+  menu: p,
+  list: r,
+  item: u
+}, d = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: i(a.menu, o), "data-color": n, "data-theme": e, children: s }), x = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: i(a.list, e), role: n, children: o }), w = ({
   as: t = "li",
   role: n = "presentation",
   className: e,
   children: o,
   style: s,
-  dataIndex: i
-}) => /* @__PURE__ */ m(t, { className: a(c.item, e), role: n, style: s, "data-index": i, children: o });
+  dataIndex: c
+}) => /* @__PURE__ */ m(t, { className: i(a.item, e), role: n, style: s, "data-index": c, children: o });
 export {
   d as MenuBase,
-  j as MenuList,
-  x as MenuListItem
+  x as MenuList,
+  w as MenuListItem
 };