@altinn/altinn-components 0.51.0 → 0.51.2

package/dist/assets/AttachmentLink.css

@@ -1 +1 @@
-._link_196mu_1{display:inline-flex;align-items:start;column-gap:.25em;color:var(--ds-color-base-default)}._link_196mu_1:hover{color:var(--ds-color-base-hover)}._label_196mu_12{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}._icon_196mu_18{font-size:1.5em}
+._item_w0iww_1{position:relative;display:flex;padding-top:.125em;padding-left:1.75em;margin-bottom:.5em}._icon_w0iww_9{position:absolute;top:0;left:0;font-size:1.5em}._link_w0iww_16{color:var(--ds-color-base-default);text-decoration:none}._link_w0iww_16[aria-disabled=true]{color:var(--ds-color-neutral-text-subtle);pointer-events:none;cursor:default}._label_w0iww_27{text-decoration:underline}._link_w0iww_16:hover ._label_w0iww_27{color:var(--ds-color-base-hover)}._link_w0iww_16[aria-disabled=true] ._label_w0iww_27{text-decoration:line-through}._badge_w0iww_39{vertical-align:middle;margin:-3px 0}._metadata_w0iww_44{vertical-align:middle;white-space:nowrap;font-size:.875em;color:var(--ds-color-neutral-text-subtle)}

package/dist/assets/AttachmentList.css

