@altinn/altinn-components 0.27.0 → 0.28.0

package/dist/components/Dialog/DialogAttachments.js

@@ -4,11 +4,11 @@ import "react";
 import { AttachmentList as n } from "../Attachment/AttachmentList.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as m } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as e } from "../Page/Section.js";
-const x = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ i(e, { spacing: 1, children: [
-  /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", theme: "subtle", children: o }),
+import { Section as p } from "../Page/Section.js";
+const x = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
+  /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: o }),
   /* @__PURE__ */ r(n, { items: t })
 ] }) : null;
 export {

package/dist/components/Dialog/DialogBody.js

@@ -1,43 +1,43 @@
-import { jsxs as i, jsx as m, Fragment as h } from "react/jsx-runtime";
+import { jsxs as i, jsx as m, Fragment as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Timeline as d } from "../Timeline/Timeline.js";
-import { TimelineSection as f } from "../Timeline/TimelineSection.js";
-import { TimelineHeader as c } from "../Timeline/TimelineHeader.js";
+import { Timeline as c } from "../Timeline/Timeline.js";
+import { TimelineSection as d } from "../Timeline/TimelineSection.js";
+import { TimelineHeader as f } from "../Timeline/TimelineHeader.js";
 import { Typography as s } from "../Typography/Typography.js";
 import { SeenByLog as x } from "./SeenByLog.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const H = ({
+const W = ({
   loading: r,
   sender: t,
   recipient: o,
   recipientLabel: n,
   updatedAt: p,
-  updatedAtLabel: a,
-  children: l,
+  updatedAtLabel: l,
+  children: h,
   seenByLog: e
-}) => /* @__PURE__ */ i(d, { children: [
-  /* @__PURE__ */ i(c, { loading: r, avatar: t, children: [
+}) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ i(f, { loading: r, icon: t, children: [
     /* @__PURE__ */ m("strong", { children: t.name }),
     n + " " + (o == null ? void 0 : o.name)
   ] }),
   /* @__PURE__ */ m(
-    f,
+    d,
     {
       loading: r,
       datetime: p,
-      byline: a,
+      byline: l,
       spacing: 4,
       color: r ? "neutral" : void 0,
-      children: !r && /* @__PURE__ */ i(h, { children: [
-        /* @__PURE__ */ m(s, { maxWidth: "60ch", children: l }),
+      children: !r && /* @__PURE__ */ i(a, { children: [
+        /* @__PURE__ */ m(s, { maxWidth: "60ch", children: h }),
         e && /* @__PURE__ */ m(x, { ...e })
       ] })
     }
   )
 ] });
 export {
-  H as DialogBody
+  W as DialogBody
 };

package/dist/components/Dialog/DialogByline.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as x } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const s = ({
   sender: o,

package/dist/components/Dialog/DialogContact.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ContactSection as m } from "../Page/ContactSection.js";
 const l = ({ id: o = "dialog-contact", children: t, items: r = [] }) => /* @__PURE__ */ i(m, { id: o, items: r, children: t });

package/dist/components/Dialog/DialogHeader.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Heading as a } from "../Typography/Heading.js";
 import { DialogMetadata as n } from "./DialogMetadata.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as c } from "../Page/Section.js";
 const H = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: e }) => /* @__PURE__ */ p(c, { as: "header", spacing: 3, children: [

package/dist/components/Dialog/DialogHeading.js

@@ -4,7 +4,7 @@ import "react";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import { Badge as d } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", r = {
   heading: p,

package/dist/components/Dialog/DialogHistory.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
 import { Timeline as d } from "../Timeline/Timeline.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const h = ({
   items: o,

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
+import * as m from "react";
 import { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineActivity as m } from "../Timeline/TimelineActivity.js";
+import { TimelineActivity as a } from "../Timeline/TimelineActivity.js";
 import { TimelineLink as c } from "../Timeline/TimelineLink.js";
 import { Transmission as s } from "../Transmission/Transmission.js";
 import { Typography as d } from "../Typography/Typography.js";
-import { ListBase as u } from "../List/ListBase.js";
+import { List as u } from "../List/List.js";
 import { u as g } from "../../useId-CsCRkvK3.js";
 var v = function(r, i) {
   var o = {};
@@ -23,21 +23,21 @@ var v = function(r, i) {
 const w = p((r, i) => {
   var { title: o, titleId: e } = r, t = v(r, ["title", "titleId"]);
   let l = g();
-  return l = o ? e || "title-" + l : void 0, a.createElement(
+  return l = o ? e || "title-" + l : void 0, m.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, t),
-    o ? a.createElement("title", { id: l }, o) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.672 3.825a.75.75 0 0 1 .791.085l7 5.5a.75.75 0 0 1 0 1.18l-7 5.5a.75.75 0 0 1-1.213-.59v-2.724a9.1 9.1 0 0 0-2.63.565c-2.284.87-3.759 2.562-4.671 4.077a12.4 12.4 0 0 0-.957 1.965 10 10 0 0 0-.263.792l-.001.007A.75.75 0 0 1 3.25 20c0-1.654.322-3.941 1.224-6.123.903-2.184 2.413-4.32 4.823-5.558 1.133-.581 2.445-.954 3.953-1.046V4.5a.75.75 0 0 1 .422-.675", clipRule: "evenodd" })
+    o ? m.createElement("title", { id: l }, o) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.672 3.825a.75.75 0 0 1 .791.085l7 5.5a.75.75 0 0 1 0 1.18l-7 5.5a.75.75 0 0 1-1.213-.59v-2.724a9.1 9.1 0 0 0-2.63.565c-2.284.87-3.759 2.562-4.671 4.077a12.4 12.4 0 0 0-.957 1.965 10 10 0 0 0-.263.792l-.001.007A.75.75 0 0 1 3.25 20c0-1.654.322-3.941 1.224-6.123.903-2.184 2.413-4.32 4.823-5.558 1.133-.581 2.445-.954 3.953-1.046V4.5a.75.75 0 0 1 .422-.675", clipRule: "evenodd" })
   );
 }), P = ({ variant: r, byline: i, datetime: o, children: e, link: t, ...l }) => {
   switch (r) {
     case "transmission":
-      return /* @__PURE__ */ f(m, { byline: i, datetime: o, spacing: 2, children: [
+      return /* @__PURE__ */ f(a, { byline: i, datetime: o, spacing: 2, children: [
         /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(s, { ...l, children: e }) }),
         t && /* @__PURE__ */ n(c, { ...t, icon: (t == null ? void 0 : t.icon) || w })
       ] });
     default:
-      return /* @__PURE__ */ n(m, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });
+      return /* @__PURE__ */ n(a, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });
   }
 };
 export {

package/dist/components/Dialog/DialogHistorySegment.js

@@ -5,7 +5,7 @@ import { forwardRef as y, useState as O, Fragment as j, createElement as s } fro
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
 import { TimelineSegment as I } from "../Timeline/TimelineSegment.js";

package/dist/components/Dialog/DialogLayout.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageBase as p } from "../Page/PageBase.js";
 import { PageNav as l } from "../Page/PageNav.js";

package/dist/components/Dialog/DialogList.js

@@ -5,7 +5,7 @@ import { useMenu as y } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListGroup as u } from "./DialogListGroup.js";
 import { DialogListItem as d } from "./DialogListItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as g } from "../Page/Section.js";
 const v = ({ items: i, groups: m = {}, sortGroupBy: e, isLoading: p }) => {

package/dist/components/Dialog/DialogListGroup.js

@@ -1,22 +1,22 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Button as e } from "../Button/Button.js";
+import { Button as n } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as n } from "../List/ListBase.js";
+import { List as e } from "../List/List.js";
 import { Heading as p } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as c } from "../Page/Section.js";
 import { S as a } from "../../Checkmark-RgzvRNxP.js";
-const B = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
+const k = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
   i && /* @__PURE__ */ t(s, { direction: "row", align: "center", justify: "between", children: [
     /* @__PURE__ */ r(p, { size: "lg", children: i }),
-    o && /* @__PURE__ */ r(e, { variant: "text", icon: a, size: "sm", children: o })
+    o && /* @__PURE__ */ r(n, { variant: "text", icon: a, size: "sm", children: o })
   ] }),
-  /* @__PURE__ */ r(n, { spacing: 3, children: m })
+  /* @__PURE__ */ r(e, { spacing: 3, children: m })
 ] });
 export {
-  B as DialogListGroup
+  k as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

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