@altinn/altinn-components 0.31.0 → 0.32.0

package/dist/components/Modal/ModalBase.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as f, useEffect as m } from "react";
+import '../../assets/ModalBase.css';const u = "_modal_1jt70_1", t = {
+  modal: u
+}, g = ({
+  open: e,
+  onClose: n,
+  children: r,
+  backdropColor: c = "inherit",
+  size: d,
+  color: s,
+  variant: i = "default"
+}) => {
+  const l = f(null);
+  return m(() => {
+    const a = l.current;
+    a && (e ? a.open || a.showModal() : a.open && a.close());
+  }, [e]), /* @__PURE__ */ o(
+    "dialog",
+    {
+      ref: l,
+      "aria-modal": "true",
+      "aria-labelledby": "modal-title",
+      onCancel: (a) => {
+        a.preventDefault(), n();
+      },
+      "data-backdrop-color": c,
+      className: t.modal,
+      "data-variant": i,
+      children: /* @__PURE__ */ o("section", { className: t.content, "aria-label": "modal content", "data-size": d, "data-color": s, children: r })
+    }
+  );
+};
+export {
+  g as ModalBase
+};

package/dist/components/Modal/ModalBody.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as i } from "../Page/Section.js";
+const s = ({ children: o, ...r }) => /* @__PURE__ */ t(i, { spacing: 2, padding: 2, ...r, children: o });
+export {
+  s as ModalBody
+};

package/dist/components/Modal/ModalHeader.js

@@ -0,0 +1,30 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { IconButton as m } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import { Heading as p } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as c } from "../Page/Flex.js";
+import { Section as a } from "../Page/Section.js";
+import { S as s } from "../../XMark-DIqxCTTQ.js";
+const w = ({ title: t, onClose: i, closeTitle: e, children: n }) => /* @__PURE__ */ o(a, { as: "header", spacing: 2, padding: 4, children: [
+  /* @__PURE__ */ o(c, { direction: "row", justify: "between", align: "center", spacing: 8, children: [
+    /* @__PURE__ */ r(p, { as: "h2", size: "lg", children: t }),
+    typeof i == "function" && /* @__PURE__ */ r(
+      m,
+      {
+        icon: s,
+        variant: "outline",
+        onClick: i,
+        iconAltText: e ?? "close",
+        size: "sm"
+      }
+    )
+  ] }),
+  n
+] });
+export {
+  w as ModalHeader
+};

package/dist/components/Modal/index.js

@@ -0,0 +1,8 @@
+import { ModalBase as e } from "./ModalBase.js";
+import { ModalHeader as d } from "./ModalHeader.js";
+import { ModalBody as l } from "./ModalBody.js";
+export {
+  e as ModalBase,
+  l as ModalBody,
+  d as ModalHeader
+};

package/dist/components/index.js

@@ -5,10 +5,10 @@ import { Avatar as f, isAvatarProps as i } from "./Avatar/Avatar.js";
 import { AvatarGroup as n, isAvatarGroupProps as c } from "./Avatar/AvatarGroup.js";
 import { AccountMenu as u } from "./Account/AccountMenu.js";
 import { AccountListItem as L } from "./Account/AccountListItem.js";
-import { AccountList as d } from "./Account/AccountList.js";
+import { AccountList as g } from "./Account/AccountList.js";
 import { Badge as I } from "./Badge/Badge.js";
 import { Banner as b, BannerColorEnum as A } from "./Banner/Banner.js";
-import { BookmarksListItem as M } from "./Bookmarks/BookmarksListItem.js";
+import { BookmarksListItem as T } from "./Bookmarks/BookmarksListItem.js";
 import { EditableBookmark as k } from "./Bookmarks/EditableBookmark.js";
 import { BookmarksSection as C } from "./Bookmarks/BookmarksSection.js";
 import { ButtonBase as H } from "./Button/ButtonBase.js";
@@ -34,8 +34,8 @@ import { DialogListGroup as Do } from "./Dialog/DialogListGroup.js";
 import { DialogListItem as go } from "./Dialog/DialogListItem.js";
 import { DialogMetadata as Io } from "./Dialog/DialogMetadata.js";
 import { DialogByline as bo } from "./Dialog/DialogByline.js";
-import { DialogActions as To } from "./Dialog/DialogActions.js";
-import { D as yo } from "../DialogActivityLog-BoPREh7Y.js";
+import { DialogActions as Mo } from "./Dialog/DialogActions.js";
+import { DialogActivityLog as yo } from "./Dialog/DialogActivityLog.js";
 import { DialogSeenBy as ho } from "./Dialog/DialogSeenBy.js";
 import { DialogSelect as Po } from "./Dialog/DialogSelect.js";
 import { DialogStatus as Fo, DialogStatusEnum as vo } from "./Dialog/DialogStatus.js";
