@altinn/altinn-components 0.35.0 → 0.35.2

package/dist/assets/TimelineHeader.css

@@ -1 +1 @@
-._header_177gq_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_177gq_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_177gq_19{flex-grow:1;display:flex;flex-direction:column}
+._header_ffjwj_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_ffjwj_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem}._content_ffjwj_18{flex-grow:1;display:flex;flex-direction:column}

package/dist/components/ContextMenu/ContextMenu.js

@@ -2,68 +2,68 @@
 import { jsxs as v, jsx as s } from "react/jsx-runtime";
 import { c as O } from "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as b, useRef as h, useMemo as w } from "react";
-import { IconButton as y } from "../Button/IconButton.js";
-import { useClickOutside as I } from "../../hooks/useClickOutside.js";
-import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
-import { MenuItems as C } from "../Menu/MenuItems.js";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
+import { forwardRef as b, useRef as h } from "react";
+import { IconButton as w } from "../Button/IconButton.js";
+import { useClickOutside as y } from "../../hooks/useClickOutside.js";
+import { DropdownBase as I } from "../Dropdown/DropdownBase.js";
+import { MenuItems as j } from "../Menu/MenuItems.js";
+import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as R } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var E = function(e, l) {
+import { u as _ } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var R = function(e, n) {
   var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
+      n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const M = b((e, l) => {
-  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
-  let n = R();
-  return n = r ? t || "title-" + n : void 0, a.createElement(
+const E = b((e, n) => {
+  var { title: r, titleId: t } = e, o = R(e, ["title", "titleId"]);
+  let l = _();
+  return l = r ? t || "title-" + l : void 0, a.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: l, "aria-labelledby": n }, o),
-    r ? a.createElement("title", { id: n }, r) : null,
+    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: n, "aria-labelledby": l }, o),
+    r ? a.createElement("title", { id: l }, r) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), k = "_toggle_nol5i_1", B = {
+}), k = "_toggle_nol5i_1", M = {
   toggle: k
-}, F = ({
+}, q = ({
   id: e = "context-menu",
-  ariaLabel: l,
+  ariaLabel: n,
   placement: r = "right",
   groups: t = {},
   className: o,
-  items: n
+  items: l
 }) => {
-  const { currentId: d, toggleId: m, closeAll: u } = _(), f = h(null), g = () => m(e), c = d === e;
-  I(f, () => {
+  const { currentId: p, toggleId: m, closeAll: d } = C(), f = h(null), g = () => m(e), c = p === e;
+  y(f, () => {
     c && m(e);
   });
-  const x = w(() => n.map((i) => ({
+  const x = l.map((i) => ({
     ...i,
     onClick: () => {
-      var p;
-      (p = i.onClick) == null || p.call(i), u();
+      var u;
+      (u = i.onClick) == null || u.call(i), d();
     }
-  })), [n, u]);
-  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: f, children: [
+  }));
+  return /* @__PURE__ */ v("div", { className: O(M.toggle, o), "data-color": "neutral", ref: f, children: [
     /* @__PURE__ */ s(
-      y,
+      w,
       {
         size: "xs",
         rounded: !0,
-        icon: M,
+        icon: E,
         variant: "text",
         onClick: g,
-        iconAltText: l || `Open ${e}`
+        iconAltText: n || `Open ${e}`
       }
     ),
-    c && /* @__PURE__ */ s(j, { placement: r, open: c, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
+    c && /* @__PURE__ */ s(I, { placement: r, open: c, children: /* @__PURE__ */ s(j, { groups: t, items: x }) })
   ] });
 };
 export {
-  F as ContextMenu
+  q as ContextMenu
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -8,14 +8,14 @@ import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";
-import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_sidebar_177gq_9", _ = "_content_177gq_19", r = {
-  header: p,
-  sidebar: h,
-  content: _
-}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+import '../../assets/TimelineHeader.css';const f = "_header_ffjwj_1", p = "_sidebar_ffjwj_9", h = "_content_ffjwj_18", r = {
+  header: f,
+  sidebar: p,
+  content: h
+}, g = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  T as TimelineHeader
+  g as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -1,20 +1,27 @@
-import { jsx as t } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
-import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
+import { jsx as o } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { Icon as e, isIconProps as p } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import { isAvatarGroupProps as g, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as d } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
-  icon: g
+import { S as c } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/TimelineIcon.css';const d = "_icon_13w5g_1", a = {
+  icon: d
 };
-function v(o) {
-  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
+function h(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
 }
-const S = ({ loading: o, size: i, color: e, theme: m, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: a.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: a.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: a.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: m }) || v(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }) }) : null;
+const _ = ({ loading: t, size: m, color: s, theme: i, icon: r }) => r ? t ? /* @__PURE__ */ o(e, { className: a.icon, svgElement: c, loading: !0 }) : /* @__PURE__ */ o("div", { className: a.icon, "data-color": s, "data-size": m, children: l(r) && /* @__PURE__ */ o(
+  f,
+  {
+    ...r,
+    innerContainerStyle: { width: "unset", height: "1em" },
+    avatarImageStyle: { height: "1.75rem", width: "auto", marginTop: "0.25rem" }
+  }
+) || g(r) && /* @__PURE__ */ o(u, { ...r, className: a.avatarGroup }) || p(r) && /* @__PURE__ */ o(e, { ...r, theme: i }) || h(r) && r || /* @__PURE__ */ o(e, { theme: i, svgElement: r }) }) : null;
 export {
-  S as TimelineIcon
+  _ as TimelineIcon
 };

package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts

@@ -43,4 +43,5 @@ export declare const Loading: Story;
 export declare const Summary: Story;
 export declare const ExtendedContent: Story;
 export declare const WithAttachments: Story;
+export declare const WithWideLogo: Story;
 export declare const WithActions: Story;

package/package.json

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