@altinn/altinn-components 0.6.8 → 0.6.10

package/dist/assets/AvatarGroup.css

@@ -1 +1 @@
-._group_1k49o_1{display:flex}._reset_1k49o_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1k49o_12{position:relative}._xs_1k49o_16{width:32px}._xs_1k49o_16[data-count="2"] *+*{margin-left:-8px}._xs_1k49o_16[data-count="3"] *+*{margin-left:-14px}._xs_1k49o_16[data-count="4"] *+*{margin-left:-16px}._sm_1k49o_32{width:42px}._sm_1k49o_32[data-count="2"] *+*{margin-left:-6px}._sm_1k49o_32[data-count="3"] *+*{margin-left:-15px}._sm_1k49o_32[data-count="4"] *+*{margin-left:-18px}._md_1k49o_48{width:54px}._md_1k49o_48[data-count="2"] *+*{margin-left:-6px}._md_1k49o_48[data-count="3"] *+*{margin-left:-18px}._md_1k49o_48[data-count="4"] *+*{margin-left:-22px}._lg_1k49o_64{width:66px}._lg_1k49o_64[data-count="2"] *+*{margin-left:-6px}._lg_1k49o_64[data-count="3"] *+*{margin-left:-21px}._lg_1k49o_64[data-count="4"] *+*{margin-left:-26px}
+._group_1xzlf_1{display:flex}._reset_1xzlf_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1xzlf_12{position:relative}._xs_1xzlf_16{width:32px}._xs_1xzlf_16[data-count="1"]{width:20px}._xs_1xzlf_16[data-count="2"] *+*{margin-left:-8px}._xs_1xzlf_16[data-count="3"] *+*{margin-left:-14px}._xs_1xzlf_16[data-count="4"] *+*{margin-left:-16px}._sm_1xzlf_36{width:42px}._sm_1xzlf_36[data-count="1"]{width:24px}._sm_1xzlf_36[data-count="2"] *+*{margin-left:-6px}._sm_1xzlf_36[data-count="3"] *+*{margin-left:-15px}._sm_1xzlf_36[data-count="4"] *+*{margin-left:-18px}._md_1xzlf_56{width:54px}._md_1xzlf_56[data-count="1"]{width:30px}._md_1xzlf_56[data-count="2"] *+*{margin-left:-6px}._md_1xzlf_56[data-count="3"] *+*{margin-left:-18px}._md_1xzlf_56[data-count="4"] *+*{margin-left:-22px}._lg_1xzlf_76{width:66px}._lg_1xzlf_76[data-count="1"]{width:36px}._lg_1xzlf_76[data-count="2"] *+*{margin-left:-6px}._lg_1xzlf_76[data-count="3"] *+*{margin-left:-21px}._lg_1xzlf_76[data-count="4"] *+*{margin-left:-26px}

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_1pg7d_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;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}._button_1pg7d_1:disabled{opacity:.5;pointer-events:none}._button_1pg7d_1:focus{border-color:var(--theme-base-active)}._button_1pg7d_1:hover{border-color:var(--theme-base-hover)}._button_1pg7d_1:active{border-color:var(--theme-base-active)}._button_1pg7d_1[data-size=sm]{height:2.25rem}._button_1pg7d_1[data-size=md]{height:2.75rem}._button_1pg7d_1[data-size=lg]{height:3.5rem}._button_1pg7d_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_1pg7d_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_1pg7d_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_1pg7d_1[data-variant=outline],._button_1pg7d_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_1pg7d_1[data-variant=outline]{border-style:solid}._button_1pg7d_1[data-variant=dotted]{border-style:dotted}._button_1pg7d_1[data-variant=text]{border-color:transparent}._button_1pg7d_1[data-variant=outline]:hover,._button_1pg7d_1[data-variant=dotted]:hover,._button_1pg7d_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_1pg7d_1[data-variant=outline]:active,._button_1pg7d_1[data-variant=dotted]:active,._button_1pg7d_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_1pg7d_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_1pg7d_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_1pg7d_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:active,._button_1pg7d_1[data-color=secondary][data-variant=outline]:active,._button_1pg7d_1[data-color=secondary][data-variant=dotted]:active,._button_1pg7d_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}
+._button_1p2ap_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;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}._button_1p2ap_1:disabled{opacity:.5;pointer-events:none}._button_1p2ap_1:focus{border-color:var(--theme-base-active)}._button_1p2ap_1:hover{border-color:var(--theme-base-hover)}._button_1p2ap_1:active{border-color:var(--theme-base-active)}._button_1p2ap_1[data-size=sm]{height:2.25rem}._button_1p2ap_1[data-size=md]{height:2.75rem}._button_1p2ap_1[data-size=lg]{height:3.5rem}._button_1p2ap_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_1p2ap_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_1p2ap_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_1p2ap_1[data-variant=outline],._button_1p2ap_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_1p2ap_1[data-variant=outline]{border-style:solid}._button_1p2ap_1[data-variant=dotted]{border-style:dotted}._button_1p2ap_1[data-variant=text]{border-color:transparent}._button_1p2ap_1[data-variant=outline]:hover,._button_1p2ap_1[data-variant=dotted]:hover,._button_1p2ap_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_1p2ap_1[data-variant=outline]:active,._button_1p2ap_1[data-variant=dotted]:active,._button_1p2ap_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_1p2ap_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_1p2ap_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_1p2ap_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_1p2ap_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_1p2ap_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_1p2ap_1[data-color=secondary][data-variant=solid]:active,._button_1p2ap_1[data-color=secondary][data-variant=outline]:active,._button_1p2ap_1[data-color=secondary][data-variant=dotted]:active,._button_1p2ap_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}