@@ -1 +1 @@
-._list_xei16_1{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}._item_xei16_9{padding:0;margin:0}
+._list_sdpdt_1{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}._item_sdpdt_9{padding:0;line-height:1.25;margin-top:.25em}

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_b4vo7_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_b4vo7_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_b4vo7_1[data-size=xs] ._label_b4vo7_22{color:transparent;width:100%;height:100%}._badge_b4vo7_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_b4vo7_1[data-variant=subtle]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_b4vo7_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-active);--dsc-badge-color: var(--ds-color-text-default)}._badge_b4vo7_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_b4vo7_1[data-variant=text],._badge_b4vo7_1[data-variant=text][data-size=xs],._badge_b4vo7_1[data-variant=text][data-size=sm]{--dsc-badge-background: "transparent";--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}
+._badge_yrqxu_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);--dsc-badge-border: var(--ds-color-base-default);border:1px solid transparent;background-color:var(--dsc-badge-background);color:var(--dsc-badge-color);border-color:var(--dsc-badge-border);box-sizing:border-box}._badge_yrqxu_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_yrqxu_1[data-size=xs] ._label_yrqxu_28{color:transparent;width:100%;height:100%}._badge_yrqxu_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;height:2em;min-width:2em;border-radius:2em}._badge_yrqxu_1[data-variant=subtle]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-border: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_yrqxu_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-active);--dsc-badge-border: var(--ds-color-surface-active);--dsc-badge-color: var(--ds-color-text-default)}._badge_yrqxu_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-border: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_yrqxu_1[data-variant=outline]{--dsc-badge-background: transparent;--dsc-badge-border: var(--ds-color-border-subtle);--dsc-badge-color: var(--ds-color-text-subtle)}._badge_yrqxu_1[data-variant=text],._badge_yrqxu_1[data-variant=text][data-size=xs],._badge_yrqxu_1[data-variant=text][data-size=sm]{--dsc-badge-background: transparent;--dsc-badge-border: transparent;--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_cs9p2_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_cs9p2_1[data-size=md]{min-height:56px}._item_cs9p2_1[data-size=md]{min-height:44px}._item_cs9p2_1[data-size=sm]{min-height:40px}._content_cs9p2_40{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_cs9p2_1{background-color:transparent}._item_cs9p2_1{pointer-events:none}._item_cs9p2_1[data-interactive=true]{pointer-events:all}._item_cs9p2_1:hover,._item_cs9p2_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_cs9p2_1[data-active=true]{outline:2px solid black}._item_cs9p2_1[data-selected=true],._item_cs9p2_1:active,[data-variant=subtle] ._item_cs9p2_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_cs9p2_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_cs9p2_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_cs9p2_40{display:flex;width:100%;align-items:center;column-gap:.5em}._item_cs9p2_1[aria-disabled=true]{opacity:.5;pointer-events:none;outline:none;box-shadow:none;background-color:transparent}._item_cs9p2_1:not([aria-disabled=true]):focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_cs9p2_1:not([aria-disabled=true]):focus-visible *{--_ds--focus: }
+._item_ygbc3_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_ygbc3_1[data-size=md]{min-height:56px}._item_ygbc3_1[data-size=md]{min-height:44px}._item_ygbc3_1[data-size=sm]{min-height:40px}._content_ygbc3_40{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_ygbc3_1{background-color:transparent}._item_ygbc3_1{pointer-events:none}._item_ygbc3_1[data-interactive=true]{pointer-events:all}._item_ygbc3_1[data-interactive=true]:hover{background-color:var(--ds-color-surface-hover)}._item_ygbc3_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_ygbc3_1[data-active=true]{outline:2px solid black}._item_ygbc3_1[data-selected=true],._item_ygbc3_1:active,[data-variant=subtle] ._item_ygbc3_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_ygbc3_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_ygbc3_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_ygbc3_40{display:flex;width:100%;align-items:center;column-gap:.5em}._item_ygbc3_1[aria-disabled=true]{opacity:.5;pointer-events:none;outline:none;box-shadow:none;background-color:transparent}._item_ygbc3_1:not([aria-disabled=true]):focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_ygbc3_1:not([aria-disabled=true]):focus-visible *{--_ds--focus: }

package/dist/components/Account/AccountListItemControls.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { Badge as c } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
-import { isValidElement as c } from "react";
-import { Badge as u } from "../Badge/Badge.js";
+import { isValidElement as u } from "react";
 import { IconButton as x } from "../Button/IconButton.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
@@ -19,7 +19,7 @@ const V = ({
   contextMenu: i,
   loading: p
 }) => /* @__PURE__ */ l(B, { children: [
-  r && (r && !p && typeof r == "object" && "label" in r ? /* @__PURE__ */ o(u, { ...r }) : c(r) ? r : null),
+  r && (r && !p && typeof r == "object" && "label" in r ? /* @__PURE__ */ o(c, { ...r }) : u(r) ? r : null),
   !e && n !== "group" && /* @__PURE__ */ o(
     x,
     {

package/dist/components/Attachment/AttachmentLink.js

@@ -1,36 +1,71 @@
 "use client";
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { Icon as s } from "../Icon/Icon.js";
+import { jsx as c, jsxs as d, Fragment as s } from "react/jsx-runtime";
+import { Badge as u } from "../Badge/Badge.js";
+import { Icon as b } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import i, { forwardRef as f } from "react";
+import o, { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { u as d } from "../../useId-BVFxCjkq.js";
-import '../../assets/AttachmentLink.css';var p = function(t, n) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+import { u as p } from "../../useId-BVFxCjkq.js";
+import '../../assets/AttachmentLink.css';var h = function(t, a) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (n[e[l]] = t[e[l]]);
+  return n;
 };
-const u = f((t, n) => {
-  var { title: l, titleId: e } = t, r = p(t, ["title", "titleId"]);
-  let o = d();
-  return o = l ? e || "title-" + o : void 0, i.createElement(
+const _ = f((t, a) => {
+  var { title: n, titleId: e } = t, l = h(t, ["title", "titleId"]);
+  let r = p();
+  return r = n ? e || "title-" + r : void 0, o.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 }, r),
-    l ? i.createElement("title", { id: o }, l) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.5 3.25c-.69 0-1.25.56-1.25 1.25v15c0 .69.56 1.25 1.25 1.25h11c.69 0 1.25-.56 1.25-1.25V8a.75.75 0 0 0-.22-.53l-4-4a.75.75 0 0 0-.53-.22zm6.75 4.25c0 .69.56 1.25 1.25 1.25h2.75v10.5H6.75V4.75h6.5zm2.94-.25-1.44-1.44v1.44z", clipRule: "evenodd" })
+    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: a, "aria-labelledby": r }, l),
+    n ? o.createElement("title", { id: r }, n) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.5 3.25c-.69 0-1.25.56-1.25 1.25v15c0 .69.56 1.25 1.25 1.25h11c.69 0 1.25-.56 1.25-1.25V8a.75.75 0 0 0-.22-.53l-4-4a.75.75 0 0 0-.53-.22zm6.75 4.25c0 .69.56 1.25 1.25 1.25h2.75v10.5H6.75V4.75h6.5zm2.94-.25-1.44-1.44v1.44z", clipRule: "evenodd" })
   );
-}), b = "_link_196mu_1", _ = "_label_196mu_12", v = "_icon_196mu_18", a = {
-  link: b,
-  label: _,
-  icon: v
-}, I = ({ icon: t = u, iconAltText: n, href: l, label: e }) => /* @__PURE__ */ m("a", { href: l, className: a.link, target: "_blank", rel: "noreferrer", children: [
-  /* @__PURE__ */ c(s, { svgElement: t, altText: n, className: a.icon }),
-  /* @__PURE__ */ c("span", { className: a.label, children: e })
-] });
+});
+var v = function(t, a) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (n[e[l]] = t[e[l]]);
+  return n;
+};
+const g = f((t, a) => {
+  var { title: n, titleId: e } = t, l = v(t, ["title", "titleId"]);
+  let r = p();
+  return r = n ? e || "title-" + r : void 0, o.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: a, "aria-labelledby": r }, l),
+    n ? o.createElement("title", { id: r }, n) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.25 4.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l4 4c.141.14.22.331.22.53v11.5c0 .69-.56 1.25-1.25 1.25h-11c-.69 0-1.25-.56-1.25-1.25zm9.25 4.25c-.69 0-1.25-.56-1.25-1.25V4.75h-6.5v14.5h10.5V8.75zm.25-2.94 1.44 1.44h-1.44zm-.72 6.16a.75.75 0 0 1 0 1.06l-.97.97.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97-.97-.97a.75.75 0 1 1 1.06-1.06l.97.97.97-.97a.75.75 0 0 1 1.06 0", clipRule: "evenodd" })
+  );
+}), y = "_item_w0iww_1", O = "_icon_w0iww_9", I = "_link_w0iww_16", j = "_label_w0iww_27", x = "_badge_w0iww_39", E = "_metadata_w0iww_44", i = {
+  item: y,
+  icon: O,
+  link: I,
+  label: j,
+  badge: x,
+  metadata: E
+}, F = ({ icon: t, iconAltText: a, href: n, label: e, metadata: l, badge: r, disabled: m }) => {
+  const w = t || m ? g : _;
+  return /* @__PURE__ */ c("span", { className: i.item, children: /* @__PURE__ */ d("span", { children: [
+    /* @__PURE__ */ d("a", { href: n, "aria-disabled": m, className: i.link, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ c(b, { svgElement: w, altText: a, className: i.icon }),
+      /* @__PURE__ */ c("span", { className: i.label, children: e })
+    ] }),
+    r && /* @__PURE__ */ d(s, { children: [
+      " ",
+      /* @__PURE__ */ c(u, { ...r, className: i.badge })
+    ] }),
+    l && /* @__PURE__ */ d(s, { children: [
+      " ",
+      /* @__PURE__ */ c("span", { className: i.metadata, children: l })
+    ] })
+  ] }) });
+};
 export {
-  I as AttachmentLink
+  F as AttachmentLink
 };