@@ -57,11 +57,11 @@ import { BackButton as ir } from "./GlobalMenu/BackButton.js";
 import { LogoutButton as nr } from "./GlobalMenu/LogoutButton.js";
 import { EndUserLabel as lr } from "./GlobalMenu/EndUserLabel.js";
 import { GlobalMenu as Dr } from "./GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as gr } from "./GlobalMenu/GlobalMenuButton.js";
+import { GlobalMenuButton as dr } from "./GlobalMenu/GlobalMenuButton.js";
 import { Header as Br } from "./Header/Header.js";
 import { HeaderBase as Sr } from "./Header/HeaderBase.js";
 import { HeaderLogo as Ar } from "./Header/HeaderLogo.js";
-import { HeaderButton as Mr } from "./Header/HeaderButton.js";
+import { HeaderButton as Tr } from "./Header/HeaderButton.js";
 import { LocaleButton as kr } from "./Header/LocaleButton.js";
 import { LocaleSwitcher as Cr } from "./Header/LocaleSwitcher.js";
 import { Icon as Hr, isIconProps as Fr } from "./Icon/Icon.js";
@@ -84,10 +84,10 @@ import { ListItemLabel as se } from "./List/ListItemLabel.js";
 import { ListItemIcon as ce } from "./List/ListItemIcon.js";
 import { ListItemControls as ue } from "./List/ListItemControls.js";
 import { ListItemSelect as Le } from "./List/ListItemSelect.js";
-import { ListItem as de } from "./List/ListItem.js";
+import { ListItem as ge } from "./List/ListItem.js";
 import { List as Ie } from "./List/List.js";
 import { MenuItemBase as be } from "./Menu/MenuItemBase.js";
-import { MenuItemLabel as Te, getAriaLabelFromTitle as Me } from "./Menu/MenuItemLabel.js";
+import { MenuItemLabel as Me, getAriaLabelFromTitle as Te } from "./Menu/MenuItemLabel.js";
 import { MenuItemIcon as ke } from "./Menu/MenuItemIcon.js";
 import { MenuItem as Ce } from "./Menu/MenuItem.js";
 import { MenuInputField as He } from "./Menu/MenuInputField.js";
@@ -108,11 +108,11 @@ import { MetaListItem as xt, Metadata as ft } from "./Metadata/Metadata.js";
 import { RootProvider as st, useRootContext as nt } from "./RootProvider/RootProvider.js";
 import { SearchItem as lt } from "./Search/SearchItem.js";
 import { Searchbar as Dt } from "./Searchbar/Searchbar.js";
-import { SearchbarBase as gt } from "./Searchbar/SearchbarBase.js";
+import { SearchbarBase as dt } from "./Searchbar/SearchbarBase.js";
 import { SearchbarField as Bt } from "./Searchbar/SearchbarField.js";
 import { AutocompleteBase as St } from "./Searchbar/AutocompleteBase.js";
 import { AutocompleteGroup as At } from "./Searchbar/AutocompleteGroup.js";
-import { Autocomplete as Mt } from "./Searchbar/Autocomplete.js";
+import { Autocomplete as Tt } from "./Searchbar/Autocomplete.js";
 import { AutocompleteItem as kt } from "./Searchbar/AutocompleteItem.js";
 import { ScopeListItem as Ct } from "./Searchbar/ScopeListItem.js";
 import { SuggestListItem as Ht } from "./Searchbar/SuggestListItem.js";
@@ -133,11 +133,11 @@ import { TimelineLink as im } from "./Timeline/TimelineLink.js";
 import { ToolbarBase as nm } from "./Toolbar/ToolbarBase.js";
 import { ToolbarButton as lm } from "./Toolbar/ToolbarButton.js";
 import { Toolbar as Dm } from "./Toolbar/Toolbar.js";
-import { ToolbarSearch as gm } from "./Toolbar/ToolbarSearch.js";
+import { ToolbarSearch as dm } from "./Toolbar/ToolbarSearch.js";
 import { ToolbarFilter as Bm } from "./Toolbar/ToolbarFilter.js";
 import { ToolbarDaterange as Sm } from "./Toolbar/ToolbarDaterange.js";
 import { PageBase as Am } from "./Page/PageBase.js";
-import { PageNav as Mm } from "./Page/PageNav.js";
+import { PageNav as Tm } from "./Page/PageNav.js";
 import { PageMenu as km } from "./Page/PageMenu.js";
 import { PageTabs as Cm } from "./Page/PageTabs.js";
 import { PageDetails as Hm } from "./Page/PageDetails.js";
