@altinn/altinn-components 0.46.6 → 0.47.0

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,32 +1,33 @@
 "use client";
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as L, useEffect as B, useMemo as h } from "react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useState as B, useEffect as h, useMemo as u } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { LocaleSwitcher as u } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as G } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as G } from "../Menu/MenuBase.js";
-import { Menu as x } from "../Menu/Menu.js";
-import { BackButton as j } from "./BackButton.js";
-import { GlobalMenuBase as k, GlobalMenuHeader as v, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
-import { LocaleButton as A } from "./LocaleButton.js";
-import { LogoutButton as S } from "./LogoutButton.js";
-const P = ({
+import { MenuListItem as x } from "../Menu/MenuBase.js";
+import { Menu as j } from "../Menu/Menu.js";
+import { BackButton as v } from "./BackButton.js";
+import { GlobalMenuBase as M, GlobalMenuHeader as y, GlobalMenuFooter as A } from "./GlobalMenuBase.js";
+import { LocaleButton as S } from "./LocaleButton.js";
+import { LogoutButton as T } from "./LogoutButton.js";
+const Q = ({
   menu: a,
-  backLabel: M = "Back",
+  backLabel: d = "Back",
   onClose: i,
-  logoutButton: e,
+  logoutButton: l,
   ariaLabel: f = "Menu",
-  localeSwitcher: c,
-  isOpen: p = !1
+  localeSwitcher: e,
+  isOpen: p = !1,
+  color: n = "person"
 }) => {
-  const [d, n] = L(!1), m = () => {
-    n((r) => !r);
+  const [g, m] = B(!1), s = () => {
+    m((r) => !r);
   };
-  B(() => {
-    p || n(!1);
+  h(() => {
+    p || m(!1);
   }, [p]);
-  const g = h(() => ((a == null ? void 0 : a.items) ?? []).map((r) => ({
+  const L = u(() => ((a == null ? void 0 : a.items) ?? []).map((r) => ({
     ...r,
     onClick: () => {
       var o;
@@ -35,23 +36,23 @@ const P = ({
     items: Array.isArray(r.items) ? r.items.map((o) => ({
       ...o,
       onClick: () => {
-        var s;
-        (s = o.onClick) == null || s.call(o), i == null || i();
+        var k;
+        (k = o.onClick) == null || k.call(o), i == null || i();
       }
     })) : void 0
   })), [a, i]);
-  return d ? /* @__PURE__ */ l(k, { "aria-label": f, children: [
-    /* @__PURE__ */ l(v, { children: [
-      /* @__PURE__ */ t(j, { onClick: m, label: M }),
-      c && /* @__PURE__ */ t(u, { ...c })
+  return g ? /* @__PURE__ */ c(M, { "aria-label": f, color: n, children: [
+    /* @__PURE__ */ c(y, { children: [
+      /* @__PURE__ */ t(v, { onClick: s, label: d }),
+      e && /* @__PURE__ */ t(G, { ...e })
     ] }),
-    /* @__PURE__ */ t(G, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ l(k, { "aria-label": f, children: [
-    a && /* @__PURE__ */ t(x, { ...a, items: g }),
-    c && /* @__PURE__ */ t(A, { onClick: m }),
-    e && /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(S, { ...e }) })
+    /* @__PURE__ */ t(x, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ c(M, { "aria-label": f, color: n, children: [
+    a && /* @__PURE__ */ t(j, { ...a, items: L }),
+    e && /* @__PURE__ */ t(S, { onClick: s }),
+    l && /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(T, { ...l }) })
   ] });
 };
 export {
-  P as GlobalMenu
+  Q as GlobalMenu
 };

package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts

@@ -1,3 +1,4 @@
+import { Color } from '../';
 import { LocaleSwitcherProps } from '../Header';
 import { MenuProps } from '../Menu';
 import { LogoutButtonProps } from './LogoutButton';
@@ -13,5 +14,6 @@ export interface GlobalMenuProps {
     ariaLabel?: string;
     localeSwitcher?: LocaleSwitcherProps;
     isOpen?: boolean;
+    color?: Color;
 }
-export declare const GlobalMenu: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, color, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { MenuProps } from '../Menu';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, color, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -27,3 +27,4 @@ export declare const Desktop: (args: GlobalMenuProps) => import("react/jsx-runti
 export declare const MobileMenu: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: Story;
 export declare const InterimMenu: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DesignReference: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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