package/dist/components/Attachment/AttachmentList.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { AttachmentLink as l } from "./AttachmentLink.js";
-import '../../assets/AttachmentList.css';const n = "_list_xei16_1", r = "_item_xei16_9", s = {
+import '../../assets/AttachmentList.css';const n = "_list_sdpdt_1", r = "_item_sdpdt_9", i = {
   list: n,
   item: r
-}, o = ({ items: e }) => e.length ? /* @__PURE__ */ t("ul", { className: s.list, children: e.map((i) => /* @__PURE__ */ t("li", { className: s.item, children: /* @__PURE__ */ t(l, { ...i }) }, i.href)) }) : null;
+}, o = ({ items: s }) => s.length ? /* @__PURE__ */ t("ul", { className: i.list, children: s.map((e) => /* @__PURE__ */ t("li", { className: i.item, children: /* @__PURE__ */ t(l, { ...e }) }, e.href)) }) : null;
 export {
   o as AttachmentList
 };

package/dist/components/Badge/Badge.js

@@ -1,20 +1,20 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const n = "_badge_b4vo7_1", m = "_label_b4vo7_22", s = {
-  badge: n,
+import { c as o } from "../../index-L8X2o7IH.js";
+import '../../assets/Badge.css';const b = "_badge_yrqxu_1", m = "_label_yrqxu_28", s = {
+  badge: b,
   label: m
-}, g = ({ label: t, color: l, variant: d = "subtle", theme: o, size: a = "sm", className: r, children: b }) => /* @__PURE__ */ e(
+}, _ = ({ label: t, color: l, variant: r = "subtle", theme: d, size: a = "sm", className: c, children: n }) => /* @__PURE__ */ e(
   "span",
   {
-    className: c(s.badge, r),
+    className: o(s.badge, c),
     "data-color": l,
-    "data-variant": d,
-    "data-theme": o,
+    "data-variant": r,
+    "data-theme": d,
     "data-size": a,
     ...a === "xs" && { "aria-hidden": !0 },
-    children: /* @__PURE__ */ e("span", { className: s.label, children: t || b })
+    children: /* @__PURE__ */ e("span", { className: s.label, children: t || n })
   }
 );
 export {
-  g as Badge
+  _ as Badge
 };

package/dist/components/Dialog/DialogHeader.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Badge as x } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as x } from "../Skeleton/Skeleton.js";
-import { Heading as j } from "../Typography/Heading.js";
-import { Badge as D } from "../Badge/Badge.js";
+import { Skeleton as j } from "../Skeleton/Skeleton.js";
+import { Heading as D } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as H } from "./DialogMetadata.js";
 import "../Snackbar/useSnackbar.js";