@@ -160,10 +160,10 @@ import { AccessAreaListItem as sa } from "./AccessAreaList/AccessAreaListItem.js
 import { AccessAreaList as ca } from "./AccessAreaList/AccessAreaList.js";
 import { AccessPackageListItem as ua } from "./AccessPackageList/AccessPackageListItem.js";
 import { AccessPackageList as La } from "./AccessPackageList/AccessPackageList.js";
-import { Field as da } from "./Forms/Field.js";
+import { Field as ga } from "./Forms/Field.js";
 import { Fieldset as Ia } from "./Forms/Fieldset.js";
 import { Legend as ba } from "./Forms/Legend.js";
-import { Label as Ta } from "./Forms/Label.js";
+import { Label as Ma } from "./Forms/Label.js";
 import { Input as ya } from "./Forms/Input.js";
 import { Textarea as ha } from "./Forms/Textarea.js";
 import { Select as Pa } from "./Forms/Select.js";
@@ -187,33 +187,38 @@ import { DashboardHeader as sp } from "./Dashboard/DashboardHeader.js";
 import { DashboardCard as cp } from "./Dashboard/DashboardCard.js";
 import { DashboardIcon as up } from "./Dashboard/DashboardIcon.js";
 import { ActivityLog as Lp } from "./ActivityLog/ActivityLog.js";
