@altinn/altinn-components 0.24.2 → 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/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
 };