@@ -25,9 +25,9 @@ const E = ({
   dueAtLabel: h,
   activityLog: g
 }) => /* @__PURE__ */ t(k, { as: "header", spacing: 3, align: "start", children: [
-  /* @__PURE__ */ r(j, { size: "xl", children: /* @__PURE__ */ t(S, { align: "center", children: [
-    /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(x, { loading: i, children: e }) }),
-    o && /* @__PURE__ */ r(D, { ...o })
+  /* @__PURE__ */ r(D, { size: "xl", children: /* @__PURE__ */ t(S, { align: "center", children: [
+    /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(j, { loading: i, children: e }) }),
+    o && /* @__PURE__ */ r(x, { ...o })
   ] }) }),
   /* @__PURE__ */ r(
     H,

package/dist/components/Dialog/DialogListItem.js

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { Badge as K } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Heading as j } from "../Typography/Heading.js";
-import { Badge as K } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as O } from "./DialogMetadata.js";
 import { DialogByline as P } from "./DialogByline.js";

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Badge as s } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as s } from "../Badge/Badge.js";
 import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dropdown/FloatingDropdown.js

@@ -3,8 +3,8 @@ import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { useRef as b, useEffect as M } from "react";
 import { useClickOutside as N } from "../../hooks/useClickOutside.js";
 import { useMenu as R } from "../../hooks/useMenu.js";
-import { Icon as T } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
+import { Icon as T } from "../Icon/Icon.js";
 import { ButtonBase as B } from "../Button/ButtonBase.js";
 import { ButtonIcon as j } from "../Button/ButtonIcon.js";
 import { useRootContext as z } from "../RootProvider/RootProvider.js";

package/dist/components/Forms/SearchField.js

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { Icon as p } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
+import { Icon as p } from "../Icon/Icon.js";
 import "react";
 import { IconButton as f } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as u, jsx as r, Fragment as w } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
+import { Badge as h } from "../Badge/Badge.js";
 import m, { forwardRef as x } from "react";
 import { useIsDesktop as M } from "../../hooks/useIsDesktop.js";
-import { Badge as h } from "../Badge/Badge.js";
 import { ButtonBase as g } from "../Button/ButtonBase.js";
 import { ButtonLabel as _ } from "../Button/ButtonLabel.js";
 import { ButtonIcon as d } from "../Button/ButtonIcon.js";

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { c as _ } from "../../index-L8X2o7IH.js";
+import { Badge as I } from "../Badge/Badge.js";
 import "react";
 import { Avatar as u } from "../Avatar/Avatar.js";
-import { Badge as I } from "../Badge/Badge.js";
 import { ButtonBase as h } from "../Button/ButtonBase.js";
 import { ButtonLabel as d } from "../Button/ButtonLabel.js";
 import { ButtonIcon as f } from "../Button/ButtonIcon.js";

package/dist/components/Icon/IconOrAvatar.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { isValidElement as f } from "react";
-import { Icon as a } from "./Icon.js";
 import "../../index-L8X2o7IH.js";
+import { Icon as a } from "./Icon.js";
 import { Avatar as p } from "../Avatar/Avatar.js";
 import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/List/ListItemHeader.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { c as w } from "../../index-L8X2o7IH.js";
 import { useId as z, isValidElement as A } from "react";