-import { ActivityLogItem as dp } from "./ActivityLog/ActivityLogItem.js";
-import { ArticleHeader as Ip } from "./Article/ArticleHeader.js";
-import { ArticleContact as bp } from "./Article/ArticleContact.js";
-import { Article as Tp } from "./Article/Article.js";
-import { A as yp, B as kp, a as hp, C as Cp, b as Pp, c as Hp, D as Fp, H as vp, L as wp, d as Ep, e as Gp, P as Op, f as Rp, g as Qp, h as Up, i as Vp, S as jp, j as zp, T as Np, u as qp } from "../usePagination-D247OF6_.js";
-import { D as Kp } from "../index-D3Rt9ate.js";
-import { P as Xp } from "../Paragraph-Bm-eoPYv.js";
-import { V as Zp } from "../index-CnWc2FNH.js";
+import { ActivityLogSegment as gp } from "./ActivityLog/ActivityLogSegment.js";
+import { ActivityLogItem as Ip } from "./ActivityLog/ActivityLogItem.js";
+import { ArticleHeader as bp } from "./Article/ArticleHeader.js";
+import { ArticleContact as Mp } from "./Article/ArticleContact.js";
+import { Article as yp } from "./Article/Article.js";
+import { ModalBase as hp } from "./Modal/ModalBase.js";
+import { ModalHeader as Pp } from "./Modal/ModalHeader.js";
+import { ModalBody as Fp } from "./Modal/ModalBody.js";
+import { A as wp, B as Ep, a as Gp, C as Op, b as Rp, c as Qp, D as Up, H as Vp, L as jp, d as zp, e as Np, P as qp, f as Jp, g as Kp, h as Wp, i as Xp, S as Yp, j as Zp, T as _p, u as $p } from "../usePagination-D247OF6_.js";
+import { D as rx } from "../index-D3Rt9ate.js";
+import { P as tx } from "../Paragraph-Bm-eoPYv.js";
+import { V as ax } from "../index-CnWc2FNH.js";
 export {
   ca as AccessAreaList,
   sa as AccessAreaListItem,
   La as AccessPackageList,
   ua as AccessPackageListItem,
   Km as AccordionSection,
-  d as AccountList,
+  g as AccountList,
   L as AccountListItem,
   u as AccountMenu,
   oe as ActionFooter,
   _r as ActionHeader,
   Lp as ActivityLog,
-  dp as ActivityLogItem,
-  Tp as Article,
-  bp as ArticleContact,
-  Ip as ArticleHeader,
+  Ip as ActivityLogItem,
+  gp as ActivityLogSegment,
+  yp as Article,
+  Mp as ArticleContact,
+  bp as ArticleHeader,
   m as AttachmentLink,
   p as AttachmentList,
-  Mt as Autocomplete,
+  Tt as Autocomplete,
   St as AutocompleteBase,
   At as AutocompleteGroup,
   kt as AutocompleteItem,
@@ -224,7 +229,7 @@ export {
   I as Badge,
   b as Banner,
   A as BannerColorEnum,
-  M as BookmarksListItem,
+  T as BookmarksListItem,
   C as BookmarksSection,
   Om as Breadcrumbs,
   Qm as BreadcrumbsLink,
@@ -245,7 +250,7 @@ export {
   sp as DashboardHeader,
   up as DashboardIcon,
   K as Dialog,
-  To as DialogActions,
+  Mo as DialogActions,
   yo as DialogActivityLog,
   Eo as DialogAttachments,
   $ as DialogBody,
@@ -274,49 +279,49 @@ export {
   Xo as DrawerHeader,
   tr as DrawerOrDropdown,
   zo as DropdownBase,
-  yp as DsAlert,
-  kp as DsBadge,
-  hp as DsButton,
-  Cp as DsCheckbox,
-  Pp as DsChip,
-  Hp as DsCombobox,
-  Kp as DsDetails,
-  Fp as DsDialog,
-  vp as DsHeading,
-  wp as DsLink,
-  Ep as DsListItem,
-  Gp as DsListUnordered,
-  Op as DsPagination,
-  Xp as DsParagraph,
-  Rp as DsPopover,
-  Qp as DsSearch,
-  Up as DsSkeleton,
-  Vp as DsSpinner,
-  jp as DsSwitch,
-  zp as DsTabs,
-  Np as DsTextfield,
-  Zp as DsValidationMessage,
+  wp as DsAlert,
+  Ep as DsBadge,
+  Gp as DsButton,
+  Op as DsCheckbox,
+  Rp as DsChip,
+  Qp as DsCombobox,
+  rx as DsDetails,
+  Up as DsDialog,
+  Vp as DsHeading,
+  jp as DsLink,
+  zp as DsListItem,
+  Np as DsListUnordered,
+  qp as DsPagination,
+  tx as DsParagraph,
+  Jp as DsPopover,
+  Kp as DsSearch,
+  Wp as DsSkeleton,
+  Xp as DsSpinner,
+  Yp as DsSwitch,
+  Zp as DsTabs,
+  _p as DsTextfield,
+  ax as DsValidationMessage,
   k as EditableBookmark,
   lr as EndUserLabel,
-  da as Field,
+  ga as Field,
   Ra as FieldBase,
   Ia as Fieldset,
   Wa as FieldsetBase,
   vm as Flex,
   ar as Footer,
   Dr as GlobalMenu,
-  gr as GlobalMenuButton,
+  dr as GlobalMenuButton,
   Em as Grid,
   Br as Header,
   Sr as HeaderBase,
-  Mr as HeaderButton,
+  Tr as HeaderButton,
   Ar as HeaderLogo,
   ma as Heading,
   Hr as Icon,
   V as IconButton,
   Ur as IconOrAvatar,
   ya as Input,
-  Ta as Label,
+  Ma as Label,
   Yr as Layout,
   ee as LayoutAction,
   jr as LayoutBase,
@@ -325,7 +330,7 @@ export {
   Wr as LayoutSidebar,
   ba as Legend,
   Ie as List,
-  de as ListItem,
+  ge as ListItem,
   me as ListItemBase,
   ue as ListItemControls,
   fe as ListItemHeader,
@@ -343,7 +348,7 @@ export {
   Ce as MenuItem,
   be as MenuItemBase,
   ke as MenuItemIcon,
-  Te as MenuItemLabel,
+  Me as MenuItemLabel,
   Qe as MenuItems,
   je as MenuList,
   ze as MenuListItem,
@@ -358,11 +363,14 @@ export {
   tt as MetaProgress,
   at as MetaTimestamp,
   ft as Metadata,
+  hp as ModalBase,
+  Fp as ModalBody,
+  Pp as ModalHeader,
   Ya as OptionsBase,
   Am as PageBase,
   Hm as PageDetails,
   km as PageMenu,
-  Mm as PageNav,
+  Tm as PageNav,
   Cm as PageTabs,
   Rr as ProgressIcon,
   vt as QueryItem,
@@ -377,7 +385,7 @@ export {
   Ja as SearchField,
   lt as SearchItem,
   Dt as Searchbar,
-  gt as SearchbarBase,
+  dt as SearchbarBase,
   Bt as SearchbarField,
   Vm as Section,
   Oo as SeenByLog,
@@ -414,17 +422,17 @@ export {
   lm as ToolbarButton,
   Sm as ToolbarDaterange,
   Bm as ToolbarFilter,
-  gm as ToolbarSearch,
+  dm as ToolbarSearch,
   Xm as Transmission,
   oa as TransmissionList,
   Zm as TransmissionType,
   _m as TransmissionTypeEnum,
   ea as Typography,
-  Me as getAriaLabelFromTitle,
+  Te as getAriaLabelFromTitle,
   c as isAvatarGroupProps,
   i as isAvatarProps,
   Fr as isIconProps,
-  qp as useDsPagination,
+  $p as useDsPagination,
   nt as useRootContext,
   zt as useSnackbar
 };