@altinn/altinn-components 0.35.4 → 0.35.6

package/dist/components/ActivityLog/ActivityLog.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { useState as m, createElement as u } from "react";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as f, createElement as m } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as h } from "../Button/Button.js";
+import { Button as u } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Timeline as y } from "../Timeline/Timeline.js";
+import { Timeline as h } from "../Timeline/Timeline.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as v } from "../Page/Section.js";
-import { ActivityLogSegment as x } from "./ActivityLogSegment.js";
-const q = ({
+import { Section as y } from "../Page/Section.js";
+import { ActivityLogSegment as v } from "./ActivityLogSegment.js";
+const b = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -17,14 +17,14 @@ const q = ({
 }) => {
   if (!(o != null && o.length))
     return null;
-  const [n, p] = m(!1), c = () => {
-    p((r) => !r);
-  }, d = t ? o.slice(0, t) : o, s = n ? o : d, a = t && o.length > t;
-  return /* @__PURE__ */ f(v, { spacing: 4, children: [
-    /* @__PURE__ */ e(y, { children: s.map((r, g) => /* @__PURE__ */ u(x, { ...r, key: g })) }),
-    a && /* @__PURE__ */ e(h, { variant: "outline", onClick: c, children: n ? l : i })
+  const [r, c] = f(!1), p = () => {
+    c((n) => !n);
+  }, d = t ? o.slice(0, t) : o, g = r ? o : d, s = t && o.length > t;
+  return /* @__PURE__ */ a(y, { spacing: 4, children: [
+    /* @__PURE__ */ e(h, { children: g.map((n) => /* @__PURE__ */ m(v, { ...n, key: "activitylog-segment-" + n.id })) }),
+    s && /* @__PURE__ */ e(u, { variant: "outline", onClick: p, children: r ? l : i })
   ] });
 };
 export {
-  q as ActivityLog
+  b as ActivityLog
 };

package/dist/components/ActivityLog/ActivityLogSegment.js

@@ -7,10 +7,10 @@ import { Typography as l } from "../Typography/Typography.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLogItem as y } from "./ActivityLogItem.js";
-const T = ({ id: i, items: r, datetime: p, byline: m, children: e, summary: o }) => /* @__PURE__ */ n(f, { datetime: p, byline: m, spacing: 2, id: i, children: [
-  o && /* @__PURE__ */ c(l, { children: o }),
+const T = ({ id: i, items: o, datetime: m, byline: p, children: e, summary: r }) => /* @__PURE__ */ n(f, { datetime: m, byline: p, spacing: 2, id: i, children: [
+  r && /* @__PURE__ */ c(l, { children: r }),
   e,
-  r == null ? void 0 : r.map((t) => /* @__PURE__ */ g(y, { ...t, key: t.id }))
+  o == null ? void 0 : o.map((t) => /* @__PURE__ */ g(y, { ...t, key: "activity-log-item" + t.id }))
 ] });
 export {
   T as ActivityLogSegment

package/dist/components/Dialog/DialogList.js

@@ -1,14 +1,14 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createElement as t } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { createElement as r } from "react";
 import "../../index-L8X2o7IH.js";
 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 { DialogListGroup as d } from "./DialogListGroup.js";
+import { DialogListItem as g } from "./DialogListItem.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 }) => {
+import { Section as u } from "../Page/Section.js";
+const v = ({ items: i, groups: m = {}, sortGroupBy: e, isLoading: s }) => {
   const { menu: o } = y({
     items: i,
     groups: m,
@@ -16,11 +16,11 @@ const v = ({ items: i, groups: m = {}, sortGroupBy: e, isLoading: p }) => {
     keyboardEvents: !1,
     sortGroupBy: e
   });
-  return /* @__PURE__ */ l(g, { spacing: 3, margin: "section", "aria-busy": p, children: o == null ? void 0 : o.map((r, s) => {
-    const n = r.props || {};
-    return /* @__PURE__ */ t(u, { ...n, key: s }, r == null ? void 0 : r.items.map((a, c) => {
-      const f = a.props || {};
-      return /* @__PURE__ */ t(d, { ...f, key: c });
+  return /* @__PURE__ */ f(u, { spacing: 3, margin: "section", "aria-busy": s, children: o == null ? void 0 : o.map((t, p) => {
+    const a = t.props || {};
+    return /* @__PURE__ */ r(d, { ...a, key: "dialog-list-item" + p }, t == null ? void 0 : t.items.map((n, l) => {
+      const c = n.props || {};
+      return /* @__PURE__ */ r(g, { ...c, key: "dialog-list-item" + l });
     }));
   }) });
 };

package/dist/components/List/ListItemIcon.js

@@ -1,26 +1,34 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import { Icon as s, isIconProps as l } from "../Icon/Icon.js";
+import { Icon as e, isIconProps as l } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as v, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
-import { Badge as u } from "../Badge/Badge.js";
+import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import { Badge as _ } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/ListItemIcon.css';const d = "_wrapper_1q66b_1", b = "_icon_1q66b_8", g = "_avatar_1q66b_16", G = "_avatarGroup_1q66b_20", t = {
-  wrapper: d,
-  icon: b,
-  avatar: g,
-  avatarGroup: G
+import { S as d } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/ListItemIcon.css';const g = "_wrapper_1q66b_1", N = "_icon_1q66b_8", w = "_avatar_1q66b_16", b = "_avatarGroup_1q66b_20", t = {
+  wrapper: g,
+  icon: N,
+  avatar: w,
+  avatarGroup: b
 };
-function w(a) {
+function h(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: [
-  c(r) && /* @__PURE__ */ o(f, { ...r, className: t.avatar }) || v(r) && /* @__PURE__ */ o(_, { ...r, className: t.avatarGroup }) || l(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 })
+const z = ({ loading: a, size: m, icon: r, theme: s, badge: p }) => r ? a ? /* @__PURE__ */ o(e, { className: t.wrapper, svgElement: d, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+  c(r) && /* @__PURE__ */ o(
+    f,
+    {
+      ...r,
+      className: t.avatar,
+      innerContainerStyle: { width: "fit-content" },
+      avatarImageStyle: { height: "1em", width: "auto" }
+    }
+  ) || v(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || l(r) && /* @__PURE__ */ o(e, { ...r, theme: r.theme || s, className: t.icon }) || h(r) && r || /* @__PURE__ */ o(e, { theme: s, svgElement: r, className: t.icon }),
+  p && /* @__PURE__ */ o(_, { ...p, className: t.badge })
 ] }) : null;
 export {
   z as ListItemIcon

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

@@ -51,3 +51,4 @@ declare const meta: {
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const UsingBadges: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithWideLogo: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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