-import { Icon as D } from "../Icon/Icon.js";
-import { Badge as H } from "../Badge/Badge.js";
+import { Badge as D } from "../Badge/Badge.js";
+import { Icon as H } from "../Icon/Icon.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemLink as R } from "./ListItemLink.js";
 import { ListItemLabel as U } from "./ListItemLabel.js";
@@ -47,7 +47,7 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
   ariaLabel: p,
   ariaControlsId: x
 }) => {
-  const v = c ? l ? J : K : u ? M : void 0, g = () => e && !s && typeof e == "object" && "label" in e ? /* @__PURE__ */ t(H, { ...e, className: o.badge }) : A(e) ? e : null, B = p !== void 0 ? p : typeof n == "string" ? n : void 0, E = z();
+  const v = c ? l ? J : K : u ? M : void 0, g = () => e && !s && typeof e == "object" && "label" in e ? /* @__PURE__ */ t(D, { ...e, className: o.badge }) : A(e) ? e : null, B = p !== void 0 ? p : typeof n == "string" ? n : void 0, E = z();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -98,7 +98,7 @@ import '../../assets/ListItemHeader.css';const O = "_header_29hv7_1", P = "_labe
           _ && !s && /* @__PURE__ */ t("span", { className: o.customControls, children: _ }),
           g(),
           v && !r && /* @__PURE__ */ t("span", { className: o.linkIcon, children: /* @__PURE__ */ t(
-            D,
+            H,
             {
               svgElement: v,
               style: {

package/dist/components/List/ListItemIcon.js

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import { Icon as s, isIconProps as c } from "../Icon/Icon.js";
+import { Badge as c } from "../Badge/Badge.js";
+import { Icon as s, isIconProps as v } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as v, Avatar as l } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as f, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
-import { Badge as u } from "../Badge/Badge.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 "../Snackbar/useSnackbar.js";
 import { S as N } from "../../XMark-tKk6aExO.js";
@@ -18,8 +18,8 @@ function w(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
 }
 const z = ({ 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: [
-  v(r) && /* @__PURE__ */ o(l, { ...r, className: t.avatar }) || f(r) && /* @__PURE__ */ o(_, { ...r, className: t.avatarGroup }) || c(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(u, { ...p, className: t.badge })
+  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 {
   z as ListItemIcon

package/dist/components/Menu/MenuItem.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { isValidElement as C } from "react";
-import { Icon as N } from "../Icon/Icon.js";
+import { Badge as N } from "../Badge/Badge.js";
+import { Icon as d } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { Badge as d } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItemBase as q } from "./MenuItemBase.js";
 import { MenuItemLabel as x } from "./MenuItemLabel.js";
@@ -34,7 +34,7 @@ import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIco
   ariaLabel: M,
   ...j
 }) => {
-  const w = typeof e == "function" ? e() : e, s = a ? c ? L : b : y ? D : void 0, B = () => o && !r && typeof o == "object" && "label" in o ? /* @__PURE__ */ n(d, { ...o, className: m.badge }) : C(o) ? o : null;
+  const w = typeof e == "function" ? e() : e, s = a ? c ? L : b : y ? D : void 0, B = () => o && !r && typeof o == "object" && "label" in o ? /* @__PURE__ */ n(N, { ...o, className: m.badge }) : C(o) ? o : null;
   return /* @__PURE__ */ i(
     q,
     {
@@ -63,7 +63,7 @@ import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIco
           !r && B(),
           !r && k,
           s && /* @__PURE__ */ n("span", { className: m.linkIcon, children: /* @__PURE__ */ n(
-            N,
+            d,
             {
               svgElement: s,
               style: {

package/dist/components/Menu/MenuItemBase.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as E } from "../../index-L8X2o7IH.js";
-import { useRef as M } from "react";
-import '../../assets/MenuItemBase.css';const R = "_item_cs9p2_1", b = "_content_cs9p2_40", c = {
-  item: R,
-  content: b
-}, A = ({
-  interactive: s = !0,
-  ariaLabel: m,
-  role: o,
+import { c as y } from "../../index-L8X2o7IH.js";
+import { useRef as z } from "react";
+import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_ygbc3_40", c = {
+  item: B,
+  content: E
+}, w = ({
+  interactive: m = !0,
+  ariaLabel: o,
+  role: s,
   as: i,
   color: d,
-  variant: p,
-  size: f,
+  variant: f,
+  size: p,
   className: u,
   href: _,
   onClick: t,
@@ -20,24 +20,24 @@ import '../../assets/MenuItemBase.css';const R = "_item_cs9p2_1", b = "_content_
   hidden: x,
   selected: v,
   disabled: a = !1,
-  children: h,
-  active: I,
-  onMouseEnter: N,
-  dataTestId: j
+  children: b,
+  active: g,
+  onMouseEnter: h,
+  dataTestId: I
 }) => {
-  const z = i || "a", B = M(null);
+  const N = i || "a", j = z(null);
   return /* @__PURE__ */ r(
-    z,
+    N,
     {
       tabIndex: a ? "-1" : l ?? 0,
-      className: E(c.item, u),
-      role: o,
-      "aria-label": m,
-      "data-interactive": !a && s,
-      "data-active": I,
-      "data-size": f,
+      className: y(c.item, u),
+      role: s,
+      "aria-label": o,
+      "data-interactive": !a && m,
+      "data-active": g,
+      "data-size": p,
       "data-color": d,
-      "data-variant": p,
+      "data-variant": f,
       "aria-hidden": x,
       "aria-disabled": a,
       "data-selected": v,
@@ -46,13 +46,13 @@ import '../../assets/MenuItemBase.css';const R = "_item_cs9p2_1", b = "_content_
         a || (n.key === "Enter" && (t == null || t()), e == null || e(n));
       },
       onClick: t,
-      onMouseEnter: N,
-      "data-testid": j,
-      ref: B,
-      children: /* @__PURE__ */ r("span", { className: c.content, children: h })
+      onMouseEnter: h,
+      "data-testid": I,
+      ref: j,
+      children: /* @__PURE__ */ r("span", { className: c.content, children: b })
     }
   );
 };
 export {
-  A as MenuItemBase
+  w as MenuItemBase
 };

package/dist/components/Menu/MenuItemIcon.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { isValidElement as i } from "react";
-import { Icon as s, isIconProps as l } from "../Icon/Icon.js";
+import { Badge as l } from "../Badge/Badge.js";
+import { Icon as s, isIconProps as d } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as d, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import { Badge as _ } from "../Badge/Badge.js";
+import { isAvatarProps as f, Avatar as v } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as u, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as b } from "../../XMark-tKk6aExO.js";
@@ -18,8 +18,8 @@ function N(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
 }
 const z = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: b, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: o.icon, "data-size": e, children: [
-  d(r) && /* @__PURE__ */ t(f, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(u, { ...r, className: o.avatarGroup }) || l(r) && /* @__PURE__ */ t(s, { ...r, theme: (r == null ? void 0 : r.theme) || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
-  p && /* @__PURE__ */ t(_, { ...p, className: o.badge })
+  f(r) && /* @__PURE__ */ t(v, { ...r, className: o.avatar }) || u(r) && /* @__PURE__ */ t(_, { ...r, className: o.avatarGroup }) || d(r) && /* @__PURE__ */ t(s, { ...r, theme: (r == null ? void 0 : r.theme) || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
+  p && /* @__PURE__ */ t(l, { ...p, className: o.badge })
 ] }) : null;
 export {
   z as MenuItemIcon

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
+import "../../index-L8X2o7IH.js";
 import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
 import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
 import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MetaItemIcon.css';const _ = "_media_1pqyq_1", d = "_icon_1pqyq_7", y = "_avatarGroup_1pqyq_11", t = {

package/dist/components/Modal/ModalIcon.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import { Icon as e, isIconProps as m } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
+import { Icon as e, isIconProps as m } from "../Icon/Icon.js";
 import { isAvatarProps as n, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as i, AvatarGroup as v } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as o, Fragment as n } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import { Icon as e, isIconProps as i } from "../Icon/Icon.js";
+import { Badge as i } from "../Badge/Badge.js";
+import { Icon as e, isIconProps as c } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as c, Avatar as l } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as _, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
-import { Badge as v } from "../Badge/Badge.js";
+import { isAvatarProps as l, Avatar as _ } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as f, AvatarGroup as v } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as d } from "../../XMark-tKk6aExO.js";
@@ -19,14 +19,14 @@ function z(t) {
   return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || p(t);
 }
 const B = ({ loading: t, icon: a, badge: m }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: d, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
-  c(a) && /* @__PURE__ */ r(l, { ...a, className: s.avatar }) || _(a) && /* @__PURE__ */ r(f, { ...a, className: s.avatarGroup }) || i(a) && /* @__PURE__ */ o(n, { children: [
+  l(a) && /* @__PURE__ */ r(_, { ...a, className: s.avatar }) || f(a) && /* @__PURE__ */ r(v, { ...a, className: s.avatarGroup }) || c(a) && /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ r("span", { className: s.shape }),
     /* @__PURE__ */ r(e, { ...a })
   ] }) || z(a) && a || /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ r("span", { className: s.shape }),
     /* @__PURE__ */ r(e, { svgElement: a })
   ] }),
-  m && /* @__PURE__ */ r(v, { ...m, size: "xs", variant: "base", className: s.badge })
+  m && /* @__PURE__ */ r(i, { ...m, size: "xs", variant: "base", className: s.badge })
 ] }) : null;
 export {
   B as NotificationItemIcon

package/dist/components/Page/Breadcrumbs.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { Icon as f } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
+import { Icon as f } from "../Icon/Icon.js";
 import c, { forwardRef as d } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
+import { Badge as i } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as i } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as s } from "../Menu/MenuItem.js";
 import { QueryLabel as f } from "./QueryLabel.js";

package/dist/components/Settings/UsedByLogItem.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { Badge as p } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as p } from "../Badge/Badge.js";
 import { Byline as c } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Timeline/TimelineIcon.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import { Icon as s, isIconProps as p } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
+import { Icon as s, isIconProps as p } from "../Icon/Icon.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Transmission/Transmission.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as o, jsxs as t, Fragment as g } from "react/jsx-runtime";
 import { useState as h } from "react";
+import { Badge as v } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
-import { AttachmentList as v } from "../Attachment/AttachmentList.js";
-import { Typography as L } from "../Typography/Typography.js";
-import { Badge as T } from "../Badge/Badge.js";
+import { AttachmentList as L } from "../Attachment/AttachmentList.js";
+import { Typography as T } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
 import { SeenByLog as A } from "../Dialog/SeenByLog.js";
 import { ListItem as S } from "../List/ListItem.js";
@@ -46,7 +46,7 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
         className: w.title,
         children: /* @__PURE__ */ t(g, { children: [
           /* @__PURE__ */ o("h2", { children: s }),
-          l && /* @__PURE__ */ o(T, { variant: "tinted", size: "xs", ...f })
+          l && /* @__PURE__ */ o(v, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: l ? "bold" : "normal"
       },
@@ -58,10 +58,10 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
       as: "button",
       ariaLabel: s,
       children: /* @__PURE__ */ t(_, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ t(L, { size: "md", children: [
+        /* @__PURE__ */ t(T, { size: "md", children: [
           a && /* @__PURE__ */ o("p", { children: a }),
           r ? typeof n == "function" ? n() : n : null,
-          (e == null ? void 0 : e.items) && /* @__PURE__ */ o(v, { ...e })
+          (e == null ? void 0 : e.items) && /* @__PURE__ */ o(L, { ...e })
         ] }),
         d && /* @__PURE__ */ o(A, { ...d })
       ] })

package/dist/components/Transmission/TransmissionType.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
+import { Badge as o } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as o } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r.draft = "draft", r))(i || {});

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -33,8 +33,8 @@ declare const meta: {
         loading?: boolean | undefined;
         description?: React.ReactNode | import('..').HeadingProps;
         ariaLabel?: string | undefined;
-        icon?: import('..').SvgElement | import('..').IconProps | React.ReactNode | import('..').AvatarProps | import('..').AvatarGroupProps;
-        badge?: React.ReactNode | import('..').BadgeProps;
+        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
+        badge?: import('..').BadgeProps | React.ReactNode;
         linkIcon?: boolean | undefined;
         containerAs?: React.ElementType | undefined;
         ref?: React.Ref<HTMLElement> | undefined;

package/dist/types/lib/components/Attachment/AttachmentLink.d.ts

@@ -1,5 +1,8 @@
+import { BadgeProps } from '../Badge';
 import { SvgElement } from '../Icon';
 export interface AttachmentLinkProps {
+    /** Disabled */
+    disabled?: boolean;
     /** Link url */
     href: string;
     /** Label (filename) */
@@ -8,5 +11,9 @@ export interface AttachmentLinkProps {
     icon?: SvgElement;
     /** Icon Alt text */
     iconAltText?: string;
+    /** Media type and/or size, etc */
+    metadata?: string;
+    /** Badge */
+    badge?: BadgeProps;
 }
-export declare const AttachmentLink: ({ icon, iconAltText, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentLink: ({ icon, iconAltText, href, label, metadata, badge, disabled }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Attachment/AttachmentLink.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ icon, iconAltText, href, label }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ icon, iconAltText, href, label, metadata, badge, disabled }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: import('./AttachmentLink').AttachmentLinkProps;

package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts

@@ -43,4 +43,5 @@ export declare const Loading: Story;
 export declare const Summary: Story;
 export declare const ExtendedContent: Story;
 export declare const WithAttachments: Story;
+export declare const WithAttachmentsMetadata: Story;
 export declare const WithActions: Story;

package/dist/types/lib/components/Dialog/DialogLayout.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ backButton, contextMenu, pageMenu, children }: import('./DialogLayout').DialogLayoutProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAnchors: Story;
+export declare const MixedButtonsAndAnchors: Story;
+export declare const WithBaseTheme: Story;
+export declare const WithContextMenu: Story;

package/dist/types/lib/components/Icon/IconOrAvatar.d.ts

@@ -10,4 +10,4 @@ export interface IconOrAvatarProps {
     avatarGroup?: AvatarGroupProps;
     badge?: BadgeProps | undefined;
 }
-export declare const IconOrAvatar: ({ loading, size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export declare const IconOrAvatar: ({ loading, size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts

@@ -24,7 +24,7 @@ declare const meta: {
         groupId?: string | undefined;
         collapsible?: boolean | undefined;
         expanded?: boolean | undefined;
-        icon?: import('..').SvgElement | import('..').IconProps | React.ReactNode | import('..').AvatarProps | import('..').AvatarGroupProps;
+        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
         label?: React.ReactNode;
         ref?: React.Ref<HTMLElement> | undefined;
         interactive?: boolean | undefined;
@@ -44,7 +44,7 @@ declare const meta: {
         highlightWords?: string[] | undefined;
         select?: import('..').ListItemSelectProps | undefined;
         linkIcon?: boolean | undefined;
-        badge?: React.ReactNode | import('..').BadgeProps;
+        badge?: import('..').BadgeProps | React.ReactNode;
         controls?: React.ReactNode;
         ariaLabel?: string | undefined;
         href?: string | undefined;

package/dist/types/lib/components/Skeleton/Skeleton.d.ts

@@ -8,5 +8,5 @@ interface SkeletonProps {
     children?: ReactNode;
     className?: string;
 }
-export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/dist/types/lib/components/Transmission/Transmission.stories.d.ts

@@ -20,29 +20,29 @@ declare const meta: {
         seenByLog?: import('..').SeenByLogProps;
         children?: React.ReactNode | (() => React.ReactElement);
         border?: import('..').ListItemBorder | undefined;
-        loading?: boolean | undefined;
-        size?: import('..').ListItemSize | undefined;
+        label?: React.ReactNode | (() => React.ReactElement);
         color?: import('..').ListItemColor | undefined;
+        variant?: import('..').ListItemVariant | undefined;
+        size?: import('..').ListItemSize | undefined;
         className?: string | undefined;
         ref?: React.Ref<HTMLElement> | undefined;
-        icon?: import('..').SvgElement | import('..').IconProps | React.ReactNode | import('..').AvatarProps | import('..').AvatarGroupProps;
+        loading?: boolean | undefined;
+        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
         as?: React.ElementType | undefined;
-        label?: React.ReactNode | (() => React.ReactElement);
         select?: import('..').ListItemSelectProps | undefined;
-        variant?: import('..').ListItemVariant | undefined;
         hidden?: boolean | undefined;
         expanded?: boolean | undefined;
         active?: boolean | undefined;
         disabled?: boolean | undefined;
         href?: string | undefined;
+        tabIndex?: number | undefined;
+        onKeyPress?: React.KeyboardEventHandler | undefined;
+        onClick?: (() => void) | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
         controls?: React.ReactNode;
         selected?: boolean | undefined;
         description?: React.ReactNode | import('..').HeadingProps;
         highlightWords?: string[] | undefined;
-        onClick?: (() => void) | undefined;
-        tabIndex?: number | undefined;
-        onKeyPress?: React.KeyboardEventHandler | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
         ariaLabel?: string | undefined;
         interactive?: boolean | undefined;
         linkIcon?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.51.0",
+  "version": "0.51.2",
   "main": "dist/index.js",
   "files": [
     "dist/",