package/dist/assets/DialogListItemBase.css

@@ -1 +1 @@
-._item_1ate4_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1ate4_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1ate4_13{display:flex;padding:1rem}._item_1ate4_1[aria-selected=false] ._link_1ate4_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1ate4_23{position:absolute;top:0;right:0;margin:.375rem}
+._item_1uvy5_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1uvy5_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1uvy5_13{margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:1rem}._item_1uvy5_1[aria-selected=false] ._link_1uvy5_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1uvy5_46{position:absolute;top:0;right:0;margin:.375rem}

package/dist/assets/FooterBase.css

@@ -1 +1 @@
-._footer_z2xgm_1{border-top:1px solid;border-color:var(--theme-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_z2xgm_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media (min-width: 1024px){._grid_z2xgm_13{padding:0 1rem;flex-direction:row}}
+._footer_1d8fg_1{width:100%;border-top:1px solid;border-color:var(--theme-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_1d8fg_14{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media (min-width: 1024px){._grid_1d8fg_14{padding:0 1rem;flex-direction:row}}

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_gzloq_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._header_gzloq_8{border-bottom:1px solid var(--theme-border-subtle)}._footer_gzloq_12{border-top:1px solid var(--theme-border-subtle);padding:1rem .5rem;display:flex;flex-direction:column;align-items:stretch}._drawer_gzloq_20[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_gzloq_26[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_gzloq_20[aria-expanded=true]{display:none}._dropdown_gzloq_26[aria-expanded=true]{display:block;z-index:2}}
+._nav_1mnmu_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._footer_1mnmu_8{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1mnmu_16[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1mnmu_22[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1mnmu_16[aria-expanded=true]{display:none}._dropdown_1mnmu_22[aria-expanded=true]{display:block;z-index:2}}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1m3xe_1{border:0;color:inherit;font:inherit;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}._item_1m3xe_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1m3xe_1[data-size=sm]{min-height:44px}._content_1m3xe_35{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1m3xe_43{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1m3xe_50{font-size:.875rem;white-space:nowrap}._linkIcon_1m3xe_55{font-size:1.5rem}._item_1m3xe_1{background-color:transparent;color:var(--theme-text-default)}._item_1m3xe_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_1m3xe_1:hover,._item_1m3xe_1:active{background-color:var(--theme-surface-hover)}._media_1m3xe_75[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1m3xe_75[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}
+._item_16huj_1{padding:0;border:0;color:inherit;font:inherit;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}._item_16huj_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_16huj_1[data-size=sm]{min-height:44px}._content_16huj_36{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_16huj_44{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_16huj_51{font-size:.875rem;white-space:nowrap}._linkIcon_16huj_56{font-size:1.5rem}._item_16huj_1{background-color:transparent;color:var(--theme-text-default)}._item_16huj_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_16huj_1:hover,._item_16huj_1:active{background-color:var(--theme-surface-hover)}._media_16huj_76[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_16huj_76[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_1am63_1{padding-left:6px}._input_1am63_5{position:absolute;opacity:0}._icon_1am63_10{font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_1am63_10{color:var(--theme-base-default)}._icon_1am63_10 [data-hover=true]{opacity:0}._label_1am63_1:hover [data-hover=true]{opacity:1}
+._label_dg58p_1{padding-left:6px}._input_dg58p_5{position:absolute;opacity:0}._icon_dg58p_10{flex-shrink:0;font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_dg58p_10{color:var(--theme-base-default)}._icon_dg58p_10 [data-hover=true]{opacity:0}._label_dg58p_1:hover [data-hover=true]{opacity:1}

package/dist/components/Avatar/AvatarGroup.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { c as n } from "../../index-L8X2o7IH.js";
 import { useMemo as p } from "react";
-import { Avatar as d } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const k = "_group_1k49o_1", h = "_reset_1k49o_5", f = "_item_1k49o_12", A = "_xs_1k49o_16", U = "_sm_1k49o_32", x = "_md_1k49o_48", y = "_lg_1k49o_64", t = {
-  group: k,
-  reset: h,
-  item: f,
-  xs: A,
-  sm: U,
-  md: x,
+import { Avatar as f } from "./Avatar.js";
+import '../../assets/AvatarGroup.css';const x = "_group_1xzlf_1", d = "_reset_1xzlf_5", h = "_item_1xzlf_12", z = "_xs_1xzlf_16", A = "_sm_1xzlf_36", U = "_md_1xzlf_56", y = "_lg_1xzlf_76", o = {
+  group: x,
+  reset: d,
+  item: h,
+  xs: z,
+  sm: A,
+  md: U,
   lg: y
 }, a = ({
-  items: e = [],
-  maxItemsCount: l = 4,
+  items: l = [],
+  maxItemsCount: s = 4,
   defaultType: _,
   size: c = "sm",
   className: m
 }) => {
-  const r = p(() => e.slice(0, l), [e, l]);
-  return (e == null ? void 0 : e.length) === 0 ? /* @__PURE__ */ s("div", { className: t.avatarGroup }) : /* @__PURE__ */ s("ul", { className: n(t.reset, t.group, t[c], m), "data-count": r == null ? void 0 : r.length, children: r.map((o, g) => {
-    const u = g === l - 1, i = o.customLabel || u ? e.length.toString() : void 0;
-    return /* @__PURE__ */ s("li", { className: n(t.reset, t.item), children: /* @__PURE__ */ s(
-      d,
+  const t = p(() => l.slice(0, s), [l, s]);
+  return (l == null ? void 0 : l.length) === 0 ? /* @__PURE__ */ r("div", { className: o.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(o.reset, o.group, o[c], m), "data-count": t == null ? void 0 : t.length, children: t.map((e, g) => {
+    const u = g === s - 1, i = e.customLabel || u ? l.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: n(o.reset, o.item), children: /* @__PURE__ */ r(
+      f,
       {
-        name: o.name,
+        name: e.name,
         customLabel: i,
-        imageUrl: o.imageUrl,
-        imageUrlAlt: o.imageUrlAlt,
-        type: (o == null ? void 0 : o.type) || _,
+        imageUrl: e.imageUrl,
+        imageUrlAlt: e.imageUrlAlt,
+        type: (e == null ? void 0 : e.type) || _,
         size: c,
         outline: !0
       }
-    ) }, o.name);
+    ) }, e.name);
   }) });
 };
 export {

package/dist/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const b = "_button_1pg7d_1", d = {
+import { jsx as u } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
   button: b
 }, _ = ({
   as: o,
@@ -12,8 +12,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1pg7d_1", d = {
   selected: r,
   variant: c,
   tabIndex: m = 0,
-  ...u
-}) => /* @__PURE__ */ i(
+  ...p
+}) => /* @__PURE__ */ u(
   o || "button",
   {
     tabIndex: m,
@@ -23,8 +23,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1pg7d_1", d = {
     "aria-selected": r,
     "aria-disabled": t,
     disabled: t,
-    className: p(d.button, n),
-    ...u,
+    className: i(l.button, n),
+    ...p,
     children: s
   }
 );

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,8 +1,10 @@
 import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
+import { ContextMenuSize } from './ContextMenuBase';
 export interface ContextMenuProps {
     id: string;
     items: MenuItemProps[];
     placement?: DropdownPlacement;
+    size?: ContextMenuSize;
     groups?: MenuItemGroups;
 }
-export declare const ContextMenu: ({ id, placement, groups, items }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ id, placement, size, groups, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,13 +3,19 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItems as p } from "../Menu/MenuItems.js";
-import { useRootContext as u } from "../RootProvider/RootProvider.js";
-import { ContextMenuBase as s } from "./ContextMenuBase.js";
-const I = ({ id: t = "context-menu", placement: e = "right", groups: r = {}, items: n }) => {
-  const { currentId: m, toggleId: i } = u();
-  return /* @__PURE__ */ o(s, { placement: e, expanded: m === t, onToggle: () => i(t), children: /* @__PURE__ */ o(p, { groups: r, items: n }) });
+import { MenuItems as u } from "../Menu/MenuItems.js";
+import { useRootContext as s } from "../RootProvider/RootProvider.js";
+import { ContextMenuBase as x } from "./ContextMenuBase.js";
+const M = ({
+  id: t = "context-menu",
+  placement: e = "right",
+  size: r,
+  groups: n = {},
+  items: m
+}) => {
+  const { currentId: i, toggleId: p } = s();
+  return /* @__PURE__ */ o(x, { size: r, placement: e, expanded: i === t, onToggle: () => p(t), children: /* @__PURE__ */ o(u, { groups: n, items: m }) });
 };
 export {
-  I as ContextMenu
+  M as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenuBase.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
 import { DropdownPlacement } from '../';
+export type ContextMenuSize = 'sm' | 'md';
 export interface ContextMenuBaseProps {
     placement: DropdownPlacement;
     expanded: boolean;
+    size?: ContextMenuSize;
     onToggle?: () => void;
     children?: ReactNode;
 }
-export declare const ContextMenuBase: ({ placement, expanded, onToggle, children, }: ContextMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuBase: ({ size, placement, expanded, onToggle, children, }: ContextMenuBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenuBase.js

@@ -1,35 +1,36 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { IconButton as a } from "../Button/IconButton.js";
+import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { DropdownBase as c } from "../Dropdown/DropdownBase.js";
-import '../../assets/ContextMenuBase.css';const m = "_toggle_ya7jy_1", l = "_button_ya7jy_5", d = "_icon_ya7jy_14", p = "_dropdown_ya7jy_18", o = {
-  toggle: m,
-  button: l,
-  icon: d,
-  dropdown: p
-}, b = ({
-  placement: n = "right",
+import { DropdownBase as m } from "../Dropdown/DropdownBase.js";
+import '../../assets/ContextMenuBase.css';const l = "_toggle_ya7jy_1", d = "_button_ya7jy_5", p = "_icon_ya7jy_14", _ = "_dropdown_ya7jy_18", o = {
+  toggle: l,
+  button: d,
+  icon: p,
+  dropdown: _
+}, f = ({
+  size: n = "sm",
+  placement: r = "right",
   expanded: e = !1,
-  onToggle: r,
-  children: s
-}) => /* @__PURE__ */ i("div", { className: o.toggle, "data-theme": "neutral", children: [
+  onToggle: s,
+  children: i
+}) => /* @__PURE__ */ a("div", { className: o.toggle, "data-theme": "neutral", children: [
   /* @__PURE__ */ t(
-    a,
+    c,
     {
       className: o.button,
-      size: "sm",
+      size: n,
       icon: "menu-elipsis-horizontal",
       iconSize: "md",
       variant: "text",
       color: "secondary",
-      onClick: r
+      onClick: s
     }
   ),
-  /* @__PURE__ */ t(c, { className: o.dropdown, placement: n, expanded: e, children: s })
+  /* @__PURE__ */ t(m, { className: o.dropdown, placement: r, expanded: e, children: i })
 ] });
 export {
-  b as ContextMenuBase
+  f as ContextMenuBase
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -44,7 +44,7 @@ export interface DialogProps {
     /** Activity Log */
     activityLog?: DialogActivityLogProps;
     /** More information about the dialog, process, etc. */
-    additionalInfo?: string;
+    additionalInfo?: ReactNode;
     /** History */
     history?: DialogHistoryProps;
 }

package/dist/components/Dialog/Dialog.js

@@ -1,64 +1,55 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { MetaBase as j } from "../Meta/MetaBase.js";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { MetaBase as c } from "../Meta/MetaBase.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { DialogActivityLog as v } from "./DialogActivityLog.js";
-import { DialogArticleBase as H } from "./DialogArticleBase.js";
-import { DialogAttachments as S } from "./DialogAttachments.js";
-import { DialogBase as B } from "./DialogBase.js";
-import { DialogBodyBase as C } from "./DialogBodyBase.js";
-import { DialogContent as E } from "./DialogContent.js";
+import { DialogActivityLog as j } from "./DialogActivityLog.js";
+import { DialogArticleBase as v } from "./DialogArticleBase.js";
+import { DialogAttachments as y } from "./DialogAttachments.js";
+import { DialogBase as H } from "./DialogBase.js";
+import { DialogBodyBase as S } from "./DialogBodyBase.js";
+import { DialogContent as C } from "./DialogContent.js";
 import { DialogFooter as F } from "./DialogFooter.js";
 import { DialogHeader as M } from "./DialogHeader.js";
 import { DialogSeenBy as N } from "./DialogSeenBy.js";
-import { DialogActions as U } from "./DialogActions.js";
-import { DialogHistory as b } from "./DialogHistory.js";
-import { DialogNav as k } from "./DialogNav.js";
-const Z = ({
-  backButton: e,
+import { DialogActions as b } from "./DialogActions.js";
+import { DialogHistory as k } from "./DialogHistory.js";
+import { DialogNav as q } from "./DialogNav.js";
+const Y = ({
+  backButton: a,
   menu: f,
   updatedAt: g,
   updatedAtLabel: D,
-  dueAt: d,
-  dueAtLabel: h,
-  status: A,
-  title: n,
-  sender: s,
-  recipient: u,
-  summary: x = "Summary.",
-  body: c,
-  actions: m = [],
-  attachments: t,
-  history: l,
-  seenBy: o,
-  activityLog: p,
-  additionalInfo: a
-}) => /* @__PURE__ */ i(B, { children: [
-  /* @__PURE__ */ r(k, { status: A, dueAt: d, dueAtLabel: h, backButton: e, menu: f }),
-  /* @__PURE__ */ i(H, { children: [
-    /* @__PURE__ */ r(
-      M,
-      {
-        title: n,
-        sender: s,
-        recipient: u,
-        seen: (o == null ? void 0 : o.seenByEndUser) ?? !1,
-        variant: "neutral"
-      }
-    ),
-    /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ r(E, { updatedAt: g, updatedAtLabel: D, summary: x, body: c }),
-      t && /* @__PURE__ */ r(S, { ...t }),
-      (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ r(U, { items: m }),
-      /* @__PURE__ */ i(j, { children: [
-        o && /* @__PURE__ */ r(N, { ...o }),
-        p && /* @__PURE__ */ r(v, { ...p })
+  dueAt: n,
+  dueAtLabel: s,
+  status: B,
+  title: d,
+  sender: h,
+  recipient: A,
+  summary: u = "Summary.",
+  body: x,
+  actions: r = [],
+  attachments: i,
+  history: t,
+  seenBy: e,
+  activityLog: l,
+  additionalInfo: p
+}) => /* @__PURE__ */ m(H, { children: [
+  /* @__PURE__ */ o(q, { status: B, dueAt: n, dueAtLabel: s, backButton: a, menu: f }),
+  /* @__PURE__ */ m(v, { children: [
+    /* @__PURE__ */ o(M, { title: d, sender: h, recipient: A, seen: !1, variant: "neutral" }),
+    /* @__PURE__ */ m(S, { children: [
+      /* @__PURE__ */ o(C, { updatedAt: g, updatedAtLabel: D, summary: u, body: x }),
+      i && /* @__PURE__ */ o(y, { ...i }),
+      (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ o(b, { items: r }),
+      /* @__PURE__ */ m(c, { children: [
+        e && /* @__PURE__ */ o(N, { ...e }),
+        l && /* @__PURE__ */ o(j, { ...l })
       ] })
     ] }),
-    a && /* @__PURE__ */ r(F, { additionalInfo: a }),
-    l && /* @__PURE__ */ r(b, { ...l })
+    p && /* @__PURE__ */ o(F, { additionalInfo: p }),
+    t && /* @__PURE__ */ o(k, { ...t })
   ] })
 ] });
 export {
-  Z as Dialog
+  Y as Dialog
 };