@altinn/altinn-components 0.24.6 → 0.24.8

package/dist/components/Dialog/DialogListItem.js

@@ -1,130 +1,130 @@
-import { jsx as a, jsxs as N } from "react/jsx-runtime";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItemLabel as E } from "../List/ListItemLabel.js";
-import { ListItemSelect as F } from "../List/ListItemSelect.js";
+import { ListItemLabel as C } from "../List/ListItemLabel.js";
+import { ListItemSelect as E } from "../List/ListItemSelect.js";
 import { ListItem as g } from "../List/ListItem.js";
-import { Skeleton as G } from "../Skeleton/Skeleton.js";
+import { Skeleton as F } from "../Skeleton/Skeleton.js";
 import { DialogMetadata as v } from "./DialogMetadata.js";
-import { DialogByline as J } from "./DialogByline.js";
-import { DialogHeading as K } from "./DialogHeading.js";
+import { DialogByline as G } from "./DialogByline.js";
+import { DialogHeading as J } from "./DialogHeading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const O = "_border_1ecaj_1", P = "_controls_1ecaj_51", Q = "_header_1ecaj_57", R = "_summary_1ecaj_69", U = "_footer_1ecaj_97", W = "_touchedBy_1ecaj_101", X = "_heading_1ecaj_110", Y = "_title_1ecaj_116", r = {
-  border: O,
-  controls: P,
-  header: Q,
-  summary: R,
-  footer: U,
-  touchedBy: W,
-  heading: X,
-  title: Y
-}, na = ({
-  size: e = "lg",
+import '../../assets/DialogListItem.css';const K = "_border_1wzcc_1", O = "_controls_1wzcc_51", P = "_header_1wzcc_57", Q = "_summary_1wzcc_69", R = "_footer_1wzcc_97", U = "_touchedBy_1wzcc_101", W = "_heading_1wzcc_110", X = "_title_1wzcc_116", e = {
+  border: K,
+  controls: O,
+  header: P,
+  summary: Q,
+  footer: R,
+  touchedBy: U,
+  heading: W,
+  title: X
+}, no = ({
+  size: a = "lg",
   state: x = "normal",
-  loading: o,
+  loading: r,
   controls: B,
   select: n,
   selected: m,
   status: t,
   sender: s,
   recipient: u,
-  recipientLabel: D = "to",
-  grouped: I = !1,
+  recipientLabel: z = "to",
+  grouped: D = !1,
   updatedAt: d,
   updatedAtLabel: _,
   archivedAt: h,
-  archivedAtLabel: L,
+  archivedAtLabel: I,
   trashedAt: p,
-  trashedAtLabel: S,
-  badge: k,
-  dueAt: H,
-  dueAtLabel: M,
+  trashedAtLabel: L,
+  badge: S,
+  dueAt: j,
+  dueAtLabel: k,
   seen: l = !1,
-  seenBy: T,
-  touchedBy: V,
-  attachmentsCount: q,
+  seenBy: H,
+  touchedBy: M,
+  attachmentsCount: T,
   title: c,
   description: f,
   summary: i,
-  theme: w = "default",
+  theme: V = "default",
   ...b
 }) => {
-  const C = p ? "trashed" : h ? "archived" : x, j = m ? "subtle" : w, y = t == null ? void 0 : t.value;
-  return e === "xs" || e === "sm" ? /* @__PURE__ */ a(
+  const q = p ? "trashed" : h ? "archived" : x, y = m ? "subtle" : V, w = t == null ? void 0 : t.value;
+  return a === "xs" || a === "sm" ? /* @__PURE__ */ o(
     g,
     {
       ...b,
-      size: e,
+      size: a,
       selected: m,
-      theme: j,
-      label: /* @__PURE__ */ a(
+      theme: y,
+      label: /* @__PURE__ */ o(
         "div",
         {
-          className: r.border,
-          "data-variant": y,
-          "data-size": e,
+          className: e.border,
+          "data-variant": w,
+          "data-size": a,
           "data-seen": l,
-          "data-loading": o,
-          children: /* @__PURE__ */ a(E, { loading: o, size: e, title: c, description: i || f })
+          "data-loading": r,
+          children: /* @__PURE__ */ o(C, { loading: r, size: a, title: c, description: i || f })
         }
       ),
-      badge: /* @__PURE__ */ a(v, { loading: o, sender: s, updatedAt: d, updatedAtLabel: _ }),
+      badge: /* @__PURE__ */ o(v, { loading: r, sender: s, updatedAt: d, updatedAtLabel: _ }),
       title: c
     }
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ o(
     g,
     {
       ...b,
-      size: e,
+      size: a,
       selected: m,
-      theme: j,
-      controls: /* @__PURE__ */ a("div", { className: r.controls, children: B || n && /* @__PURE__ */ a(F, { ...n, size: "xl" }) }),
+      theme: y,
+      controls: /* @__PURE__ */ o("div", { className: e.controls, children: B || n && /* @__PURE__ */ o(E, { ...n, size: "xl" }) }),
       title: c,
       label: /* @__PURE__ */ N(
         "div",
         {
-          className: r.border,
-          "data-variant": y,
-          "data-size": e,
+          className: e.border,
+          "data-variant": w,
+          "data-size": a,
           "data-seen": l,
-          "data-loading": o,
+          "data-loading": r,
           children: [
-            /* @__PURE__ */ N("header", { className: r.header, "data-size": e, children: [
-              /* @__PURE__ */ a(K, { loading: o, size: e, state: C, badge: k, seen: l, children: c }),
-              /* @__PURE__ */ a(
-                J,
+            /* @__PURE__ */ N("header", { className: e.header, "data-size": a, children: [
+              /* @__PURE__ */ o(J, { loading: r, size: a, state: q, badge: S, seen: l, children: c }),
+              /* @__PURE__ */ o(
+                G,
                 {
                   size: "xs",
-                  loading: o,
+                  loading: r,
                   sender: s,
                   recipient: u,
-                  recipientLabel: D,
-                  grouped: I
+                  recipientLabel: z,
+                  grouped: D
                 }
               ),
-              e === "lg" && i && /* @__PURE__ */ a(G, { loading: o, children: /* @__PURE__ */ a("p", { "data-size": e, className: r.summary, children: i || f }) })
+              a === "lg" && i && /* @__PURE__ */ o(F, { loading: r, children: /* @__PURE__ */ o("p", { "data-size": a, className: e.summary, children: i || f }) })
             ] }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ o(
               v,
               {
-                className: r.footer,
-                loading: o,
+                className: e.footer,
+                loading: r,
                 status: t,
                 updatedAt: d,
                 updatedAtLabel: _,
                 archivedAt: h,
-                archivedAtLabel: L,
+                archivedAtLabel: I,
                 trashedAt: p,
-                trashedAtLabel: S,
-                dueAt: H,
-                dueAtLabel: M,
-                attachmentsCount: q,
-                seenBy: T,
+                trashedAtLabel: L,
+                dueAt: j,
+                dueAtLabel: k,
+                attachmentsCount: T,
+                seenBy: H,
                 touchedBy: {
-                  touchedBy: V,
-                  className: r.touchedBy
+                  touchedBy: M,
+                  className: e.touchedBy
                 }
               }
             )
@@ -135,5 +135,5 @@ import '../../assets/DialogListItem.css';const O = "_border_1ecaj_1", P = "_cont
   );
 };
 export {
-  na as DialogListItem
+  no as DialogListItem
 };

package/dist/components/Dialog/DialogSeenBy.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { MetaItem as f } from "../Meta/MetaItem.js";
 import * as a from "react";
-import { forwardRef as m } from "react";
+import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { MetaItem as m } from "../Meta/MetaItem.js";
 import { S as s } from "../../Eye-CMPIjkcy.js";
 import { u as p } from "../../useId-CsCRkvK3.js";
 var d = function(t, o) {
@@ -17,7 +17,7 @@ var d = function(t, o) {
       o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const u = m((t, o) => {
+const u = f((t, o) => {
   var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
   let n = p();
   return n = r ? e || "title-" + n : void 0, a.createElement(
@@ -35,7 +35,7 @@ const u = m((t, o) => {
   ...n
 }) => {
   const i = r || e > 0 ? s : u;
-  return /* @__PURE__ */ c(f, { size: t, icon: i, ...n, children: o });
+  return /* @__PURE__ */ c(m, { size: t, icon: i, ...n, children: o });
 };
 export {
   j as DialogSeenBy

package/dist/components/Dialog/DialogSelect.js

@@ -1,17 +1,17 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { CheckboxIcon as s } from "../Icon/CheckboxIcon.js";
-import '../../assets/DialogSelect.css';const a = "_label_19rag_1", n = "_input_19rag_15", p = "_icon_19rag_19", o = {
-  label: a,
-  input: n,
+import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
+import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", a = "_input_10zwy_15", p = "_icon_10zwy_19", o = {
+  label: r,
+  input: a,
   icon: p
-}, h = ({ checked: t = !1, onChange: c, className: e }) => /* @__PURE__ */ i("label", { className: l(o.label, e), children: [
-  /* @__PURE__ */ r("input", { type: "checkbox", checked: t, onChange: c, className: o.input }),
-  /* @__PURE__ */ r(s, { hover: !0, checked: t, className: o.icon })
+}, h = ({ checked: t = !1, onChange: e, className: i }) => /* @__PURE__ */ l("label", { className: s(o.label, i), children: [
+  /* @__PURE__ */ c("input", { type: "checkbox", checked: t, onChange: e, className: o.input }),
+  /* @__PURE__ */ c(n, { hover: !0, checked: t, className: o.icon })
 ] });
 export {
   h as DialogSelect

package/dist/components/Dialog/DialogStatus.js

@@ -1,11 +1,11 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { MetaItem as o } from "../Meta/MetaItem.js";
-import { MetaProgress as s } from "../Meta/MetaProgress.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { MetaItem as o } from "../Meta/MetaItem.js";
+import { MetaProgress as s } from "../Meta/MetaProgress.js";
 var p = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(p || {});
 const R = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
   if (r)

package/dist/components/Dropdown/DropdownBase.js

@@ -1,8 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
 import { useRef as l } from "react";
 import { useClickOutside as f } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const i = "_dropdown_139me_1", u = {
+import '../../assets/DropdownBase.css';const i = "_dropdown_16kos_1", u = {
   dropdown: i
 }, h = ({
   layout: t,
@@ -12,11 +12,11 @@ import '../../assets/DropdownBase.css';const i = "_dropdown_139me_1", u = {
   className: n,
   children: r,
   onClose: s,
-  as: m = "div"
+  as: p = "div"
 }) => {
   const o = l(null);
-  return f(o, s), /* @__PURE__ */ p(
-    m,
+  return f(o, s), /* @__PURE__ */ m(
+    p,
     {
       ref: o,
       className: c(u.dropdown, n),

package/dist/components/DsComponents/index.js

@@ -1,23 +1,24 @@
-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";
+import { A as D, B as e, a as o, C as i, b as r, c as t, D as n, H as g, L as p, d as b, e as d, P as h, f as P, g as l, S as m, h as x, i as C, T as L, u as S } from "../../usePagination-B2I-a3Aq.js";
+import { D as f } from "../../index-DcykCrjD.js";
 export {
   D as DsAlert,
   e as DsBadge,
   o as DsButton,
   i as DsCheckbox,
-  n as DsChip,
+  r 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
+  f as DsDetails,
+  n as DsDialog,
+  g as DsHeading,
+  p as DsLink,
+  b as DsListItem,
+  d as DsListUnordered,
+  h as DsPagination,
+  P as DsParagraph,
+  l as DsPopover,
+  m as DsSearch,
+  x as DsSkeleton,
+  C as DsSpinner,
+  L as DsTabs,
+  S as useDsPagination
 };

package/dist/components/Icon/Icon.js

@@ -2,11 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import { c as t } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import { Skeleton as d } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const d = "_icon_3p8he_1", a = {
-  icon: d
+import '../../assets/Icon.css';const p = "_icon_ti5cw_1", a = {
+  icon: p
 }, b = ({
   loading: c,
   altText: n,
@@ -16,7 +16,7 @@ import '../../assets/Icon.css';const d = "_icon_3p8he_1", a = {
   theme: m,
   iconUrl: l,
   className: i
-}) => o ? /* @__PURE__ */ r(p, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r(o, { "aria-hidden": "true", "alt-label": n }) }) }) : l ? /* @__PURE__ */ r(p, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r("img", { src: l, alt: n, className: a.icon }) }) }) : /* @__PURE__ */ r("span", { className: t([a.icon], i) });
+}) => o ? /* @__PURE__ */ r(d, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r(o, { "aria-hidden": "true", "alt-label": n }) }) }) : l ? /* @__PURE__ */ r(d, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r("img", { src: l, alt: n, className: a.icon }) }) }) : /* @__PURE__ */ r("span", { className: t([a.icon], i) });
 export {
   b as Icon
 };

package/dist/components/Icon/ProgressIcon.js

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_complete_1usqp_25", c = {
+import '../../assets/ProgressIcon.css';const i = "_progress_wvt7o_1", g = "_complete_wvt7o_25", c = {
   progress: i,
   complete: g
 }, C = ({ value: e = 0, total: s = 100, className: l }) => {
-  const r = Math.round(e / s * 100);
+  const o = Math.round(e / s * 100);
   if (e === s)
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ r(
       "svg",
       {
         width: "16",
@@ -16,7 +16,7 @@ import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_comp
         xmlns: "http://www.w3.org/2000/svg",
         className: c.complete,
         children: [
-          /* @__PURE__ */ o("title", { children: [
+          /* @__PURE__ */ r("title", { children: [
             "Progress ",
             e,
             " of ",
@@ -35,9 +35,9 @@ import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_comp
       }
     );
   const n = {
-    "--progress": `${r}%`
+    "--progress": `${o}%`
   };
-  return /* @__PURE__ */ t("div", { className: p(c.progress, l), style: n, "data-value": `${r}%` });
+  return /* @__PURE__ */ t("div", { className: p(c.progress, l), style: n, "data-value": `${o}%` });
 };
 export {
   C as ProgressIcon

package/dist/components/Layout/LayoutBase.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../../assets/LayoutBase.css';const r = "_base_y26h6_1", c = {
+import '../../assets/LayoutBase.css';const r = "_base_14p9u_1", c = {
   base: r
 }, n = ({ currentId: a, color: s, theme: t, children: e }) => /* @__PURE__ */ o("div", { className: c.base, "data-color": s, "data-theme": t, "data-current-id": a, children: e });
 export {

package/dist/components/LayoutAction/ActionHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
+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";
@@ -7,32 +7,32 @@ import { Heading as l } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as p } from "../../XMark-Bv1I87Ev.js";
-import '../../assets/ActionHeader.css';const h = "_header_1tian_1", _ = "_title_1tian_34", f = "_dismiss_1tian_40", t = {
+import '../../assets/ActionHeader.css';const h = "_header_7fwyg_1", _ = "_title_7fwyg_34", f = "_dismiss_7fwyg_40", t = {
   header: h,
   title: _,
   dismiss: f
-}, H = ({
-  color: i,
-  theme: e,
+}, A = ({
+  color: s,
+  theme: i,
   hidden: r = !1,
-  title: a,
-  dismissable: o = !0,
+  title: o,
+  dismissable: a = !0,
   dismissIconAltText: m = "Close",
-  onDismiss: n
-}) => /* @__PURE__ */ d("header", { className: t.header, "aria-hidden": r, "data-color": i, "data-theme": e, children: [
-  /* @__PURE__ */ s(l, { size: "sm", className: t.title, children: a }),
-  o && /* @__PURE__ */ s(
+  onDismiss: d
+}) => /* @__PURE__ */ n("header", { className: t.header, "aria-hidden": r, "data-color": s, "data-theme": i, children: [
+  /* @__PURE__ */ e(l, { size: "sm", className: t.title, children: o }),
+  a && /* @__PURE__ */ e(
     c,
     {
       icon: p,
-      color: i,
+      color: s,
       variant: "solid",
-      onClick: n,
+      onClick: d,
       className: t.dismiss,
       iconAltText: m
     }
   )
 ] });
 export {
-  H as ActionHeader
+  A as ActionHeader
 };

package/dist/components/List/ListItemBase.js

@@ -1,41 +1,41 @@
-import { jsx as b } from "react/jsx-runtime";
-import { c as H } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const f = "_item_1dbo9_1", x = "_interactiveSelected_1dbo9_83", h = "_interactiveHidden_1dbo9_87", u = "_interactive_1dbo9_83", t = {
-  item: f,
-  interactiveSelected: x,
-  interactiveHidden: h,
-  interactive: u
+import { jsx as S } from "react/jsx-runtime";
+import { c as q } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const H = "_item_2saqu_1", f = "_interactiveSelected_2saqu_83", x = "_interactiveHidden_2saqu_87", h = "_interactive_2saqu_83", t = {
+  item: H,
+  interactiveSelected: f,
+  interactiveHidden: x,
+  interactive: h
 }, j = ({
-  as: a,
+  as: i,
   interactive: n = !0,
   size: c,
-  variant: o,
+  variant: s,
   color: r,
   theme: e,
-  shadow: d,
-  hidden: i = !1,
-  selected: s,
+  shadow: o,
+  hidden: a = !1,
+  selected: d,
   className: v,
   onMouseEnter: m,
   children: _
 }) => {
-  const l = a || "li", p = e === "transparent" ? "none" : d, S = H(
+  const l = i || "li", p = e === "transparent" ? "none" : o, u = q(
     t.item,
     v,
     n && t.interactive,
-    s && t.interactiveSelected,
-    i && t.interactiveHidden
+    d && t.interactiveSelected,
+    a && t.interactiveHidden
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ S(
     l,
     {
-      className: S,
-      "data-variant": o,
+      className: u,
+      "data-variant": s,
       "data-color": r,
       "data-theme": e,
       "data-size": c,
       "data-shadow": p,
-      "aria-hidden": i,
+      "aria-hidden": a,
       onMouseEnter: m,
       children: _
     }