@altinn/altinn-components 0.27.0 → 0.27.1

package/dist/components/Dialog/DialogListItem.js

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

package/dist/components/List/ListItem.js

@@ -1,7 +1,7 @@
-import { jsxs as q, jsx as w } from "react/jsx-runtime";
-import { ListItemBase as z } from "./ListItemBase.js";
-import { ListItemHeader as A } from "./ListItemHeader.js";
-const F = ({
+import { jsxs as w, jsx as z } from "react/jsx-runtime";
+import { ListItemBase as A } from "./ListItemBase.js";
+import { ListItemHeader as C } from "./ListItemHeader.js";
+const G = ({
   className: p,
   variant: c = "solid",
   color: r,
@@ -25,11 +25,12 @@ const F = ({
   controls: H,
   children: b,
   interactive: i,
-  ...d
+  id: d,
+  ...k
 }) => {
-  const k = typeof t == "function" ? t() : t;
-  return /* @__PURE__ */ q(
-    z,
+  const q = typeof t == "function" ? t() : t;
+  return /* @__PURE__ */ w(
+    A,
     {
       variant: c,
       color: r,
@@ -40,9 +41,10 @@ const F = ({
       title: f,
       loading: o,
       interactive: i,
+      id: d,
       children: [
-        /* @__PURE__ */ w(
-          A,
+        /* @__PURE__ */ z(
+          C,
           {
             className: p,
             color: r,
@@ -62,8 +64,8 @@ const F = ({
             controls: H,
             titleAs: j,
             interactive: i,
-            ...d,
-            children: k
+            ...k,
+            children: q
           }
         ),
         s ? b : null
@@ -72,5 +74,5 @@ const F = ({
   );
 };
 export {
-  F as ListItem
+  G as ListItem
 };

package/dist/components/List/ListItemBase.js

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

package/dist/types/lib/components/Dialog/DialogListItem.d.ts

@@ -71,4 +71,4 @@ export interface DialogListItemProps extends ListItemProps {
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItem.d.ts

@@ -35,4 +35,4 @@ export interface ListItemInputProps extends ListItemProps {
     /** Child items */
     items?: ListItemProps[];
 }
-export declare const ListItem: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {
         id: string;

package/dist/types/lib/components/List/ListItemBase.d.ts

@@ -42,5 +42,7 @@ export interface ListItemBaseProps {
     onMouseEnter?: HTMLProps<HTMLDivElement>['onMouseEnter'];
     /** The children elements of the list item. */
     children?: ReactNode;
+    /** Id of list item. */
+    id?: string;
 }
-export declare const ListItemBase: ({ as, interactive, size, variant, color, theme, shadow, hidden, selected, className, onMouseEnter, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ as, interactive, size, variant, color, theme, shadow, hidden, selected, className, onMouseEnter, id, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/Specimens.stories.d.ts

@@ -1,7 +1,7 @@
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {
         id: string;

package/package.json

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